Fix [email protected] support with createSvgIcon (#1629)

* Update createSvgIcon import following @material-ui v4.9.9 update

* Fix rollup cnfig & typings

* update version on npm

Co-authored-by: Olivier Tassinari <[email protected]>

Author: Vincz

docs/package.json

@@ -21,7 +21,7 @@
     "@date-io/hijri": "^2.2.0",
     "@date-io/jalaali": "^2.0.0",
     "@mapbox/rehype-prism": "^0.4.0",
-    "@material-ui/core": "^4.9.7",
+    "@material-ui/core": "^4.9.9",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/pickers": "^4.0.0-alpha.1",
     "@types/fuzzy-search": "^2.1.0",

lib/package.json

@@ -32,7 +32,7 @@
     "email": "[email protected]"
   },
   "peerDependencies": {
-    "@material-ui/core": "^4.0.0",
+    "@material-ui/core": "^4.9.9",
     "@types/react": "^16.8.6",
     "react": "^16.8.4",
     "react-dom": "^16.8.4"
@@ -77,7 +77,7 @@
     "@babel/preset-env": "^7.6.0",
     "@babel/preset-react": "^7.0.0",
     "@cypress/webpack-preprocessor": "^4.1.1",
-    "@material-ui/core": "^4.9.7",
+    "@material-ui/core": "^4.9.9",
     "@material-ui/icons": "^4.9.1",
     "@types/enzyme": "^3.10.5",
     "@types/enzyme-adapter-react-16": "^1.0.3",

lib/rollup.config.js

@@ -16,6 +16,7 @@ const input = './src/index.ts';
 const globals = {
   react: 'React',
   'react-dom': 'ReactDOM',
+  '@material-ui/core/utils': 'material-ui.utils',
   '@material-ui/core/Button': 'material-ui.Button',
   '@material-ui/core/ButtonBase': 'material-ui.ButtonBase',
   '@material-ui/core/CircularProgress': 'material-ui.CircularProgress',

lib/src/_shared/icons/ArrowDropDownIcon.tsx

@@ -1,4 +1,4 @@
 import React from 'react';
-import createSvgIcon from '@material-ui/core/internal/svg-icons/createSvgIcon';
+import { createSvgIcon } from '@material-ui/core/utils';
 
 export const ArrowDropDownIcon = createSvgIcon(<path d="M7 10l5 5 5-5z" />, 'ArrowDropDownIcon');

lib/src/_shared/icons/ArrowLeftIcon.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import createSvgIcon from '@material-ui/core/internal/svg-icons/createSvgIcon';
+import { createSvgIcon } from '@material-ui/core/utils';
 
 export const ArrowLeftIcon = createSvgIcon(
   <>

lib/src/_shared/icons/ArrowRightIcon.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import createSvgIcon from '@material-ui/core/internal/svg-icons/createSvgIcon';
+import { createSvgIcon } from '@material-ui/core/utils';
 
 export const ArrowRightIcon = createSvgIcon(
   <>

lib/src/_shared/icons/ClockIcon.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import createSvgIcon from '@material-ui/core/internal/svg-icons/createSvgIcon';
+import { createSvgIcon } from '@material-ui/core/utils';
 
 export default createSvgIcon(
   <React.Fragment>

lib/src/_shared/icons/DateRangeIcon.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import createSvgIcon from '@material-ui/core/internal/svg-icons/createSvgIcon';
+import { createSvgIcon } from '@material-ui/core/utils';
 
 export const DateRangeIcon = createSvgIcon(
   <>

lib/src/_shared/icons/KeyboardIcon.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import createSvgIcon from '@material-ui/core/internal/svg-icons/createSvgIcon';
+import { createSvgIcon } from '@material-ui/core/utils';
 
 export const KeyboardIcon = createSvgIcon(
   <>

lib/src/_shared/icons/PenIcon.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import createSvgIcon from '@material-ui/core/internal/svg-icons/createSvgIcon';
+import { createSvgIcon } from '@material-ui/core/utils';
 
 export const PenIcon = createSvgIcon(
   <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z" />,