@mui/material 7.0.0 → 7.0.2

package/modern/useLazyRipple/index.js

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

package/modern/useLazyRipple/useLazyRipple.js

@@ -1,85 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import useLazyRef from '@mui/utils/useLazyRef';
-/**
- * Lazy initialization container for the Ripple instance. This improves
- * performance by delaying mounting the ripple until it's needed.
- */
-export class LazyRipple {
-  /** React ref to the ripple instance */
-
-  /** If the ripple component should be mounted */
-
-  /** Promise that resolves when the ripple component is mounted */
-
-  /** If the ripple component has been mounted */
-
-  /** React state hook setter */
-
-  static create() {
-    return new LazyRipple();
-  }
-  static use() {
-    /* eslint-disable */
-    const ripple = useLazyRef(LazyRipple.create).current;
-    const [shouldMount, setShouldMount] = React.useState(false);
-    ripple.shouldMount = shouldMount;
-    ripple.setShouldMount = setShouldMount;
-    React.useEffect(ripple.mountEffect, [shouldMount]);
-    /* eslint-enable */
-
-    return ripple;
-  }
-  constructor() {
-    this.ref = {
-      current: null
-    };
-    this.mounted = null;
-    this.didMount = false;
-    this.shouldMount = false;
-    this.setShouldMount = null;
-  }
-  mount() {
-    if (!this.mounted) {
-      this.mounted = createControlledPromise();
-      this.shouldMount = true;
-      this.setShouldMount(this.shouldMount);
-    }
-    return this.mounted;
-  }
-  mountEffect = () => {
-    if (this.shouldMount && !this.didMount) {
-      if (this.ref.current !== null) {
-        this.didMount = true;
-        this.mounted.resolve();
-      }
-    }
-  };
-
-  /* Ripple API */
-
-  start(...args) {
-    this.mount().then(() => this.ref.current?.start(...args));
-  }
-  stop(...args) {
-    this.mount().then(() => this.ref.current?.stop(...args));
-  }
-  pulsate(...args) {
-    this.mount().then(() => this.ref.current?.pulsate(...args));
-  }
-}
-export default function useLazyRipple() {
-  return LazyRipple.use();
-}
-function createControlledPromise() {
-  let resolve;
-  let reject;
-  const p = new Promise((resolveFn, rejectFn) => {
-    resolve = resolveFn;
-    reject = rejectFn;
-  });
-  p.resolve = resolve;
-  p.reject = reject;
-  return p;
-}

package/modern/useMediaQuery/index.js

@@ -1,6 +0,0 @@
-import { unstable_createUseMediaQuery } from '@mui/system/useMediaQuery';
-import THEME_ID from "../styles/identifier.js";
-const useMediaQuery = unstable_createUseMediaQuery({
-  themeId: THEME_ID
-});
-export default useMediaQuery;

package/modern/usePagination/index.js

@@ -1 +0,0 @@
-export { default } from "./usePagination.js";

package/modern/usePagination/usePagination.js

