@mui/material 5.15.10 → 5.15.11

package/useMediaQuery/index.d.ts

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

package/useMediaQuery/index.js

@@ -1,3 +1 @@
-'use client';
-
-export { default } from './useMediaQuery';
+export { default } from '@mui/system/useMediaQuery';

package/useMediaQuery/useMediaQueryTheme.d.ts

@@ -1,3 +1,3 @@
-import useMediaQuery from './useMediaQuery';
+import useMediaQuery from '@mui/system/useMediaQuery';
 
 export default useMediaQuery;

package/useMediaQuery/useMediaQueryTheme.js

@@ -1,6 +1,6 @@
 'use client';
 
-import useMediaQuery from './useMediaQuery';
+import useMediaQuery from '@mui/system/useMediaQuery';
 
 // TODO v5: to deprecate in v4.x and remove in v5
 export default function useMediaQueryTheme(...args) {

package/usePagination/usePagination.js

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
-import { unstable_useControlled as useControlled } from '@mui/utils';
+import useControlled from '@mui/utils/useControlled';
 export default function usePagination(props = {}) {
   // keep default values in sync with @default tags in Pagination.propTypes
   const {

package/utils/capitalize.d.ts

@@ -1,3 +1,3 @@
-import { unstable_capitalize as capitalize } from '@mui/utils';
+import capitalize from '@mui/utils/capitalize';
 
 export default capitalize;

package/utils/capitalize.js

@@ -1,2 +1,2 @@
-import { unstable_capitalize as capitalize } from '@mui/utils';
+import capitalize from '@mui/utils/capitalize';
 export default capitalize;

package/utils/createChainedFunction.d.ts

@@ -1,3 +1,3 @@
-import { unstable_createChainedFunction as createChainedFunction } from '@mui/utils';
+import createChainedFunction from '@mui/utils/createChainedFunction';
 
 export default createChainedFunction;

package/utils/createChainedFunction.js

@@ -1,2 +1,2 @@
-import { unstable_createChainedFunction as createChainedFunction } from '@mui/utils';
+import createChainedFunction from '@mui/utils/createChainedFunction';
 export default createChainedFunction;

package/utils/debounce.d.ts

@@ -1,3 +1,3 @@
-import { unstable_debounce as debounce } from '@mui/utils';
+import debounce from '@mui/utils/debounce';
 
 export default debounce;

package/utils/debounce.js

@@ -1,2 +1,2 @@
-import { unstable_debounce as debounce } from '@mui/utils';
+import debounce from '@mui/utils/debounce';
 export default debounce;

package/utils/deprecatedPropType.d.ts

@@ -1,3 +1,3 @@
-import { unstable_deprecatedPropType as deprecatedPropType } from '@mui/utils';
+import deprecatedPropType from '@mui/utils/deprecatedPropType';
 
 export default deprecatedPropType;

package/utils/deprecatedPropType.js

@@ -1,2 +1,2 @@
-import { unstable_deprecatedPropType as deprecatedPropType } from '@mui/utils';
+import deprecatedPropType from '@mui/utils/deprecatedPropType';
 export default deprecatedPropType;

package/utils/getScrollbarSize.d.ts

@@ -1,2 +1,2 @@
-import { unstable_getScrollbarSize as getScrollbarSize } from '@mui/utils';
+import getScrollbarSize from '@mui/utils/getScrollbarSize';
 export default getScrollbarSize;

package/utils/getScrollbarSize.js

@@ -1,2 +1,2 @@
-import { unstable_getScrollbarSize as getScrollbarSize } from '@mui/utils';
+import getScrollbarSize from '@mui/utils/getScrollbarSize';
 export default getScrollbarSize;

package/utils/isMuiElement.d.ts

@@ -1,3 +1,3 @@
-import { unstable_isMuiElement as isMuiElement } from '@mui/utils';
+import isMuiElement from '@mui/utils/isMuiElement';
 
 export default isMuiElement;

package/utils/isMuiElement.js

@@ -1,2 +1,2 @@
-import { unstable_isMuiElement as isMuiElement } from '@mui/utils';
+import isMuiElement from '@mui/utils/isMuiElement';
 export default isMuiElement;

package/utils/ownerDocument.d.ts

@@ -1,2 +1,2 @@
-import { unstable_ownerDocument as ownerDocument } from '@mui/utils';
+import ownerDocument from '@mui/utils/ownerDocument';
 export default ownerDocument;

package/utils/ownerDocument.js

@@ -1,2 +1,2 @@
-import { unstable_ownerDocument as ownerDocument } from '@mui/utils';
+import ownerDocument from '@mui/utils/ownerDocument';
 export default ownerDocument;

package/utils/ownerWindow.d.ts

@@ -1,2 +1,2 @@
-import { unstable_ownerWindow as ownerWindow } from '@mui/utils';
+import ownerWindow from '@mui/utils/ownerWindow';
 export default ownerWindow;

package/utils/ownerWindow.js

@@ -1,2 +1,2 @@
-import { unstable_ownerWindow as ownerWindow } from '@mui/utils';
+import ownerWindow from '@mui/utils/ownerWindow';
 export default ownerWindow;

package/utils/requirePropFactory.d.ts

@@ -1,3 +1,3 @@
-import { unstable_requirePropFactory as requirePropFactory } from '@mui/utils';
+import requirePropFactory from '@mui/utils/requirePropFactory';
 
 export default requirePropFactory;

package/utils/requirePropFactory.js

@@ -1,2 +1,2 @@
-import { unstable_requirePropFactory as requirePropFactory } from '@mui/utils';
+import requirePropFactory from '@mui/utils/requirePropFactory';
 export default requirePropFactory;

package/utils/setRef.d.ts

@@ -1,2 +1,2 @@
-import { unstable_setRef as setRef } from '@mui/utils';
+import setRef from '@mui/utils/setRef';
 export default setRef;

package/utils/setRef.js

@@ -1,2 +1,2 @@
-import { unstable_setRef as setRef } from '@mui/utils';
+import setRef from '@mui/utils/setRef';
 export default setRef;

package/utils/shouldSpreadAdditionalProps.js

@@ -1,4 +1,4 @@
-import { isHostComponent } from '@mui/base';
+import { isHostComponent } from '@mui/base/utils';
 const shouldSpreadAdditionalProps = Slot => {
   return !Slot || !isHostComponent(Slot);
 };

package/utils/unsupportedProp.d.ts

@@ -1,3 +1,3 @@
-import { unstable_unsupportedProp as unsupportedProp } from '@mui/utils';
+import unsupportedProp from '@mui/utils/unsupportedProp';
 
 export default unsupportedProp;

package/utils/unsupportedProp.js

@@ -1,2 +1,2 @@
-import { unstable_unsupportedProp as unsupportedProp } from '@mui/utils';
+import unsupportedProp from '@mui/utils/unsupportedProp';
 export default unsupportedProp;

package/utils/useControlled.d.ts

@@ -1,3 +1,3 @@
-import { unstable_useControlled as useControlled } from '@mui/utils';
+import useControlled from '@mui/utils/useControlled';
 
 export default useControlled;

package/utils/useControlled.js

@@ -1,4 +1,4 @@
 'use client';
 
-import { unstable_useControlled as useControlled } from '@mui/utils';
+import useControlled from '@mui/utils/useControlled';
 export default useControlled;

package/utils/useEnhancedEffect.d.ts

@@ -1,3 +1,3 @@
-import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 
 export default useEnhancedEffect;

package/utils/useEnhancedEffect.js

@@ -1,4 +1,4 @@
 'use client';
 
-import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 export default useEnhancedEffect;

package/utils/useEventCallback.d.ts

@@ -1,3 +1,3 @@
-import { unstable_useEventCallback as useEventCallback } from '@mui/utils';
+import useEventCallback from '@mui/utils/useEventCallback';
 
 export default useEventCallback;

package/utils/useEventCallback.js

@@ -1,4 +1,4 @@
 'use client';
 
-import { unstable_useEventCallback as useEventCallback } from '@mui/utils';
+import useEventCallback from '@mui/utils/useEventCallback';
 export default useEventCallback;

package/utils/useForkRef.d.ts

@@ -1,3 +1,3 @@
-import { unstable_useForkRef as useForkRef } from '@mui/utils';
+import useForkRef from '@mui/utils/useForkRef';
 
 export default useForkRef;

package/utils/useForkRef.js

@@ -1,4 +1,4 @@
 'use client';
 
-import { unstable_useForkRef as useForkRef } from '@mui/utils';
+import useForkRef from '@mui/utils/useForkRef';
 export default useForkRef;

package/utils/useId.d.ts

@@ -1,3 +1,3 @@
-import { unstable_useId as useId } from '@mui/utils';
+import useId from '@mui/utils/useId';
 
 export default useId;

package/utils/useId.js

@@ -1,4 +1,4 @@
 'use client';
 
-import { unstable_useId as useId } from '@mui/utils';
+import useId from '@mui/utils/useId';
 export default useId;

package/utils/useIsFocusVisible.d.ts

@@ -1,3 +1,3 @@
-import { unstable_useIsFocusVisible as useIsFocusVisible } from '@mui/utils';
+import useIsFocusVisible from '@mui/utils/useIsFocusVisible';
 
 export default useIsFocusVisible;

package/utils/useIsFocusVisible.js

@@ -1,4 +1,4 @@
 'use client';
 
-import { unstable_useIsFocusVisible as useIsFocusVisible } from '@mui/utils';
+import useIsFocusVisible from '@mui/utils/useIsFocusVisible';
 export default useIsFocusVisible;

package/utils/useSlot.js

@@ -5,7 +5,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["className", "elementType", "ownerState", "externalForwardedProps", "getSlotOwnerState", "internalForwardedProps"],
   _excluded2 = ["component", "slots", "slotProps"],
   _excluded3 = ["component"];
-import { unstable_useForkRef as useForkRef } from '@mui/utils';
+import useForkRef from '@mui/utils/useForkRef';
 import { appendOwnerState, resolveComponentProps, mergeSlotProps } from '@mui/base/utils';
 /**
  * An internal function to create a Material UI slot.

package/legacy/useMediaQuery/useMediaQuery.js

@@ -1,144 +0,0 @@
-'use client';
-
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import * as React from 'react';
-import { getThemeProps, useThemeWithoutDefault as useTheme } from '@mui/system';
-import useEnhancedEffect from '../utils/useEnhancedEffect';
-
-/**
- * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.
- */
-
-/**
- * @deprecated Not used internally. Use `MediaQueryList` from lib.dom.d.ts instead.
- */
-
-/**
- * @deprecated Not used internally. Use `(event: MediaQueryListEvent) => void` instead.
- */
-
-function useMediaQueryOld(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {
-  var _React$useState = React.useState(function () {
-      if (noSsr && matchMedia) {
-        return matchMedia(query).matches;
-      }
-      if (ssrMatchMedia) {
-        return ssrMatchMedia(query).matches;
-      }
-
-      // Once the component is mounted, we rely on the
-      // event listeners to return the correct matches value.
-      return defaultMatches;
-    }),
-    match = _React$useState[0],
-    setMatch = _React$useState[1];
-  useEnhancedEffect(function () {
-    var active = true;
-    if (!matchMedia) {
-      return undefined;
-    }
-    var queryList = matchMedia(query);
-    var updateMatch = function updateMatch() {
-      // Workaround Safari wrong implementation of matchMedia
-      // TODO can we remove it?
-      // https://github.com/mui/material-ui/pull/17315#issuecomment-528286677
-      if (active) {
-        setMatch(queryList.matches);
-      }
-    };
-    updateMatch();
-    // TODO: Use `addEventListener` once support for Safari < 14 is dropped
-    queryList.addListener(updateMatch);
-    return function () {
-      active = false;
-      queryList.removeListener(updateMatch);
-    };
-  }, [query, matchMedia]);
-  return match;
-}
-
-// eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814
-var maybeReactUseSyncExternalStore = React['useSyncExternalStore' + ''];
-function useMediaQueryNew(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {
-  var getDefaultSnapshot = React.useCallback(function () {
-    return defaultMatches;
-  }, [defaultMatches]);
-  var getServerSnapshot = React.useMemo(function () {
-    if (noSsr && matchMedia) {
-      return function () {
-        return matchMedia(query).matches;
-      };
-    }
-    if (ssrMatchMedia !== null) {
-      var _ssrMatchMedia = ssrMatchMedia(query),
-        matches = _ssrMatchMedia.matches;
-      return function () {
-        return matches;
-      };
-    }
-    return getDefaultSnapshot;
-  }, [getDefaultSnapshot, query, ssrMatchMedia, noSsr, matchMedia]);
-  var _React$useMemo = React.useMemo(function () {
-      if (matchMedia === null) {
-        return [getDefaultSnapshot, function () {
-          return function () {};
-        }];
-      }
-      var mediaQueryList = matchMedia(query);
-      return [function () {
-        return mediaQueryList.matches;
-      }, function (notify) {
-        // TODO: Use `addEventListener` once support for Safari < 14 is dropped
-        mediaQueryList.addListener(notify);
-        return function () {
-          mediaQueryList.removeListener(notify);
-        };
-      }];
-    }, [getDefaultSnapshot, matchMedia, query]),
-    _React$useMemo2 = _slicedToArray(_React$useMemo, 2),
-    getSnapshot = _React$useMemo2[0],
-    subscribe = _React$useMemo2[1];
-  var match = maybeReactUseSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-  return match;
-}
-export default function useMediaQuery(queryInput) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var theme = useTheme();
-  // Wait for jsdom to support the match media feature.
-  // All the browsers MUI support have this built-in.
-  // This defensive check is here for simplicity.
-  // Most of the time, the match media logic isn't central to people tests.
-  var supportMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';
-  var _getThemeProps = getThemeProps({
-      name: 'MuiUseMediaQuery',
-      props: options,
-      theme: theme
-    }),
-    _getThemeProps$defaul = _getThemeProps.defaultMatches,
-    defaultMatches = _getThemeProps$defaul === void 0 ? false : _getThemeProps$defaul,
-    _getThemeProps$matchM = _getThemeProps.matchMedia,
-    matchMedia = _getThemeProps$matchM === void 0 ? supportMatchMedia ? window.matchMedia : null : _getThemeProps$matchM,
-    _getThemeProps$ssrMat = _getThemeProps.ssrMatchMedia,
-    ssrMatchMedia = _getThemeProps$ssrMat === void 0 ? null : _getThemeProps$ssrMat,
-    _getThemeProps$noSsr = _getThemeProps.noSsr,
-    noSsr = _getThemeProps$noSsr === void 0 ? false : _getThemeProps$noSsr;
-  if (process.env.NODE_ENV !== 'production') {
-    if (typeof queryInput === 'function' && theme === null) {
-      console.error(['MUI: The `query` argument provided is invalid.', 'You are providing a function without a theme in the context.', 'One of the parent elements needs to use a ThemeProvider.'].join('\n'));
-    }
-  }
-  var query = typeof queryInput === 'function' ? queryInput(theme) : queryInput;
-  query = query.replace(/^@media( ?)/m, '');
-
-  // TODO: Drop `useMediaQueryOld` and use  `use-sync-external-store` shim in `useMediaQueryNew` once the package is stable
-  var useMediaQueryImplementation = maybeReactUseSyncExternalStore !== undefined ? useMediaQueryNew : useMediaQueryOld;
-  var match = useMediaQueryImplementation(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr);
-  if (process.env.NODE_ENV !== 'production') {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    React.useDebugValue({
-      query: query,
-      match: match
-    });
-  }
-  return match;
-}

package/modern/useMediaQuery/useMediaQuery.js

@@ -1,125 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { getThemeProps, useThemeWithoutDefault as useTheme } from '@mui/system';
-import useEnhancedEffect from '../utils/useEnhancedEffect';
-
-/**
- * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.
- */
-
-/**
- * @deprecated Not used internally. Use `MediaQueryList` from lib.dom.d.ts instead.
- */
-
-/**
- * @deprecated Not used internally. Use `(event: MediaQueryListEvent) => void` instead.
- */
-
-function useMediaQueryOld(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {
-  const [match, setMatch] = React.useState(() => {
-    if (noSsr && matchMedia) {
-      return matchMedia(query).matches;
-    }
-    if (ssrMatchMedia) {
-      return ssrMatchMedia(query).matches;
-    }
-
-    // Once the component is mounted, we rely on the
-    // event listeners to return the correct matches value.
-    return defaultMatches;
-  });
-  useEnhancedEffect(() => {
-    let active = true;
-    if (!matchMedia) {
-      return undefined;
-    }
-    const queryList = matchMedia(query);
-    const updateMatch = () => {
-      // Workaround Safari wrong implementation of matchMedia
-      // TODO can we remove it?
-      // https://github.com/mui/material-ui/pull/17315#issuecomment-528286677
-      if (active) {
-        setMatch(queryList.matches);
-      }
-    };
-    updateMatch();
-    // TODO: Use `addEventListener` once support for Safari < 14 is dropped
-    queryList.addListener(updateMatch);
-    return () => {
-      active = false;
-      queryList.removeListener(updateMatch);
-    };
-  }, [query, matchMedia]);
-  return match;
-}
-
-// eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814
-const maybeReactUseSyncExternalStore = React['useSyncExternalStore' + ''];
-function useMediaQueryNew(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {
-  const getDefaultSnapshot = React.useCallback(() => defaultMatches, [defaultMatches]);
-  const getServerSnapshot = React.useMemo(() => {
-    if (noSsr && matchMedia) {
-      return () => matchMedia(query).matches;
-    }
-    if (ssrMatchMedia !== null) {
-      const {
-        matches
-      } = ssrMatchMedia(query);
-      return () => matches;
-    }
-    return getDefaultSnapshot;
-  }, [getDefaultSnapshot, query, ssrMatchMedia, noSsr, matchMedia]);
-  const [getSnapshot, subscribe] = React.useMemo(() => {
-    if (matchMedia === null) {
-      return [getDefaultSnapshot, () => () => {}];
-    }
-    const mediaQueryList = matchMedia(query);
-    return [() => mediaQueryList.matches, notify => {
-      // TODO: Use `addEventListener` once support for Safari < 14 is dropped
-      mediaQueryList.addListener(notify);
-      return () => {
-        mediaQueryList.removeListener(notify);
-      };
-    }];
-  }, [getDefaultSnapshot, matchMedia, query]);
-  const match = maybeReactUseSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-  return match;
-}
-export default function useMediaQuery(queryInput, options = {}) {
-  const theme = useTheme();
-  // Wait for jsdom to support the match media feature.
-  // All the browsers MUI support have this built-in.
-  // This defensive check is here for simplicity.
-  // Most of the time, the match media logic isn't central to people tests.
-  const supportMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';
-  const {
-    defaultMatches = false,
-    matchMedia = supportMatchMedia ? window.matchMedia : null,
-    ssrMatchMedia = null,
-    noSsr = false
-  } = getThemeProps({
-    name: 'MuiUseMediaQuery',
-    props: options,
-    theme
-  });
-  if (process.env.NODE_ENV !== 'production') {
-    if (typeof queryInput === 'function' && theme === null) {
-      console.error(['MUI: The `query` argument provided is invalid.', 'You are providing a function without a theme in the context.', 'One of the parent elements needs to use a ThemeProvider.'].join('\n'));
-    }
-  }
-  let query = typeof queryInput === 'function' ? queryInput(theme) : queryInput;
-  query = query.replace(/^@media( ?)/m, '');
-
-  // TODO: Drop `useMediaQueryOld` and use  `use-sync-external-store` shim in `useMediaQueryNew` once the package is stable
-  const useMediaQueryImplementation = maybeReactUseSyncExternalStore !== undefined ? useMediaQueryNew : useMediaQueryOld;
-  const match = useMediaQueryImplementation(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr);
-  if (process.env.NODE_ENV !== 'production') {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    React.useDebugValue({
-      query,
-      match
-    });
-  }
-  return match;
-}