Merge pull request #31963 from cylewaitforit/csf-strict-on-stories-files

ESLint: Only apply csf-strict rules on stories files
(cherry picked from commit d1b4c2f)

Author: yannbf

code/lib/eslint-plugin/scripts/update-lib-configs.ts

@@ -50,7 +50,10 @@ function formatCategory(category: TCategory) {
       // This file is bundled in an index.js file at the root
       // so the reference is relative to the src directory
       extends: './configs/${extendsCategoryId}',
-      rules: ${formatRules(category.rules)}
+      overrides: [{
+        files: [${STORIES_GLOBS.join(', ')}],
+        rules: ${formatRules(category.rules)}
+      },]
     }
   `;
 }

code/lib/eslint-plugin/scripts/update-lib-flat-configs.ts

@@ -64,6 +64,7 @@ function formatCategory(category: TCategory) {
       ...config,
       {
         name: 'storybook:${category.categoryId}:rules',
+        files: [${STORIES_GLOBS.join(', ')}],
         rules: ${formatRules(category.rules)}
       }
     ]

code/lib/eslint-plugin/src/configs/csf-strict.ts

@@ -7,10 +7,15 @@ export default {
   // This file is bundled in an index.js file at the root
   // so the reference is relative to the src directory
   extends: './configs/csf',
-  rules: {
-    'react-hooks/rules-of-hooks': 'off',
-    'import/no-anonymous-default-export': 'off',
-    'storybook/no-stories-of': 'error',
-    'storybook/no-title-property-in-meta': 'error',
-  } as const,
+  overrides: [
+    {
+      files: ['**/*.stories.@(ts|tsx|js|jsx|mjs|cjs)', '**/*.story.@(ts|tsx|js|jsx|mjs|cjs)'],
+      rules: {
+        'react-hooks/rules-of-hooks': 'off',
+        'import/no-anonymous-default-export': 'off',
+        'storybook/no-stories-of': 'error',
+        'storybook/no-title-property-in-meta': 'error',
+      } as const,
+    },
+  ],
 };

code/lib/eslint-plugin/src/configs/flat/csf-strict.ts

@@ -9,6 +9,7 @@ export default [
   ...config,
   {
     name: 'storybook:csf-strict:rules',
+    files: ['**/*.stories.@(ts|tsx|js|jsx|mjs|cjs)', '**/*.story.@(ts|tsx|js|jsx|mjs|cjs)'],
     rules: {
       'react-hooks/rules-of-hooks': 'off',
       'import/no-anonymous-default-export': 'off',