@@ -1,113 +0,0 @@
-'use client';
-
-import useControlled from '@mui/utils/useControlled';
-export default function usePagination(props = {}) {
-  // keep default values in sync with @default tags in Pagination.propTypes
-  const {
-    boundaryCount = 1,
-    componentName = 'usePagination',
-    count = 1,
-    defaultPage = 1,
-    disabled = false,
-    hideNextButton = false,
-    hidePrevButton = false,
-    onChange: handleChange,
-    page: pageProp,
-    showFirstButton = false,
-    showLastButton = false,
-    siblingCount = 1,
-    ...other
-  } = props;
-  const [page, setPageState] = useControlled({
-    controlled: pageProp,
-    default: defaultPage,
-    name: componentName,
-    state: 'page'
-  });
-  const handleClick = (event, value) => {
-    if (!pageProp) {
-      setPageState(value);
-    }
-    if (handleChange) {
-      handleChange(event, value);
-    }
-  };
-
-  // https://dev.to/namirsab/comment/2050
-  const range = (start, end) => {
-    const length = end - start + 1;
-    return Array.from({
-      length
-    }, (_, i) => start + i);
-  };
-  const startPages = range(1, Math.min(boundaryCount, count));
-  const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count);
-  const 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);
-  const siblingsEnd = Math.min(Math.max(
-  // Natural end
-  page + siblingCount,
-  // Upper boundary when page is low
-  boundaryCount + siblingCount * 2 + 2),
-  // Less than endPages
-  count - boundaryCount - 1);
-
-  // Basic list of items to render
-  // for example itemList = ['first', 'previous', 1, 'ellipsis', 4, 5, 6, 'ellipsis', 10, 'next', 'last']
-  const itemList = [...(showFirstButton ? ['first'] : []), ...(hidePrevButton ? [] : ['previous']), ...startPages,
-  // Start ellipsis
-  // eslint-disable-next-line no-nested-ternary
-  ...(siblingsStart > boundaryCount + 2 ? ['start-ellipsis'] : boundaryCount + 1 < count - boundaryCount ? [boundaryCount + 1] : []),
-  // Sibling pages
-  ...range(siblingsStart, siblingsEnd),
-  // End ellipsis
-  // eslint-disable-next-line no-nested-ternary
-  ...(siblingsEnd < count - boundaryCount - 1 ? ['end-ellipsis'] : count - boundaryCount > boundaryCount ? [count - boundaryCount] : []), ...endPages, ...(hideNextButton ? [] : ['next']), ...(showLastButton ? ['last'] : [])];
-
-  // Map the button type to its page number
-  const 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
-  const items = itemList.map(item => {
-    return typeof item === 'number' ? {
-      onClick: event => {
-        handleClick(event, item);
-      },
-      type: 'page',
-      page: item,
-      selected: item === page,
-      disabled,
-      'aria-current': item === page ? 'page' : undefined
-    } : {
-      onClick: event => {
-        handleClick(event, buttonPage(item));
-      },
-      type: item,
-      page: buttonPage(item),
-      selected: false,
-      disabled: disabled || !item.includes('ellipsis') && (item === 'next' || item === 'last' ? page >= count : page <= 1)
-    };
-  });
-  return {
-    items,
-    ...other
-  };
-}

package/modern/useScrollTrigger/index.js

@@ -1 +0,0 @@
-export { default } from "./useScrollTrigger.js";

package/modern/useScrollTrigger/useScrollTrigger.js

