Set muiName property for generated icons. #14

generate-module.js

@@ -42,8 +42,8 @@ const pick = require('lodash.pick')
 
   for (const { name, svg } of icons) {
     const code = `import React from 'react'
-  import SvgIcon from '@material-ui/core/SvgIcon'
-  export default (props) => <SvgIcon {...props}>${svg}</SvgIcon>
+  import createIcon from './util/createIcon'
+  export default createIcon(<g>${svg}</g>)
   `
 
     // commonjs module syntax
@@ -70,6 +70,16 @@ const pick = require('lodash.pick')
     compact: process.env.NODE_ENV === 'production'
   }).code)
 
+  // createIcon function
+  fse.mkdirSync(path.join(__dirname, 'package', 'util'))
+  fse.writeFileSync(
+    path.join(__dirname, 'package', 'util', 'createIcon.js'),
+    babel.transform(fse.readFileSync(path.join(__dirname, 'src', 'util', 'createIcon.js')), {
+      presets: ['es2015', 'react', 'stage-0'],
+      compact: process.env.NODE_ENV === 'production'
+    }).code
+  )
+
   // copy other files
   ;[
     'README.md',

src/util/createIcon.js

@@ -0,0 +1,8 @@
+import React from 'react'
+import SvgIcon from '@material-ui/core/SvgIcon'
+
+export default (svg) => {
+  const Icon = (props) => <SvgIcon {...props}>{svg}</SvgIcon>
+  Icon.muiName = 'SvgIcon'
+  return Icon
+}

test.js

@@ -14,6 +14,7 @@ for (const iconName of Object.keys(commonjsIcons)) {
   test(`icons > ${iconName}`, (t) => {
     const renderedIcon = renderer.create(React.createElement(commonjsIcons[iconName])).toJSON()
     t.is(renderedIcon.type, 'svg')
+    t.is(commonjsIcons[iconName].muiName, 'SvgIcon')
   })
 }
 test('ES module index file', (t) => {