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

package/legacy/useAutocomplete/useAutocomplete.js

@@ -1,4 +0,0 @@
-'use client';
-
-export { useAutocomplete as default } from '@mui/base/useAutocomplete';
-export * from '@mui/base/useAutocomplete';

package/legacy/useMediaQuery/index.js

@@ -1 +0,0 @@
-export { default } from '@mui/system/useMediaQuery';

package/legacy/useMediaQuery/useMediaQueryTheme.js

@@ -1,8 +0,0 @@
-'use client';
-
-import useMediaQuery from '@mui/system/useMediaQuery';
-
-// TODO v5: to deprecate in v4.x and remove in v5
-export default function useMediaQueryTheme() {
-  return useMediaQuery.apply(void 0, arguments);
-}

package/legacy/usePagination/index.js

@@ -1,3 +0,0 @@
-'use client';
-
-export { default } from './usePagination';

package/legacy/usePagination/usePagination.js

@@ -1,122 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import useControlled from '@mui/utils/useControlled';
-export default function usePagination() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  // keep default values in sync with @default tags in Pagination.propTypes
-  var _props$boundaryCount = props.boundaryCount,
-    boundaryCount = _props$boundaryCount === void 0 ? 1 : _props$boundaryCount,
-    _props$componentName = props.componentName,
-    componentName = _props$componentName === void 0 ? 'usePagination' : _props$componentName,
-    _props$count = props.count,
-    count = _props$count === void 0 ? 1 : _props$count,
-    _props$defaultPage = props.defaultPage,
-    defaultPage = _props$defaultPage === void 0 ? 1 : _props$defaultPage,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$hideNextButton = props.hideNextButton,
-    hideNextButton = _props$hideNextButton === void 0 ? false : _props$hideNextButton,
-    _props$hidePrevButton = props.hidePrevButton,
-    hidePrevButton = _props$hidePrevButton === void 0 ? false : _props$hidePrevButton,
-    handleChange = props.onChange,
-    pageProp = props.page,
-    _props$showFirstButto = props.showFirstButton,
-    showFirstButton = _props$showFirstButto === void 0 ? false : _props$showFirstButto,
-    _props$showLastButton = props.showLastButton,
-    showLastButton = _props$showLastButton === void 0 ? false : _props$showLastButton,
-    _props$siblingCount = props.siblingCount,
-    siblingCount = _props$siblingCount === void 0 ? 1 : _props$siblingCount,
-    other = _objectWithoutProperties(props, ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"]);
-  var _useControlled = useControlled({
-      controlled: pageProp,
-      default: defaultPage,
-      name: componentName,
-      state: 'page'
-    }),
-    _useControlled2 = _slicedToArray(_useControlled, 2),
-    page = _useControlled2[0],
-    setPageState = _useControlled2[1];
-  var handleClick = function handleClick(event, value) {
-    if (!pageProp) {
-      setPageState(value);
-    }
-    if (handleChange) {
-      handleChange(event, value);
-    }
-  };
-
-  // https://dev.to/namirsab/comment/2050
-  var range = function range(start, end) {
-    var length = end - start + 1;
-    return Array.from({
-      length: length
-    }, function (_, i) {
-      return start + i;
-    });
-  };
-  var startPages = range(1, Math.min(boundaryCount, count));
-  var endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count);
-  var siblingsStart = Math.max(Math.min(
-  // Natural start
-  page - siblingCount,
-  // Lower boundary when page is high
-  count - boundaryCount - siblingCount * 2 - 1),
-  // Greater than startPages
-  boundaryCount + 2);
-  var siblingsEnd = Math.min(Math.max(
-  // Natural end
-  page + siblingCount,
-  // Upper boundary when page is low
-  boundaryCount + siblingCount * 2 + 2),
-  // Less than endPages
-  endPages.length > 0 ? endPages[0] - 2 : count - 1);
-
-  // Basic list of items to render
-  // for example itemList = ['first', 'previous', 1, 'ellipsis', 4, 5, 6, 'ellipsis', 10, 'next', 'last']
-  var itemList = [].concat(_toConsumableArray(showFirstButton ? ['first'] : []), _toConsumableArray(hidePrevButton ? [] : ['previous']), _toConsumableArray(startPages), _toConsumableArray(siblingsStart > boundaryCount + 2 ? ['start-ellipsis'] : boundaryCount + 1 < count - boundaryCount ? [boundaryCount + 1] : []), _toConsumableArray(range(siblingsStart, siblingsEnd)), _toConsumableArray(siblingsEnd < count - boundaryCount - 1 ? ['end-ellipsis'] : count - boundaryCount > boundaryCount ? [count - boundaryCount] : []), _toConsumableArray(endPages), _toConsumableArray(hideNextButton ? [] : ['next']), _toConsumableArray(showLastButton ? ['last'] : []));
-
-  // Map the button type to its page number
-  var buttonPage = function buttonPage(type) {
-    switch (type) {
-      case 'first':
-        return 1;
-      case 'previous':
-        return page - 1;
-      case 'next':
-        return page + 1;
-      case 'last':
-        return count;
-      default:
-        return null;
-    }
-  };
-
-  // Convert the basic item list to PaginationItem props objects
-  var items = itemList.map(function (item) {
-    return typeof item === 'number' ? {
-      onClick: function onClick(event) {
-        handleClick(event, item);
-      },
-      type: 'page',
-      page: item,
-      selected: item === page,
-      disabled: disabled,
-      'aria-current': item === page ? 'true' : undefined
-    } : {
-      onClick: function onClick(event) {
-        handleClick(event, buttonPage(item));
-      },
-      type: item,
-      page: buttonPage(item),
-      selected: false,
-      disabled: disabled || item.indexOf('ellipsis') === -1 && (item === 'next' || item === 'last' ? page >= count : page <= 1)
-    };
-  });
-  return _extends({
-    items: items
-  }, other);
-}

