@mui/material 7.0.1 → 7.1.0

package/modern/SpeedDialAction/SpeedDialAction.d.ts

@@ -1,117 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from "../styles/index.js";
-import { InternalStandardProps as StandardProps } from "../index.js";
-import { FabProps } from "../Fab/index.js";
-import { TooltipProps } from "../Tooltip/index.js";
-import { SpeedDialActionClasses } from "./speedDialActionClasses.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
-export interface SpeedDialActionSlots {
-  /**
-   * The component that renders the fab.
-   * @default Fab
-   */
-  fab?: React.ElementType;
-  /**
-   * The component that renders the tooltip.
-   * @default Tooltip
-   */
-  tooltip?: React.ElementType;
-  /**
-   * The component that renders the static tooltip.
-   * @default 'span'
-   */
-  staticTooltip?: React.ElementType;
-  /**
-   * The component that renders the static tooltip label.
-   * @default 'span'
-   */
-  staticTooltipLabel?: React.ElementType;
-}
-export interface SpeedDialActionFabSlotPropsOverrides {}
-export interface SpeedDialActionTooltipSlotPropsOverrides {}
-export interface SpeedDialActionStaticTooltipSlotPropsOverrides {}
-export interface SpeedDialActionStaticTooltipLabelSlotPropsOverrides {}
-export type SpeedDialActionSlotsAndSlotProps = CreateSlotsAndSlotProps<SpeedDialActionSlots, {
-  /**
-   * Props forwarded to the fab slot.
-   * By default, the avaible props are based on the [Fab](https://mui.com/material-ui/api/fab/#props) component.
-   */
-  fab: SlotProps<React.ElementType<FabProps>, SpeedDialActionFabSlotPropsOverrides, SpeedDialActionOwnerState>;
-  /**
-   * Props forwarded to the tooltip slot.
-   * By default, the avaible props are based on the [Tooltip](https://mui.com/material-ui/api/tooltip/#props) component.
-   */
-  tooltip: SlotProps<React.ElementType<TooltipProps>, SpeedDialActionTooltipSlotPropsOverrides, SpeedDialActionOwnerState>;
-  /**
-   * Props forwarded to the static tooltip slot.
-   * By default, the avaible props are based on a span element.
-   */
-  staticTooltip: SlotProps<'span', SpeedDialActionStaticTooltipSlotPropsOverrides, SpeedDialActionOwnerState>;
-  /**
-   * Props forwarded to the static tooltip label slot.
-   * By default, the avaible props are based on a span element.
-   */
-  staticTooltipLabel: SlotProps<'span', SpeedDialActionStaticTooltipLabelSlotPropsOverrides, SpeedDialActionOwnerState>;
-}>;
-export interface SpeedDialActionProps extends Omit<StandardProps<Partial<TooltipProps>, 'children'>, 'slotProps' | 'slots'>, SpeedDialActionSlotsAndSlotProps {
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<SpeedDialActionClasses>;
-  /**
-   * Props applied to the [`Fab`](https://mui.com/material-ui/api/fab/) component.
-   * @default {}
-   * @deprecated Use `slotProps.fab` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  FabProps?: Partial<FabProps>;
-  /**
-   * Adds a transition delay, to allow a series of SpeedDialActions to be animated.
-   * @default 0
-   */
-  delay?: number;
-  /**
-   * The icon to display in the SpeedDial Fab.
-   */
-  icon?: React.ReactNode;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * `classes` prop applied to the [`Tooltip`](https://mui.com/material-ui/api/tooltip/) element.
-   * @deprecated Use `slotProps.tooltip.classes` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TooltipClasses?: TooltipProps['classes'];
-  /**
-   * Placement of the tooltip.
-   * @default 'left'
-   * @deprecated Use `slotProps.tooltip.placement` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  tooltipPlacement?: TooltipProps['placement'];
-  /**
-   * Label to display in the tooltip.
-   * @deprecated Use `slotProps.tooltip.title` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  tooltipTitle?: React.ReactNode;
-  /**
-   * Make the tooltip always visible when the SpeedDial is open.
-   * @default false
-   * @deprecated Use `slotProps.tooltip.open` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  tooltipOpen?: boolean;
-}
-
-/**
- *
- * Demos:
- *
- * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
- *
- * API:
- *
- * - [SpeedDialAction API](https://mui.com/material-ui/api/speed-dial-action/)
- * - inherits [Tooltip API](https://mui.com/material-ui/api/tooltip/)
- */
-export default function SpeedDialAction(props: SpeedDialActionProps): React.JSX.Element;
-export interface SpeedDialActionOwnerState extends Omit<SpeedDialActionProps, 'slots' | 'slotProps'> {}

package/modern/SpeedDialAction/SpeedDialAction.js

@@ -1,351 +0,0 @@
-'use client';
-
-// @inheritedComponent Tooltip
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import { emphasize } from '@mui/system/colorManipulator';
-import { styled } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import Fab from "../Fab/index.js";
-import Tooltip from "../Tooltip/index.js";
-import capitalize from "../utils/capitalize.js";
-import speedDialActionClasses, { getSpeedDialActionUtilityClass } from "./speedDialActionClasses.js";
-import useSlot from "../utils/useSlot.js";
-import { mergeSlotProps } from "../utils/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    open,
-    tooltipPlacement,
-    classes
-  } = ownerState;
-  const slots = {
-    fab: ['fab', !open && 'fabClosed'],
-    staticTooltip: ['staticTooltip', `tooltipPlacement${capitalize(tooltipPlacement)}`, !open && 'staticTooltipClosed'],
-    staticTooltipLabel: ['staticTooltipLabel']
-  };
-  return composeClasses(slots, getSpeedDialActionUtilityClass, classes);
-};
-const SpeedDialActionFab = styled(Fab, {
-  name: 'MuiSpeedDialAction',
-  slot: 'Fab',
-  skipVariantsResolver: false,
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.fab, !ownerState.open && styles.fabClosed];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  margin: 8,
-  color: (theme.vars || theme).palette.text.secondary,
-  backgroundColor: (theme.vars || theme).palette.background.paper,
-  '&:hover': {
-    backgroundColor: theme.vars ? theme.vars.palette.SpeedDialAction.fabHoverBg : emphasize(theme.palette.background.paper, 0.15)
-  },
-  transition: `${theme.transitions.create('transform', {
-    duration: theme.transitions.duration.shorter
-  })}, opacity 0.8s`,
-  opacity: 1,
-  variants: [{
-    props: ({
-      ownerState
-    }) => !ownerState.open,
-    style: {
-      opacity: 0,
-      transform: 'scale(0)'
-    }
-  }]
-})));
-const SpeedDialActionStaticTooltip = styled('span', {
-  name: 'MuiSpeedDialAction',
-  slot: 'StaticTooltip',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.staticTooltip, !ownerState.open && styles.staticTooltipClosed, styles[`tooltipPlacement${capitalize(ownerState.tooltipPlacement)}`]];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  position: 'relative',
-  display: 'flex',
-  alignItems: 'center',
-  [`& .${speedDialActionClasses.staticTooltipLabel}`]: {
-    transition: theme.transitions.create(['transform', 'opacity'], {
-      duration: theme.transitions.duration.shorter
-    }),
-    opacity: 1
-  },
-  variants: [{
-    props: ({
-      ownerState
-    }) => !ownerState.open,
-    style: {
-      [`& .${speedDialActionClasses.staticTooltipLabel}`]: {
-        opacity: 0,
-        transform: 'scale(0.5)'
-      }
-    }
-  }, {
-    props: {
-      tooltipPlacement: 'left'
-    },
-    style: {
-      [`& .${speedDialActionClasses.staticTooltipLabel}`]: {
-        transformOrigin: '100% 50%',
-        right: '100%',
-        marginRight: 8
-      }
-    }
-  }, {
-    props: {
-      tooltipPlacement: 'right'
-    },
-    style: {
-      [`& .${speedDialActionClasses.staticTooltipLabel}`]: {
-        transformOrigin: '0% 50%',
-        left: '100%',
-        marginLeft: 8
-      }
-    }
-  }]
-})));
-const SpeedDialActionStaticTooltipLabel = styled('span', {
-  name: 'MuiSpeedDialAction',
-  slot: 'StaticTooltipLabel',
-  overridesResolver: (props, styles) => styles.staticTooltipLabel
-})(memoTheme(({
-  theme
-}) => ({
-  position: 'absolute',
-  ...theme.typography.body1,
-  backgroundColor: (theme.vars || theme).palette.background.paper,
-  borderRadius: (theme.vars || theme).shape.borderRadius,
-  boxShadow: (theme.vars || theme).shadows[1],
-  color: (theme.vars || theme).palette.text.secondary,
-  padding: '4px 16px',
-  wordBreak: 'keep-all'
-})));
-const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiSpeedDialAction'
-  });
-  const {
-    className,
-    delay = 0,
-    FabProps = {},
-    icon,
-    id,
-    open,
-    TooltipClasses,
-    tooltipOpen: tooltipOpenProp = false,
-    tooltipPlacement = 'left',
-    tooltipTitle,
-    slots = {},
-    slotProps = {},
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    tooltipPlacement
-  };
-  const classes = useUtilityClasses(ownerState);
-  const externalForwardedProps = {
-    slots,
-    slotProps: {
-      fab: FabProps,
-      ...slotProps,
-      tooltip: mergeSlotProps(typeof slotProps.tooltip === 'function' ? slotProps.tooltip(ownerState) : slotProps.tooltip, {
-        title: tooltipTitle,
-        open: tooltipOpenProp,
-        placement: tooltipPlacement,
-        classes: TooltipClasses
-      })
-    }
-  };
-  const [tooltipOpen, setTooltipOpen] = React.useState(externalForwardedProps.slotProps.tooltip?.open);
-  const handleTooltipClose = () => {
-    setTooltipOpen(false);
-  };
-  const handleTooltipOpen = () => {
-    setTooltipOpen(true);
-  };
-  const transitionStyle = {
-    transitionDelay: `${delay}ms`
-  };
-  const [FabSlot, fabSlotProps] = useSlot('fab', {
-    elementType: SpeedDialActionFab,
-    externalForwardedProps,
-    ownerState,
-    shouldForwardComponentProp: true,
-    className: clsx(classes.fab, className),
-    additionalProps: {
-      style: transitionStyle,
-      tabIndex: -1,
-      role: 'menuitem',
-      size: 'small'
-    }
-  });
-  const [TooltipSlot, tooltipSlotProps] = useSlot('tooltip', {
-    elementType: Tooltip,
-    externalForwardedProps,
-    shouldForwardComponentProp: true,
-    ref,
-    additionalProps: {
-      id
-    },
-    ownerState,
-    getSlotProps: handlers => ({
-      ...handlers,
-      onClose: event => {
-        handlers.onClose?.(event);
-        handleTooltipClose();
-      },
-      onOpen: event => {
-        handlers.onOpen?.(event);
-        handleTooltipOpen();
-      }
-    })
-  });
-  const [StaticTooltipSlot, staticTooltipSlotProps] = useSlot('staticTooltip', {
-    elementType: SpeedDialActionStaticTooltip,
-    externalForwardedProps,
-    ownerState,
-    ref,
-    className: classes.staticTooltip,
-    additionalProps: {
-      id
-    }
-  });
-  const [StaticTooltipLabelSlot, staticTooltipLabelSlotProps] = useSlot('staticTooltipLabel', {
-    elementType: SpeedDialActionStaticTooltipLabel,
-    externalForwardedProps,
-    ownerState,
-    className: classes.staticTooltipLabel,
-    additionalProps: {
-      style: transitionStyle,
-      id: `${id}-label`
-    }
-  });
-  const fab = /*#__PURE__*/_jsx(FabSlot, {
-    ...fabSlotProps,
-    children: icon
-  });
-  if (tooltipSlotProps.open) {
-    return /*#__PURE__*/_jsxs(StaticTooltipSlot, {
-      ...staticTooltipSlotProps,
-      ...other,
-      children: [/*#__PURE__*/_jsx(StaticTooltipLabelSlot, {
-        ...staticTooltipLabelSlotProps,
-        children: tooltipSlotProps.title
-      }), /*#__PURE__*/React.cloneElement(fab, {
-        'aria-labelledby': `${id}-label`
-      })]
-    });
-  }
-  if (!open && tooltipOpen) {
-    setTooltipOpen(false);
-  }
-  return /*#__PURE__*/_jsx(TooltipSlot, {
-    ...tooltipSlotProps,
-    title: tooltipSlotProps.title,
-    open: open && tooltipOpen,
-    placement: tooltipSlotProps.placement,
-    classes: tooltipSlotProps.classes,
-    ...other,
-    children: fab
-  });
-});
-process.env.NODE_ENV !== "production" ? SpeedDialAction.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * Adds a transition delay, to allow a series of SpeedDialActions to be animated.
-   * @default 0
-   */
-  delay: PropTypes.number,
-  /**
-   * Props applied to the [`Fab`](https://mui.com/material-ui/api/fab/) component.
-   * @default {}
-   * @deprecated Use `slotProps.fab` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  FabProps: PropTypes.object,
-  /**
-   * The icon to display in the SpeedDial Fab.
-   */
-  icon: PropTypes.node,
-  /**
-   * This prop is used to help implement the accessibility logic.
-   * If you don't provide this prop. It falls back to a randomly generated id.
-   */
-  id: PropTypes.string,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: PropTypes.bool,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    fab: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    staticTooltip: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    staticTooltipLabel: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    tooltip: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    fab: PropTypes.elementType,
-    staticTooltip: PropTypes.elementType,
-    staticTooltipLabel: PropTypes.elementType,
-    tooltip: 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]),
-  /**
-   * `classes` prop applied to the [`Tooltip`](https://mui.com/material-ui/api/tooltip/) element.
-   * @deprecated Use `slotProps.tooltip.classes` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TooltipClasses: PropTypes.object,
-  /**
-   * Make the tooltip always visible when the SpeedDial is open.
-   * @default false
-   * @deprecated Use `slotProps.tooltip.open` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  tooltipOpen: PropTypes.bool,
-  /**
-   * Placement of the tooltip.
-   * @default 'left'
-   * @deprecated Use `slotProps.tooltip.placement` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  tooltipPlacement: PropTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
-  /**
-   * Label to display in the tooltip.
-   * @deprecated Use `slotProps.tooltip.title` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  tooltipTitle: PropTypes.node
-} : void 0;
-export default SpeedDialAction;

package/modern/SpeedDialAction/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./SpeedDialAction.js";
-export * from "./SpeedDialAction.js";
-export { default as speedDialActionClasses } from "./speedDialActionClasses.js";
-export * from "./speedDialActionClasses.js";

package/modern/SpeedDialAction/index.js

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

package/modern/SpeedDialAction/speedDialActionClasses.d.ts

@@ -1,20 +0,0 @@
-export interface SpeedDialActionClasses {
-  /** Styles applied to the Fab component. */
-  fab: string;
-  /** Styles applied to the Fab component if `open={false}`. */
-  fabClosed: string;
-  /** Styles applied to the root element if `tooltipOpen={true}`. */
-  staticTooltip: string;
-  /** Styles applied to the root element if `tooltipOpen={true}` and `open={false}`. */
-  staticTooltipClosed: string;
-  /** Styles applied to the static tooltip label if `tooltipOpen={true}`. */
-  staticTooltipLabel: string;
-  /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="left"`` */
-  tooltipPlacementLeft: string;
-  /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="right"`` */
-  tooltipPlacementRight: string;
-}
-export type SpeedDialActionClassKey = keyof SpeedDialActionClasses;
-export declare function getSpeedDialActionUtilityClass(slot: string): string;
-declare const speedDialActionClasses: SpeedDialActionClasses;
-export default speedDialActionClasses;

