@mui/material 5.0.3 → 5.1.0

package/utils/index.d.ts

@@ -15,3 +15,4 @@ export { default as useControlled } from './useControlled';
 export { default as useEventCallback } from './useEventCallback';
 export { default as useForkRef } from './useForkRef';
 export { default as useIsFocusVisible } from './useIsFocusVisible';
+export { unstable_ClassNameGenerator } from '@mui/core';

package/utils/index.js

@@ -14,4 +14,5 @@ export { default as unsupportedProp } from './unsupportedProp';
 export { default as useControlled } from './useControlled';
 export { default as useEventCallback } from './useEventCallback';
 export { default as useForkRef } from './useForkRef';
-export { default as useIsFocusVisible } from './useIsFocusVisible';
+export { default as useIsFocusVisible } from './useIsFocusVisible';
+export { unstable_ClassNameGenerator } from '@mui/core';

package/ClickAwayListener/ClickAwayListener.d.ts

@@ -1,47 +0,0 @@
-import * as React from 'react';
-declare type ClickAwayMouseEventHandler = 'onClick' | 'onMouseDown' | 'onMouseUp';
-declare type ClickAwayTouchEventHandler = 'onTouchStart' | 'onTouchEnd';
-export interface ClickAwayListenerProps {
-    /**
-     * The wrapped element.
-     */
-    children: React.ReactElement;
-    /**
-     * If `true`, the React tree is ignored and only the DOM tree is considered.
-     * This prop changes how portaled elements are handled.
-     * @default false
-     */
-    disableReactTree?: boolean;
-    /**
-     * The mouse event to listen to. You can disable the listener by providing `false`.
-     * @default 'onClick'
-     */
-    mouseEvent?: ClickAwayMouseEventHandler | false;
-    /**
-     * Callback fired when a "click away" event is detected.
-     */
-    onClickAway: (event: MouseEvent | TouchEvent) => void;
-    /**
-     * The touch event to listen to. You can disable the listener by providing `false`.
-     * @default 'onTouchEnd'
-     */
-    touchEvent?: ClickAwayTouchEventHandler | false;
-}
-/**
- * Listen for click events that occur somewhere in the document, outside of the element itself.
- * For instance, if you need to hide a menu when people click anywhere else on your page.
- *
- * Demos:
- *
- * - [Click Away Listener](https://mui.com/components/click-away-listener/)
- * - [Menus](https://mui.com/components/menus/)
- *
- * API:
- *
- * - [ClickAwayListener API](https://mui.com/api/click-away-listener/)
- */
-declare function ClickAwayListener(props: ClickAwayListenerProps): JSX.Element;
-declare namespace ClickAwayListener {
-    var propTypes: any;
-}
-export default ClickAwayListener;

package/ClickAwayListener/ClickAwayListener.js