package/legacy/useScrollTrigger/index.js

@@ -1,3 +0,0 @@
-'use client';
-
-export { default } from './useScrollTrigger';

package/legacy/useScrollTrigger/useScrollTrigger.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';
-function defaultTrigger(store, options) {
-  var _options$disableHyste = options.disableHysteresis,
-    disableHysteresis = _options$disableHyste === void 0 ? false : _options$disableHyste,
-    _options$threshold = options.threshold,
-    threshold = _options$threshold === void 0 ? 100 : _options$threshold,
-    target = options.target;
-  var previous = store.current;
-  if (target) {
-    // Get vertical scroll
-    store.current = target.pageYOffset !== undefined ? target.pageYOffset : target.scrollTop;
-  }
-  if (!disableHysteresis && previous !== undefined) {
-    if (store.current < previous) {
-      return false;
-    }
-  }
-  return store.current > threshold;
-}
-var defaultTarget = typeof window !== 'undefined' ? window : null;
-export default function useScrollTrigger() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _options$getTrigger = options.getTrigger,
-    getTrigger = _options$getTrigger === void 0 ? defaultTrigger : _options$getTrigger,
-    _options$target = options.target,
-    target = _options$target === void 0 ? defaultTarget : _options$target,
-    other = _objectWithoutProperties(options, ["getTrigger", "target"]);
-  var store = React.useRef();
-  var _React$useState = React.useState(function () {
-      return getTrigger(store, other);
-    }),
-    trigger = _React$useState[0],
-    setTrigger = _React$useState[1];
-  React.useEffect(function () {
-    var handleScroll = function handleScroll() {
-      setTrigger(getTrigger(store, _extends({
-        target: target
-      }, other)));
-    };
-    handleScroll(); // Re-evaluate trigger when dependencies change
-    target.addEventListener('scroll', handleScroll, {
-      passive: true
-    });
-    return function () {
-      target.removeEventListener('scroll', handleScroll, {
-        passive: true
-      });
-    };
-    // See Option 3. https://github.com/facebook/react/issues/14476#issuecomment-471199055
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [target, getTrigger, JSON.stringify(other)]);
-  return trigger;
-}

package/legacy/useTouchRipple/index.js

@@ -1,3 +0,0 @@
-'use client';
-
-export { default } from './useTouchRipple';

package/legacy/useTouchRipple/useTouchRipple.js

