Support @mui/material package naming (#423)

* Support Material-UI 5.0.0-rc.0 * Bump version to 1.0.6-next.3 * Remove @mui/styles dependency
iamhosseindhv · Sep 11, 2021 · 037f741 · 037f741
1 parent e09bff2
commit 037f741
Show file tree

Hide file tree

Showing 10 changed files with 17,393 additions and 262 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "notistack",
-    "version": "1.0.6-next.2",
+    "version": "1.0.6-next.3",
     "description": "Highly customizable notification snackbars (toasts) that can be stacked on top of each other",
     "main": "dist/index.js",
     "module": "dist/notistack.esm.js",
@@ -24,11 +24,11 @@
         "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
     },
     "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0",
         "@emotion/react": "^11.4.1",
         "@emotion/styled": "^11.3.0",
-        "@material-ui/core": "^5.0.0-beta.4"
+        "@mui/material": "^5.0.0-rc.0",
+        "react": "^16.8.0 || ^17.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0"
     },
     "peerDependenciesMeta": {
         "@emotion/react": {
@@ -42,7 +42,7 @@
         "@babel/preset-react": "^7.8.3",
         "@emotion/react": "^11.4.1",
         "@emotion/styled": "^11.3.0",
-        "@material-ui/core": "^5.0.0-beta.4",
+        "@mui/material": "^5.0.0-rc.0",
         "@types/node": "^13.9.0",
         "@types/react": "^16.9.23",
         "@types/react-dom": "^16.9.5",

diff --git a/src/SnackbarContainer.tsx b/src/SnackbarContainer.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import clsx from 'clsx';
-import { styled } from '@material-ui/core/styles';
+import { styled } from '@mui/material/styles';
 import { SNACKBAR_INDENTS } from './utils/constants';
 import { SnackbarProviderProps } from '.';
 

diff --git a/src/SnackbarContent/SnackbarContent.tsx b/src/SnackbarContent/SnackbarContent.tsx
@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
 import clsx from 'clsx';
-import { styled } from '@material-ui/core/styles';
+import { styled } from '@mui/material/styles';
 import { SnackbarContentProps } from '../index';
 
 const componentName = 'SnackbarContent';

diff --git a/src/SnackbarItem/Snackbar.js b/src/SnackbarItem/Snackbar.js
@@ -2,7 +2,7 @@
  * @link https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Snackbar/Snackbar.js
  */
 import * as React from 'react';
-import ClickAwayListener from '@material-ui/core/ClickAwayListener';
+import ClickAwayListener from '@mui/material/ClickAwayListener';
 import { REASONS } from '../utils/constants';
 import useEventCallback from '../utils/useEventCallback';
 

diff --git a/src/SnackbarItem/SnackbarItem.tsx b/src/SnackbarItem/SnackbarItem.tsx
@@ -1,8 +1,8 @@
 import React, { useState, useEffect, useRef } from 'react';
 import clsx from 'clsx';
-import { emphasize, styled } from '@material-ui/core/styles';
-import Collapse from '@material-ui/core/Collapse';
-import type { SnackbarClassKey } from '@material-ui/core';
+import { emphasize, styled } from '@mui/material/styles';
+import Collapse from '@mui/material/Collapse';
+import type { SnackbarClassKey } from '@mui/material';
 import SnackbarContent from '../SnackbarContent';
 import { getTransitionDirection } from './SnackbarItem.util';
 import { REASONS, objectMerge, DEFAULTS, transformer } from '../utils/constants';

diff --git a/src/index.d.ts b/src/index.d.ts
@@ -2,10 +2,10 @@
  * Part of the following typing and documentation is from material-ui/src/Snackbar/Snackbar.d.ts
  */
 import * as React from 'react';
-import { SnackbarClassKey } from '@material-ui/core/Snackbar';
-import { ClickAwayListenerProps } from '@material-ui/core/ClickAwayListener';
-import { TransitionProps } from '@material-ui/core/transitions/transition';
-import { StandardProps } from '@material-ui/core';
+import { SnackbarClassKey } from '@mui/material/Snackbar';
+import { ClickAwayListenerProps } from '@mui/material/ClickAwayListener';
+import { TransitionProps } from '@mui/material/transitions/transition';
+import { StandardProps } from '@mui/material';
 
 export type RequiredBy<T, K extends keyof T> = Omit<T, K> & Required<Pick<T, K>>
 export type ClassNameMap<ClassKey extends string = string> = Record<ClassKey, string>;

diff --git a/src/utils/constants.ts b/src/utils/constants.ts
@@ -1,5 +1,5 @@
-import Slide from '@material-ui/core/Slide';
-import { SnackbarClassKey } from '@material-ui/core/Snackbar';
+import Slide from '@mui/material/Slide';
+import { SnackbarClassKey } from '@mui/material/Snackbar';
 import { CloseReason, ContainerClassKey, SnackbarProviderProps, VariantType, SnackbarOrigin, VariantClassKey } from '../index';
 import { SnackbarItemProps } from '../SnackbarItem';
 import { Snack } from '../SnackbarProvider';

diff --git a/src/utils/defaultIconVariants.tsx b/src/utils/defaultIconVariants.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import SvgIcon, { SvgIconProps } from '@material-ui/core/SvgIcon';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
 import { IconVariant } from '../index';
 
 type Icon = (props: SvgIconProps) => JSX.Element;

diff --git a/typedoc.json b/typedoc.json
@@ -3051,7 +3051,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@material-ui/core/index.d.ts",
+							"fileName": "node_modules/@mui/material/index.d.ts",
 							"line": 19,
 							"character": 13
 						}
@@ -3089,7 +3089,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@material-ui/core/styles/index.d.ts",
+							"fileName": "node_modules/@mui/material/styles/index.d.ts",
 							"line": 76,
 							"character": 9
 						}
