eslint-plugin-mui-unused-classes - npm Package Compare versions

Comparing version 2.0.0 to 2.0.1

package.json

 {
   "name": "eslint-plugin-mui-unused-classes",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "eslint plugin to detect unused material-ui styling classes",
@@ -5,0 +5,0 @@ "main": "index.js",

rule.js

@@ -57,2 +57,7 @@ function getBasicIdentifier(node) {
               });
+            } else if (
+              body.type === 'CallExpression' &&
+              body.callee.name === 'createStyles' &&
+              body.arguments[0].type === 'ObjectExpression') {
+              stylesObj = body.arguments[0]
             }
@@ -59,0 +64,0 @@

test.js

@@ -60,2 +60,16 @@
     }`,
+
+    // valid createStyles case
+    `const useStyles = makeStyles(theme =>
+      createStyles({
+        usedClass: {
+          backgroundColor: 'hotpink',
+        },
+      }),
+    );
+    
+    export const Component = () => {
+      const classes = useStyles();
+      return <div className={classes.usedClass}>test</div>;
+    };`
   ],
@@ -131,4 +145,25 @@ invalid: [
       }]
+    },
+
+    // invalid case using createStyles
+    {
+      code: ` 
+        const useStyles = makeStyles(theme =>
+          createStyles({
+            testClass: {
+              backgroundColor: 'red',
+            },
+            usedClass: {
+              backgroundColor: 'hotpink',
+            },
+          }),
+        );
+        
+        export const Component = () => {
+          const classes = useStyles();
+          return <div className={classes.usedClass}>test</div>;
+        };`,
+      errors: [{ message: 'Class `testClass` is unused'}]
     }
   ],
 });

No alert changes

Improved metrics

Total package byte prevSize

44686

increased by4.5%

Number of package files

8

increased by14.29%

Lines of code

324

increased by25.58%

No dependency changes