@@ -1,102 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { useEventCallback } from '../utils';
-var useTouchRipple = function useTouchRipple(props) {
-  var disabled = props.disabled,
-    disableFocusRipple = props.disableFocusRipple,
-    disableRipple = props.disableRipple,
-    disableTouchRipple = props.disableTouchRipple,
-    focusVisible = props.focusVisible,
-    rippleRef = props.rippleRef;
-  React.useEffect(function () {
-    if (focusVisible && !disableFocusRipple && !disableRipple) {
-      var _rippleRef$current;
-      (_rippleRef$current = rippleRef.current) == null || _rippleRef$current.pulsate();
-    }
-  }, [rippleRef, focusVisible, disableFocusRipple, disableRipple]);
-  function useRippleHandler(rippleAction) {
-    var skipRippleAction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : disableTouchRipple;
-    return useEventCallback(function (event) {
-      if (!skipRippleAction && rippleRef.current) {
-        rippleRef.current[rippleAction](event);
-      }
-      return true;
-    });
-  }
-  var keydownRef = React.useRef(false);
-  var handleKeyDown = useEventCallback(function (event) {
-    if (!disableFocusRipple && !keydownRef.current && focusVisible && rippleRef.current && event.key === ' ') {
-      keydownRef.current = true;
-      rippleRef.current.stop(event, function () {
-        var _rippleRef$current2;
-        rippleRef == null || (_rippleRef$current2 = rippleRef.current) == null || _rippleRef$current2.start(event);
-      });
-    }
-  });
-  var handleKeyUp = useEventCallback(function (event) {
-    // calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed
-    // https://codesandbox.io/p/sandbox/button-keyup-preventdefault-dn7f0
-    if (!disableFocusRipple && event.key === ' ' && rippleRef.current && focusVisible && !event.defaultPrevented) {
-      keydownRef.current = false;
-      rippleRef.current.stop(event, function () {
-        var _rippleRef$current3;
-        rippleRef == null || (_rippleRef$current3 = rippleRef.current) == null || _rippleRef$current3.pulsate(event);
-      });
-    }
-  });
-  var handleBlur = useRippleHandler('stop', false);
-  var handleMouseDown = useRippleHandler('start');
-  var handleContextMenu = useRippleHandler('stop');
-  var handleDragLeave = useRippleHandler('stop');
-  var handleMouseUp = useRippleHandler('stop');
-  var handleMouseLeave = useRippleHandler('stop');
-  var handleTouchStart = useRippleHandler('start');
-  var handleTouchEnd = useRippleHandler('stop');
-  var handleTouchMove = useRippleHandler('stop');
-  var _React$useState = React.useState(false),
-    mountedState = _React$useState[0],
-    setMountedState = _React$useState[1];
-  React.useEffect(function () {
-    setMountedState(true);
-  }, []);
-  var enableTouchRipple = mountedState && !disableRipple && !disabled;
-  var getRippleHandlers = React.useMemo(function () {
-    var rippleHandlers = {
-      onBlur: handleBlur,
-      onKeyDown: handleKeyDown,
-      onKeyUp: handleKeyUp,
-      onMouseDown: handleMouseDown,
-      onMouseUp: handleMouseUp,
-      onMouseLeave: handleMouseLeave,
-      onContextMenu: handleContextMenu,
-      onDragLeave: handleDragLeave,
-      onTouchStart: handleTouchStart,
-      onTouchEnd: handleTouchEnd,
-      onTouchMove: handleTouchMove
-    };
-    return function () {
-      var otherEvents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var eventNames = Object.keys(rippleHandlers);
-      var wrappedEvents = eventNames.map(function (eventName) {
-        return {
-          name: eventName,
-          handler: function handler(ev) {
-            var _otherEvents$eventNam;
-            (_otherEvents$eventNam = otherEvents[eventName]) == null || _otherEvents$eventNam.call(otherEvents, ev);
-            rippleHandlers[eventName](ev);
-          }
-        };
-      });
-      return wrappedEvents.reduce(function (acc, current) {
-        acc[current.name] = current.handler;
-        return acc;
-      }, {});
-    };
-  }, [handleBlur, handleKeyDown, handleKeyUp, handleMouseDown, handleMouseUp, handleMouseLeave, handleContextMenu, handleDragLeave, handleTouchStart, handleTouchEnd, handleTouchMove]);
-  return {
-    enableTouchRipple: enableTouchRipple,
-    getRippleHandlers: getRippleHandlers
-  };
-};
-export default useTouchRipple;

package/legacy/utils/capitalize.js

@@ -1,2 +0,0 @@
-import capitalize from '@mui/utils/capitalize';
-export default capitalize;

package/legacy/utils/createChainedFunction.js

@@ -1,2 +0,0 @@
-import createChainedFunction from '@mui/utils/createChainedFunction';
-export default createChainedFunction;

package/legacy/utils/createSvgIcon.js

@@ -1,27 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import SvgIcon from '../SvgIcon';
-
-/**
- * Private module reserved for @mui packages.
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function createSvgIcon(path, displayName) {
-  function Component(props, ref) {
-    return /*#__PURE__*/_jsx(SvgIcon, _extends({
-      "data-testid": "".concat(displayName, "Icon"),
-      ref: ref
-    }, props, {
-      children: path
-    }));
-  }
-  if (process.env.NODE_ENV !== 'production') {
-    // Need to set `displayName` on the inner component for React.memo.
-    // React prior to 16.14 ignores `displayName` on the wrapper.
-    Component.displayName = "".concat(displayName, "Icon");
-  }
-  Component.muiName = SvgIcon.muiName;
-  return /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Component));
-}