@@ -1,55 +0,0 @@
-'use client';
-
-import * as React from 'react';
-function defaultTrigger(store, options) {
-  const {
-    disableHysteresis = false,
-    threshold = 100,
-    target
-  } = options;
-  const 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;
-}
-const defaultTarget = typeof window !== 'undefined' ? window : null;
-export default function useScrollTrigger(options = {}) {
-  const {
-    getTrigger = defaultTrigger,
-    target = defaultTarget,
-    ...other
-  } = options;
-  const store = React.useRef();
-  const [trigger, setTrigger] = React.useState(() => getTrigger(store, other));
-  React.useEffect(() => {
-    if (target === null) {
-      return setTrigger(false);
-    }
-    const handleScroll = () => {
-      setTrigger(getTrigger(store, {
-        target,
-        ...other
-      }));
-    };
-    handleScroll(); // Re-evaluate trigger when dependencies change
-    target.addEventListener('scroll', handleScroll, {
-      passive: true
-    });
-    return () => {
-      target.removeEventListener('scroll', handleScroll, {
-        passive: true
-      });
-    };
-    // See Option 3. https://github.com/facebook/react/issues/14476#issuecomment-471199055
-    // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [target, getTrigger, JSON.stringify(other)]);
-  return trigger;
-}

package/modern/utils/PolymorphicComponent.js

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

package/modern/utils/areArraysEqual.js

@@ -1,4 +0,0 @@
-function areArraysEqual(array1, array2, itemComparer = (a, b) => a === b) {
-  return array1.length === array2.length && array1.every((value, index) => itemComparer(value, array2[index]));
-}
-export default areArraysEqual;

package/modern/utils/capitalize.js

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

package/modern/utils/createChainedFunction.js

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

package/modern/utils/createSimplePaletteValueFilter.js

@@ -1,41 +0,0 @@
-/**
- * Type guard to check if the object has a "main" property of type string.
- *
- * @param obj - the object to check
- * @returns boolean
- */
-function hasCorrectMainProperty(obj) {
-  return typeof obj.main === 'string';
-}
-/**
- * Checks if the object conforms to the SimplePaletteColorOptions type.
- * The minimum requirement is that the object has a "main" property of type string, this is always checked.
- * Optionally, you can pass additional properties to check.
- *
- * @param obj - The object to check
- * @param additionalPropertiesToCheck - Array containing "light", "dark", and/or "contrastText"
- * @returns boolean
- */
-function checkSimplePaletteColorValues(obj, additionalPropertiesToCheck = []) {
-  if (!hasCorrectMainProperty(obj)) {
-    return false;
-  }
-  for (const value of additionalPropertiesToCheck) {
-    if (!obj.hasOwnProperty(value) || typeof obj[value] !== 'string') {
-      return false;
-    }
-  }
-  return true;
-}
-
-/**
- * Creates a filter function used to filter simple palette color options.
- * The minimum requirement is that the object has a "main" property of type string, this is always checked.
- * Optionally, you can pass additional properties to check.
- *
- * @param additionalPropertiesToCheck - Array containing "light", "dark", and/or "contrastText"
- * @returns ([, value]: [any, PaletteColorOptions]) => boolean
- */
-export default function createSimplePaletteValueFilter(additionalPropertiesToCheck = []) {
-  return ([, value]) => value && checkSimplePaletteColorValues(value, additionalPropertiesToCheck);
-}

package/modern/utils/createSvgIcon.js

@@ -1,26 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import SvgIcon from "../SvgIcon/index.js";
-
-/**
- * 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, {
-      "data-testid": process.env.NODE_ENV !== 'production' ? `${displayName}Icon` : undefined,
-      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 = `${displayName}Icon`;
-  }
-  Component.muiName = SvgIcon.muiName;
-  return /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(Component));
-}

package/modern/utils/debounce.js

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

package/modern/utils/deprecatedPropType.js

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

package/modern/utils/getScrollbarSize.js

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

package/modern/utils/index.js

@@ -1,31 +0,0 @@
-'use client';
-
-import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/utils';
-export { default as capitalize } from "./capitalize.js";
-export { default as createChainedFunction } from "./createChainedFunction.js";
-export { default as createSvgIcon } from "./createSvgIcon.js";
-export { default as debounce } from "./debounce.js";
-export { default as deprecatedPropType } from "./deprecatedPropType.js";
-export { default as isMuiElement } from "./isMuiElement.js";
-export { default as unstable_memoTheme } from "./memoTheme.js";
-export { default as ownerDocument } from "./ownerDocument.js";
-export { default as ownerWindow } from "./ownerWindow.js";
-export { default as requirePropFactory } from "./requirePropFactory.js";
-export { default as setRef } from "./setRef.js";
-export { default as unstable_useEnhancedEffect } from "./useEnhancedEffect.js";
-export { default as unstable_useId } from "./useId.js";
-export { default as unsupportedProp } from "./unsupportedProp.js";
-export { default as useControlled } from "./useControlled.js";
-export { default as useEventCallback } from "./useEventCallback.js";
-export { default as useForkRef } from "./useForkRef.js";
-export { default as mergeSlotProps } from "./mergeSlotProps.js";
-// TODO: remove this export once ClassNameGenerator is stable
-// eslint-disable-next-line @typescript-eslint/naming-convention
-export const unstable_ClassNameGenerator = {
-  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/modern/utils/isHostComponent.js

@@ -1,7 +0,0 @@
-/**
- * Determines if a given element is a DOM element name (i.e. not a React component).
- */
-function isHostComponent(element) {
-  return typeof element === 'string';
-}
-export default isHostComponent;

package/modern/utils/isMuiElement.js

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

package/modern/utils/memoTheme.js

@@ -1,3 +0,0 @@
-import { unstable_memoTheme } from '@mui/system';
-const memoTheme = unstable_memoTheme;
-export default memoTheme;

package/modern/utils/mergeSlotProps.js

@@ -1,75 +0,0 @@
-import clsx from 'clsx';
-
-// Brought from [Base UI](https://github.com/mui/base-ui/blob/master/packages/react/src/merge-props/mergeProps.ts#L119)
-// Use it directly from Base UI once it's a package dependency.
-function isEventHandler(key, value) {
-  // This approach is more efficient than using a regex.
-  const thirdCharCode = key.charCodeAt(2);
-  return key[0] === 'o' && key[1] === 'n' && thirdCharCode >= 65 /* A */ && thirdCharCode <= 90 /* Z */ && typeof value === 'function';
-}
-export default function mergeSlotProps(externalSlotProps, defaultSlotProps) {
-  if (!externalSlotProps) {
-    return defaultSlotProps;
-  }
-  function extractHandlers(externalSlotPropsValue, defaultSlotPropsValue) {
-    const handlers = {};
-    Object.keys(defaultSlotPropsValue).forEach(key => {
-      if (isEventHandler(key, defaultSlotPropsValue[key]) && typeof externalSlotPropsValue[key] === 'function') {
-        // only compose the handlers if both default and external slot props match the event handler
-        handlers[key] = (...args) => {
-          externalSlotPropsValue[key](...args);
-          defaultSlotPropsValue[key](...args);
-        };
-      }
-    });
-    return handlers;
-  }
-  if (typeof externalSlotProps === 'function' || typeof defaultSlotProps === 'function') {
-    return ownerState => {
-      const defaultSlotPropsValue = typeof defaultSlotProps === 'function' ? defaultSlotProps(ownerState) : defaultSlotProps;
-      const externalSlotPropsValue = typeof externalSlotProps === 'function' ? externalSlotProps({
-        ...ownerState,
-        ...defaultSlotPropsValue
-      }) : externalSlotProps;
-      const className = clsx(ownerState?.className, defaultSlotPropsValue?.className, externalSlotPropsValue?.className);
-      const handlers = extractHandlers(externalSlotPropsValue, defaultSlotPropsValue);
-      return {
-        ...defaultSlotPropsValue,
-        ...externalSlotPropsValue,
-        ...handlers,
-        ...(!!className && {
-          className
-        }),
-        ...(defaultSlotPropsValue?.style && externalSlotPropsValue?.style && {
-          style: {
-            ...defaultSlotPropsValue.style,
-            ...externalSlotPropsValue.style
-          }
-        }),
-        ...(defaultSlotPropsValue?.sx && externalSlotPropsValue?.sx && {
-          sx: [...(Array.isArray(defaultSlotPropsValue.sx) ? defaultSlotPropsValue.sx : [defaultSlotPropsValue.sx]), ...(Array.isArray(externalSlotPropsValue.sx) ? externalSlotPropsValue.sx : [externalSlotPropsValue.sx])]
-        })
-      };
-    };
-  }
-  const typedDefaultSlotProps = defaultSlotProps;
-  const handlers = extractHandlers(externalSlotProps, typedDefaultSlotProps);
-  const className = clsx(typedDefaultSlotProps?.className, externalSlotProps?.className);
-  return {
-    ...defaultSlotProps,
-    ...externalSlotProps,
-    ...handlers,
-    ...(!!className && {
-      className
-    }),
-    ...(typedDefaultSlotProps?.style && externalSlotProps?.style && {
-      style: {
-        ...typedDefaultSlotProps.style,
-        ...externalSlotProps.style
-      }
-    }),
-    ...(typedDefaultSlotProps?.sx && externalSlotProps?.sx && {
-      sx: [...(Array.isArray(typedDefaultSlotProps.sx) ? typedDefaultSlotProps.sx : [typedDefaultSlotProps.sx]), ...(Array.isArray(externalSlotProps.sx) ? externalSlotProps.sx : [externalSlotProps.sx])]
-    })
-  };
-}

package/modern/utils/omitEventHandlers.js

@@ -1,18 +0,0 @@
-/**
- * Removes event handlers from the given object.
- * A field is considered an event handler if it is a function with a name beginning with `on`.
- *
- * @param object Object to remove event handlers from.
- * @returns Object with event handlers removed.
- */
-function omitEventHandlers(object) {
-  if (object === undefined) {
-    return {};
-  }
-  const result = {};
-  Object.keys(object).filter(prop => !(prop.match(/^on[A-Z]/) && typeof object[prop] === 'function')).forEach(prop => {
-    result[prop] = object[prop];
-  });
-  return result;
-}
-export default omitEventHandlers;

package/modern/utils/ownerDocument.js

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

package/modern/utils/ownerWindow.js

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

package/modern/utils/requirePropFactory.js

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

package/modern/utils/setRef.js

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

package/modern/utils/shouldSpreadAdditionalProps.js

@@ -1,5 +0,0 @@
-import isHostComponent from "./isHostComponent.js";
-const shouldSpreadAdditionalProps = Slot => {
-  return !Slot || !isHostComponent(Slot);
-};
-export default shouldSpreadAdditionalProps;

package/modern/utils/types.js

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

package/modern/utils/unsupportedProp.js

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

package/modern/utils/useControlled.js

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

package/modern/utils/useEnhancedEffect.js

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

package/modern/utils/useEventCallback.js

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

package/modern/utils/useForkRef.js

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

package/modern/utils/useId.js

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

package/modern/utils/useSlot.js

@@ -1,80 +0,0 @@
-'use client';
-
-import useForkRef from '@mui/utils/useForkRef';
-import appendOwnerState from '@mui/utils/appendOwnerState';
-import resolveComponentProps from '@mui/utils/resolveComponentProps';
-import mergeSlotProps from '@mui/utils/mergeSlotProps';
-/**
- * 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) {
-  const {
-    className,
-    elementType: initialElementType,
-    ownerState,
-    externalForwardedProps,
-    internalForwardedProps,
-    shouldForwardComponentProp = false,
-    ...useSlotPropsParams
-  } = parameters;
-  const {
-    component: rootComponent,
-    slots = {
-      [name]: undefined
-    },
-    slotProps = {
-      [name]: undefined
-    },
-    ...other
-  } = externalForwardedProps;
-  const elementType = slots[name] || initialElementType;
-
-  // `slotProps[name]` can be a callback that receives the component's ownerState.
-  // `resolvedComponentsProps` is always a plain object.
-  const resolvedComponentsProps = resolveComponentProps(slotProps[name], ownerState);
-  const {
-    props: {
-      component: slotComponent,
-      ...mergedProps
-    },
-    internalRef
-  } = mergeSlotProps({
-    className,
-    ...useSlotPropsParams,
-    externalForwardedProps: name === 'root' ? other : undefined,
-    externalSlotProps: resolvedComponentsProps
-  });
-  const ref = useForkRef(internalRef, resolvedComponentsProps?.ref, parameters.ref);
-  const LeafComponent = name === 'root' ? slotComponent || rootComponent : slotComponent;
-  const props = appendOwnerState(elementType, {
-    ...(name === 'root' && !rootComponent && !slots[name] && internalForwardedProps),
-    ...(name !== 'root' && !slots[name] && internalForwardedProps),
-    ...mergedProps,
-    ...(LeafComponent && !shouldForwardComponentProp && {
-      as: LeafComponent
-    }),
-    ...(LeafComponent && shouldForwardComponentProp && {
-      component: LeafComponent
-    }),
-    ref
-  }, ownerState);
-  return [elementType, props];
-}