@@ -1,196 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { elementAcceptingRef, exactProp } from '@mui/utils';
-import ownerDocument from '../utils/ownerDocument';
-import useForkRef from '../utils/useForkRef';
-import useEventCallback from '../utils/useEventCallback'; // TODO: return `EventHandlerName extends `on${infer EventName}` ? Lowercase<EventName> : never` once generatePropTypes runs with TS 4.1
-
-import { jsx as _jsx } from "react/jsx-runtime";
-
-function mapEventPropToEvent(eventProp) {
-  return eventProp.substring(2).toLowerCase();
-}
-
-function clickedRootScrollbar(event, doc) {
-  return doc.documentElement.clientWidth < event.clientX || doc.documentElement.clientHeight < event.clientY;
-}
-
-/**
- * Listen for click events that occur somewhere in the document, outside of the element itself.
- * For instance, if you need to hide a menu when people click anywhere else on your page.
- *
- * Demos:
- *
- * - [Click Away Listener](https://mui.com/components/click-away-listener/)
- * - [Menus](https://mui.com/components/menus/)
- *
- * API:
- *
- * - [ClickAwayListener API](https://mui.com/api/click-away-listener/)
- */
-function ClickAwayListener(props) {
-  const {
-    children,
-    disableReactTree = false,
-    mouseEvent = 'onClick',
-    onClickAway,
-    touchEvent = 'onTouchEnd'
-  } = props;
-  const movedRef = React.useRef(false);
-  const nodeRef = React.useRef(null);
-  const activatedRef = React.useRef(false);
-  const syntheticEventRef = React.useRef(false);
-  React.useEffect(() => {
-    // Ensure that this component is not "activated" synchronously.
-    // https://github.com/facebook/react/issues/20074
-    setTimeout(() => {
-      activatedRef.current = true;
-    }, 0);
-    return () => {
-      activatedRef.current = false;
-    };
-  }, []);
-  const handleRef = useForkRef( // @ts-expect-error TODO upstream fix
-  children.ref, nodeRef); // The handler doesn't take event.defaultPrevented into account:
-  //
-  // event.preventDefault() is meant to stop default behaviors like
-  // clicking a checkbox to check it, hitting a button to submit a form,
-  // and hitting left arrow to move the cursor in a text input etc.
-  // Only special HTML elements have these default behaviors.
-
-  const handleClickAway = useEventCallback(event => {
-    // Given developers can stop the propagation of the synthetic event,
-    // we can only be confident with a positive value.
-    const insideReactTree = syntheticEventRef.current;
-    syntheticEventRef.current = false;
-    const doc = ownerDocument(nodeRef.current); // 1. IE11 support, which trigger the handleClickAway even after the unbind
-    // 2. The child might render null.
-    // 3. Behave like a blur listener.
-
-    if (!activatedRef.current || !nodeRef.current || 'clientX' in event && clickedRootScrollbar(event, doc)) {
-      return;
-    } // Do not act if user performed touchmove
-
-
-    if (movedRef.current) {
-      movedRef.current = false;
-      return;
-    }
-
-    let insideDOM; // If not enough, can use https://github.com/DieterHolvoet/event-propagation-path/blob/master/propagationPath.js
-
-    if (event.composedPath) {
-      insideDOM = event.composedPath().indexOf(nodeRef.current) > -1;
-    } else {
-      insideDOM = !doc.documentElement.contains( // @ts-expect-error returns `false` as intended when not dispatched from a Node
-      event.target) || nodeRef.current.contains( // @ts-expect-error returns `false` as intended when not dispatched from a Node
-      event.target);
-    }
-
-    if (!insideDOM && (disableReactTree || !insideReactTree)) {
-      onClickAway(event);
-    }
-  }); // Keep track of mouse/touch events that bubbled up through the portal.
-
-  const createHandleSynthetic = handlerName => event => {
-    syntheticEventRef.current = true;
-    const childrenPropsHandler = children.props[handlerName];
-
-    if (childrenPropsHandler) {
-      childrenPropsHandler(event);
-    }
-  };
-
-  const childrenProps = {
-    ref: handleRef
-  };
-
-  if (touchEvent !== false) {
-    childrenProps[touchEvent] = createHandleSynthetic(touchEvent);
-  }
-
-  React.useEffect(() => {
-    if (touchEvent !== false) {
-      const mappedTouchEvent = mapEventPropToEvent(touchEvent);
-      const doc = ownerDocument(nodeRef.current);
-
-      const handleTouchMove = () => {
-        movedRef.current = true;
-      };
-
-      doc.addEventListener(mappedTouchEvent, handleClickAway);
-      doc.addEventListener('touchmove', handleTouchMove);
-      return () => {
-        doc.removeEventListener(mappedTouchEvent, handleClickAway);
-        doc.removeEventListener('touchmove', handleTouchMove);
-      };
-    }
-
-    return undefined;
-  }, [handleClickAway, touchEvent]);
-
-  if (mouseEvent !== false) {
-    childrenProps[mouseEvent] = createHandleSynthetic(mouseEvent);
-  }
-
-  React.useEffect(() => {
-    if (mouseEvent !== false) {
-      const mappedMouseEvent = mapEventPropToEvent(mouseEvent);
-      const doc = ownerDocument(nodeRef.current);
-      doc.addEventListener(mappedMouseEvent, handleClickAway);
-      return () => {
-        doc.removeEventListener(mappedMouseEvent, handleClickAway);
-      };
-    }
-
-    return undefined;
-  }, [handleClickAway, mouseEvent]);
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: /*#__PURE__*/React.cloneElement(children, childrenProps)
-  });
-}
-
-process.env.NODE_ENV !== "production" ? ClickAwayListener.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-
-  /**
-   * The wrapped element.
-   */
-  children: elementAcceptingRef.isRequired,
-
-  /**
-   * If `true`, the React tree is ignored and only the DOM tree is considered.
-   * This prop changes how portaled elements are handled.
-   * @default false
-   */
-  disableReactTree: PropTypes.bool,
-
-  /**
-   * The mouse event to listen to. You can disable the listener by providing `false`.
-   * @default 'onClick'
-   */
-  mouseEvent: PropTypes.oneOf(['onClick', 'onMouseDown', 'onMouseUp', false]),
-
-  /**
-   * Callback fired when a "click away" event is detected.
-   */
-  onClickAway: PropTypes.func.isRequired,
-
-  /**
-   * The touch event to listen to. You can disable the listener by providing `false`.
-   * @default 'onTouchEnd'
-   */
-  touchEvent: PropTypes.oneOf(['onTouchEnd', 'onTouchStart', false])
-} : void 0;
-
-if (process.env.NODE_ENV !== 'production') {
-  // eslint-disable-next-line
-  ClickAwayListener['propTypes' + ''] = exactProp(ClickAwayListener.propTypes);
-}
-
-export default ClickAwayListener;