package/legacy/utils/debounce.js

@@ -1,2 +0,0 @@
-import debounce from '@mui/utils/debounce';
-export default debounce;

package/legacy/utils/deprecatedPropType.js

@@ -1,2 +0,0 @@
-import deprecatedPropType from '@mui/utils/deprecatedPropType';
-export default deprecatedPropType;

package/legacy/utils/getScrollbarSize.js

@@ -1,2 +0,0 @@
-import getScrollbarSize from '@mui/utils/getScrollbarSize';
-export default getScrollbarSize;

package/legacy/utils/index.js

@@ -1,30 +0,0 @@
-'use client';
-
-import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/base/ClassNameGenerator';
-export { default as capitalize } from './capitalize';
-export { default as createChainedFunction } from './createChainedFunction';
-export { default as createSvgIcon } from './createSvgIcon';
-export { default as debounce } from './debounce';
-export { default as deprecatedPropType } from './deprecatedPropType';
-export { default as isMuiElement } from './isMuiElement';
-export { default as ownerDocument } from './ownerDocument';
-export { default as ownerWindow } from './ownerWindow';
-export { default as requirePropFactory } from './requirePropFactory';
-export { default as setRef } from './setRef';
-export { default as unstable_useEnhancedEffect } from './useEnhancedEffect';
-export { default as unstable_useId } from './useId';
-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';
-// TODO: remove this export once ClassNameGenerator is stable
-// eslint-disable-next-line @typescript-eslint/naming-convention
-export var unstable_ClassNameGenerator = {
-  configure: function configure(generator) {
-    if (process.env.NODE_ENV !== 'production') {
-      console.warn(['MUI: `ClassNameGenerator` import from `@mui/material/utils` is outdated and might cause unexpected issues.', '', "You should use `import { unstable_ClassNameGenerator } from '@mui/material/className'` instead", '', 'The detail of the issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401', '', 'The updated documentation: https://mui.com/guides/classname-generator/'].join('\n'));
-    }
-    ClassNameGenerator.configure(generator);
-  }
-};

package/legacy/utils/isMuiElement.js

@@ -1,2 +0,0 @@
-import isMuiElement from '@mui/utils/isMuiElement';
-export default isMuiElement;

package/legacy/utils/ownerDocument.js

@@ -1,2 +0,0 @@
-import ownerDocument from '@mui/utils/ownerDocument';
-export default ownerDocument;

package/legacy/utils/ownerWindow.js

@@ -1,2 +0,0 @@
-import ownerWindow from '@mui/utils/ownerWindow';
-export default ownerWindow;

package/legacy/utils/requirePropFactory.js

@@ -1,2 +0,0 @@
-import requirePropFactory from '@mui/utils/requirePropFactory';
-export default requirePropFactory;

package/legacy/utils/scrollLeft.js

@@ -1 +0,0 @@
-export { unstable_detectScrollType as detectScrollType, unstable_getNormalizedScrollLeft as getNormalizedScrollLeft } from '@mui/utils';

package/legacy/utils/setRef.js

@@ -1,2 +0,0 @@
-import setRef from '@mui/utils/setRef';
-export default setRef;

package/legacy/utils/shouldSpreadAdditionalProps.js

@@ -1,5 +0,0 @@
-import { isHostComponent } from '@mui/base/utils';
-var shouldSpreadAdditionalProps = function shouldSpreadAdditionalProps(Slot) {
-  return !Slot || !isHostComponent(Slot);
-};
-export default shouldSpreadAdditionalProps;

package/legacy/utils/types.js

@@ -1 +0,0 @@
-export {};

package/legacy/utils/unsupportedProp.js

@@ -1,2 +0,0 @@
-import unsupportedProp from '@mui/utils/unsupportedProp';
-export default unsupportedProp;

package/legacy/utils/useControlled.js

@@ -1,4 +0,0 @@
-'use client';
-
-import useControlled from '@mui/utils/useControlled';
-export default useControlled;

package/legacy/utils/useEnhancedEffect.js

@@ -1,4 +0,0 @@
-'use client';
-
-import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-export default useEnhancedEffect;

package/legacy/utils/useEventCallback.js

@@ -1,4 +0,0 @@
-'use client';
-
-import useEventCallback from '@mui/utils/useEventCallback';
-export default useEventCallback;

package/legacy/utils/useForkRef.js