package/modern/SpeedDialAction/speedDialActionClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getSpeedDialActionUtilityClass(slot) {
-  return generateUtilityClass('MuiSpeedDialAction', slot);
-}
-const speedDialActionClasses = generateUtilityClasses('MuiSpeedDialAction', ['fab', 'fabClosed', 'staticTooltip', 'staticTooltipClosed', 'staticTooltipLabel', 'tooltipPlacementLeft', 'tooltipPlacementRight']);
-export default speedDialActionClasses;

package/modern/SpeedDialIcon/SpeedDialIcon.d.ts

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from "../styles/index.js";
-import { InternalStandardProps as StandardProps } from "../index.js";
-import { SpeedDialIconClasses } from "./speedDialIconClasses.js";
-export interface SpeedDialIconProps extends StandardProps<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<SpeedDialIconClasses>;
-  /**
-   * The icon to display.
-   */
-  icon?: React.ReactNode;
-  /**
-   * The icon to display in the SpeedDial Floating Action Button when the SpeedDial is open.
-   */
-  openIcon?: React.ReactNode;
-  /**
-   * @ignore
-   * If `true`, the component is shown.
-   */
-  open?: boolean;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-
-/**
- *
- * Demos:
- *
- * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
- *
- * API:
- *
- * - [SpeedDialIcon API](https://mui.com/material-ui/api/speed-dial-icon/)
- */
-declare const SpeedDialIcon: ((props: SpeedDialIconProps) => React.JSX.Element) & {
-  muiName: string;
-};
-export default SpeedDialIcon;