package/Popper/Popper.d.ts

@@ -1,97 +0,0 @@
-import * as React from 'react';
-import { Instance, VirtualElement, Options, OptionsGeneric } from '@popperjs/core';
-import { PortalProps } from '../Portal';
-
-export type PopperPlacementType = Options['placement'];
-
-export interface PopperProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
-  ref?: React.Ref<HTMLDivElement>;
-  /**
-   * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
-   * or a function that returns either.
-   * It's used to set the position of the popper.
-   * The return value will passed as the reference object of the Popper instance.
-   */
-  anchorEl?: null | VirtualElement | (() => VirtualElement);
-  /**
-   * Popper render function or node.
-   */
-  children?:
-    | React.ReactNode
-    | ((props: {
-        placement: PopperPlacementType;
-        TransitionProps?: {
-          in: boolean;
-          onEnter: () => {};
-          onExited: () => {};
-        };
-      }) => React.ReactNode);
-  /**
-   * An HTML element or function that returns one.
-   * The `container` will have the portal children appended to it.
-   *
-   * By default, it uses the body of the top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container?: PortalProps['container'];
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal?: PortalProps['disablePortal'];
-  /**
-   * Always keep the children in the DOM.
-   * This prop can be useful in SEO situation or
-   * when you want to maximize the responsiveness of the Popper.
-   * @default false
-   */
-  keepMounted?: boolean;
-  /**
-   * Popper.js is based on a "plugin-like" architecture,
-   * most of its features are fully encapsulated "modifiers".
-   *
-   * A modifier is a function that is called each time Popper.js needs to
-   * compute the position of the popper.
-   * For this reason, modifiers should be very performant to avoid bottlenecks.
-   * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).
-   */
-  modifiers?: Options['modifiers'];
-  /**
-   * If `true`, the component is shown.
-   */
-  open: boolean;
-  /**
-   * Popper placement.
-   * @default 'bottom'
-   */
-  placement?: PopperPlacementType;
-  /**
-   * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.
-   * @default {}
-   */
-  popperOptions?: Partial<OptionsGeneric<any>>;
-  /**
-   * A ref that points to the used popper instance.
-   */
-  popperRef?: React.Ref<Instance>;
-  /**
-   * Help supporting a react-transition-group/Transition component.
-   * @default false
-   */
-  transition?: boolean;
-}
-
-/**
- * Poppers rely on the 3rd party library [Popper.js](https://popper.js.org/docs/v2/) for positioning.
- *
- * Demos:
- *
- * - [Autocomplete](https://mui.com/components/autocomplete/)
- * - [Menus](https://mui.com/components/menus/)
- * - [Popper](https://mui.com/components/popper/)
- *
- * API:
- *
- * - [Popper API](https://mui.com/api/popper/)
- */
-export default function Popper(props: PopperProps): JSX.Element;