@@ -3177,7 +3177,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@material-ui/core/index.d.ts",
+							"fileName": "node_modules/@mui/material/index.d.ts",
 							"line": 20,
 							"character": 7
 						}
@@ -3210,7 +3210,7 @@
 										},
 										"sources": [
 											{
-												"fileName": "node_modules/@material-ui/core/index.d.ts",
+												"fileName": "node_modules/@mui/material/index.d.ts",
 												"line": 20,
 												"character": 25
 											}
@@ -3232,7 +3232,7 @@
 								],
 								"sources": [
 									{
-										"fileName": "node_modules/@material-ui/core/index.d.ts",
+										"fileName": "node_modules/@mui/material/index.d.ts",
 										"line": 20,
 										"character": 19
 									}
@@ -3310,7 +3310,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@material-ui/core/index.d.ts",
+							"fileName": "node_modules/@mui/material/index.d.ts",
 							"line": 21,
 							"character": 9
 						}
@@ -3580,7 +3580,7 @@
 										},
 										"sources": [
 											{
-												"fileName": "node_modules/@material-ui/core/index.d.ts",
+												"fileName": "node_modules/@mui/material/index.d.ts",
 												"line": 19,
 												"character": 13
 											}
@@ -3610,7 +3610,7 @@
 										},
 										"sources": [
 											{
-												"fileName": "node_modules/@material-ui/core/index.d.ts",
+												"fileName": "node_modules/@mui/material/index.d.ts",
 												"line": 20,
 												"character": 7
 											}
@@ -3643,7 +3643,7 @@
 															},
 															"sources": [
 																{
-																	"fileName": "node_modules/@material-ui/core/index.d.ts",
+																	"fileName": "node_modules/@mui/material/index.d.ts",
 																	"line": 20,
 																	"character": 25
 																}
@@ -3665,7 +3665,7 @@
 													],
 													"sources": [
 														{
-															"fileName": "node_modules/@material-ui/core/index.d.ts",
+															"fileName": "node_modules/@mui/material/index.d.ts",
 															"line": 20,
 															"character": 19
 														}
@@ -3699,7 +3699,7 @@
 										},
 										"sources": [
 											{
-												"fileName": "node_modules/@material-ui/core/index.d.ts",
+												"fileName": "node_modules/@mui/material/index.d.ts",
 												"line": 21,
 												"character": 9
 											}