@mui/material 5.4.4 → 5.5.2

package/useMediaQuery/useMediaQuery.d.ts

@@ -1,31 +1,31 @@
-/**
- * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.
- */
-export interface MuiMediaQueryListEvent {
-    matches: boolean;
-}
-/**
- * @deprecated Not used internally. Use `MediaQueryList` from lib.dom.d.ts instead.
- */
-export interface MuiMediaQueryList {
-    matches: boolean;
-    addListener: (listener: MuiMediaQueryListListener) => void;
-    removeListener: (listener: MuiMediaQueryListListener) => void;
-}
-/**
- * @deprecated Not used internally. Use `(event: MediaQueryListEvent) => void` instead.
- */
-export declare type MuiMediaQueryListListener = (event: MuiMediaQueryListEvent) => void;
-export interface Options {
-    defaultMatches?: boolean;
-    matchMedia?: typeof window.matchMedia;
-    /**
-     * This option is kept for backwards compatibility and has no longer any effect.
-     * It's previous behavior is now handled automatically.
-     */
-    noSsr?: boolean;
-    ssrMatchMedia?: (query: string) => {
-        matches: boolean;
-    };
-}
-export default function useMediaQuery<Theme = unknown>(queryInput: string | ((theme: Theme) => string), options?: Options): boolean;
+/**
+ * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.
+ */
+export interface MuiMediaQueryListEvent {
+    matches: boolean;
+}
+/**
+ * @deprecated Not used internally. Use `MediaQueryList` from lib.dom.d.ts instead.
+ */
+export interface MuiMediaQueryList {
+    matches: boolean;
+    addListener: (listener: MuiMediaQueryListListener) => void;
+    removeListener: (listener: MuiMediaQueryListListener) => void;
+}
+/**
+ * @deprecated Not used internally. Use `(event: MediaQueryListEvent) => void` instead.
+ */
+export declare type MuiMediaQueryListListener = (event: MuiMediaQueryListEvent) => void;
+export interface Options {
+    defaultMatches?: boolean;
+    matchMedia?: typeof window.matchMedia;
+    /**
+     * This option is kept for backwards compatibility and has no longer any effect.
+     * It's previous behavior is now handled automatically.
+     */
+    noSsr?: boolean;
+    ssrMatchMedia?: (query: string) => {
+        matches: boolean;
+    };
+}
+export default function useMediaQuery<Theme = unknown>(queryInput: string | ((theme: Theme) => string), options?: Options): boolean;

package/usePagination/usePagination.d.ts

@@ -66,7 +66,7 @@ export interface UsePaginationProps {
 export interface UsePaginationItem {
   onClick: React.ReactEventHandler;
   type: 'page' | 'first' | 'last' | 'next' | 'previous' | 'start-ellipsis' | 'end-ellipsis';
-  page: number;
+  page: number | null;
   selected: boolean;
   disabled: boolean;
 }

package/useTouchRipple/index.d.ts

@@ -1 +1 @@
-export { default } from './useTouchRipple';
+export { default } from './useTouchRipple';

package/useTouchRipple/useTouchRipple.d.ts

@@ -1,28 +1,28 @@
-import * as React from 'react';
-import { TouchRippleActions } from '../ButtonBase/TouchRipple';
-interface UseTouchRippleProps {
-    disabled: boolean;
-    disableFocusRipple?: boolean;
-    disableRipple?: boolean;
-    disableTouchRipple?: boolean;
-    focusVisible: boolean;
-    rippleRef: React.RefObject<TouchRippleActions>;
-}
-interface RippleEventHandlers {
-    onBlur: React.FocusEventHandler;
-    onContextMenu: React.MouseEventHandler;
-    onDragLeave: React.DragEventHandler;
-    onKeyDown: React.KeyboardEventHandler;
-    onKeyUp: React.KeyboardEventHandler;
-    onMouseDown: React.MouseEventHandler;
-    onMouseLeave: React.MouseEventHandler;
-    onMouseUp: React.MouseEventHandler;
-    onTouchEnd: React.TouchEventHandler;
-    onTouchMove: React.TouchEventHandler;
-    onTouchStart: React.TouchEventHandler;
-}
-declare const useTouchRipple: (props: UseTouchRippleProps) => {
-    enableTouchRipple: boolean;
-    getRippleHandlers: (otherEvents?: Partial<RippleEventHandlers>) => RippleEventHandlers;
-};
-export default useTouchRipple;
+import * as React from 'react';
+import { TouchRippleActions } from '../ButtonBase/TouchRipple';
+interface UseTouchRippleProps {
+    disabled: boolean;
+    disableFocusRipple?: boolean;
+    disableRipple?: boolean;
+    disableTouchRipple?: boolean;
+    focusVisible: boolean;
+    rippleRef: React.RefObject<TouchRippleActions>;
+}
+interface RippleEventHandlers {
+    onBlur: React.FocusEventHandler;
+    onContextMenu: React.MouseEventHandler;
+    onDragLeave: React.DragEventHandler;
+    onKeyDown: React.KeyboardEventHandler;
+    onKeyUp: React.KeyboardEventHandler;
+    onMouseDown: React.MouseEventHandler;
+    onMouseLeave: React.MouseEventHandler;
+    onMouseUp: React.MouseEventHandler;
+    onTouchEnd: React.TouchEventHandler;
+    onTouchMove: React.TouchEventHandler;
+    onTouchStart: React.TouchEventHandler;
+}
+declare const useTouchRipple: (props: UseTouchRippleProps) => {
+    enableTouchRipple: boolean;
+    getRippleHandlers: (otherEvents?: Partial<RippleEventHandlers>) => RippleEventHandlers;
+};
+export default useTouchRipple;

package/utils/getScrollbarSize.d.ts

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

package/utils/index.d.ts

@@ -15,4 +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/base';
+export { unstable_ClassNameGenerator } from '@mui/base/className';

package/utils/index.js

@@ -1,3 +1,4 @@
+import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/base/className';
 export { default as capitalize } from './capitalize';
 export { default as createChainedFunction } from './createChainedFunction';
 export { default as createSvgIcon } from './createSvgIcon';
@@ -14,5 +15,12 @@ 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 { unstable_ClassNameGenerator } from '@mui/base';
+export { default as useIsFocusVisible } from './useIsFocusVisible'; // TODO: remove this export once ClassNameGenerator is stable
+// eslint-disable-next-line @typescript-eslint/naming-convention
+
+export const unstable_ClassNameGenerator = {
+  configure: generator => {
+    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/utils/ownerDocument.d.ts

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

package/utils/ownerWindow.d.ts

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

package/utils/setRef.d.ts

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