@@ -1,4 +0,0 @@
-'use client';
-
-import useForkRef from '@mui/utils/useForkRef';
-export default useForkRef;

package/legacy/utils/useId.js

@@ -1,4 +0,0 @@
-'use client';
-
-import useId from '@mui/utils/useId';
-export default useId;

package/legacy/utils/useIsFocusVisible.js

@@ -1,4 +0,0 @@
-'use client';
-
-import useIsFocusVisible from '@mui/utils/useIsFocusVisible';
-export default useIsFocusVisible;

package/legacy/utils/useSlot.js

@@ -1,71 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import useForkRef from '@mui/utils/useForkRef';
-import { appendOwnerState, resolveComponentProps, mergeSlotProps } from '@mui/base/utils';
-/**
- * An internal function to create a Material UI slot.
- *
- * This is an advanced version of Base UI `useSlotProps` because Material UI allows leaf component to be customized via `component` prop
- * while Base UI does not need to support leaf component customization.
- *
- * @param {string} name: name of the slot
- * @param {object} parameters
- * @returns {[Slot, slotProps]} The slot's React component and the slot's props
- *
- * Note: the returned slot's props
- * - will never contain `component` prop.
- * - might contain `as` prop.
- */
-export default function useSlot(
-/**
- * The slot's name. All Material UI components should have `root` slot.
- *
- * If the name is `root`, the logic behaves differently from other slots,
- * e.g. the `externalForwardedProps` are spread to `root` slot but not other slots.
- */
-name, parameters) {
-  var className = parameters.className,
-    initialElementType = parameters.elementType,
-    ownerState = parameters.ownerState,
-    externalForwardedProps = parameters.externalForwardedProps,
-    getSlotOwnerState = parameters.getSlotOwnerState,
-    internalForwardedProps = parameters.internalForwardedProps,
-    useSlotPropsParams = _objectWithoutProperties(parameters, ["className", "elementType", "ownerState", "externalForwardedProps", "getSlotOwnerState", "internalForwardedProps"]);
-  var rootComponent = externalForwardedProps.component,
-    _externalForwardedPro = externalForwardedProps.slots,
-    slots = _externalForwardedPro === void 0 ? _defineProperty({}, name, undefined) : _externalForwardedPro,
-    _externalForwardedPro2 = externalForwardedProps.slotProps,
-    slotProps = _externalForwardedPro2 === void 0 ? _defineProperty({}, name, undefined) : _externalForwardedPro2,
-    other = _objectWithoutProperties(externalForwardedProps, ["component", "slots", "slotProps"]);
-  var elementType = slots[name] || initialElementType;
-
-  // `slotProps[name]` can be a callback that receives the component's ownerState.
-  // `resolvedComponentsProps` is always a plain object.
-  var resolvedComponentsProps = resolveComponentProps(slotProps[name], ownerState);
-  var _mergeSlotProps = mergeSlotProps(_extends({
-      className: className
-    }, useSlotPropsParams, {
-      externalForwardedProps: name === 'root' ? other : undefined,
-      externalSlotProps: resolvedComponentsProps
-    })),
-    _mergeSlotProps$props = _mergeSlotProps.props,
-    slotComponent = _mergeSlotProps$props.component,
-    mergedProps = _objectWithoutProperties(_mergeSlotProps$props, ["component"]),
-    internalRef = _mergeSlotProps.internalRef;
-  var ref = useForkRef(internalRef, resolvedComponentsProps == null ? void 0 : resolvedComponentsProps.ref, parameters.ref);
-  var slotOwnerState = getSlotOwnerState ? getSlotOwnerState(mergedProps) : {};
-  var finalOwnerState = _extends({}, ownerState, slotOwnerState);
-  var LeafComponent = name === 'root' ? slotComponent || rootComponent : slotComponent;
-  var props = appendOwnerState(elementType, _extends({}, name === 'root' && !rootComponent && !slots[name] && internalForwardedProps, name !== 'root' && !slots[name] && internalForwardedProps, mergedProps, LeafComponent && {
-    as: LeafComponent
-  }, {
-    ref: ref
-  }), finalOwnerState);
-  Object.keys(slotOwnerState).forEach(function (propName) {
-    delete props[propName];
-  });
-  return [elementType, props];
-}

package/legacy/zero-styled/index.js

@@ -1,8 +0,0 @@
-import useThemeProps from '../styles/useThemeProps';
-export { keyframes } from '@mui/system';
-export { default as styled } from '../styles/styled';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export function createUseThemeProps(name) {
-  return useThemeProps;
-}