fix: undetected usage in default export Closes #4

Author: RodSarhan

lib/rules/no-unused-styles.js

@@ -59,6 +59,11 @@ const create = Components.detect((context, components) => {
 
     CallExpression: function (node) {
       if (astHelpers.isStyleSheetDeclaration(node, context.settings)) {
+        // TODO
+        // const isExported = astHelpers.isStyleSheetExported(node);
+        // if (isExported) {
+        //   return;
+        // }
         const styleSheetObjectName = astHelpers.getStyleSheetObjectName(node);
         const styles = astHelpers.getStyleDeclarations(node);
 

lib/util/stylesheet.js

@@ -110,6 +110,11 @@ const astHelpers = {
     );
   },
 
+  // TODO check if the stylesheet is exported, and add "ignore-exported- sheets" setting
+  // isStyleSheetExported: function (node) {
+  //   return false;
+  // },
+
   isUseStylesHook: function (node) {
     return Boolean(
       node
@@ -150,7 +155,7 @@ const astHelpers = {
       if (componentNode.type === 'FunctionDeclaration') {
         return componentNode.id.name;
       }
-      if (componentNode.type === 'ExportNamedDeclaration') {
+      if (componentNode.type === 'ExportNamedDeclaration' || componentNode.type === 'ExportDefaultDeclaration') {
         if (componentNode.declaration.type === 'FunctionDeclaration') {
           return componentNode.declaration.id.name;
         }

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-native-unistyles",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "author": "RodSarhan",
   "license": "MIT",
   "description": "React Native Unistyles rules for ESLint",

package.json

@@ -316,6 +316,19 @@ const tests = {
       const MyComponent = () => {
           const {styles} = useStyles(styleSheet);
 
+          return (
+              <Text style={styles.text}>Hello</Text>
+          );
+      };
+    `,
+  }, {
+    code: `
+      const styleSheet = createStyleSheet({
+          text: {},
+      });
+      export default function MyComponent() {
+          const {styles} = useStyles(styleSheet);
+
           return (
               <Text style={styles.text}>Hello</Text>
           );