feat(eslint-plugin-react-components): support granular lib imports (#35618)

Author: mainframev

.github/CODEOWNERS

@@ -194,6 +194,7 @@ common/_themeOverrides.scss @microsoft/cxe-red @phkuo
 common/_common.scss @microsoft/cxe-red @phkuo
 
 ## vNext packages
+packages/react-components/eslint-plugin-react-components @microsoft/fluentui-react-build @microsoft/cxe-prg
 packages/react-components/keyboard-keys @microsoft/teams-prg
 packages/react-components/react-accordion/library @microsoft/cxe-prg @marcosmoura
 packages/react-components/react-accordion/stories @microsoft/cxe-prg @marcosmoura

change/@fluentui-eslint-plugin-react-components-691801a5-4c1a-4f5c-bff9-9f0bcaa72458.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: support granular lib imports",
+  "packageName": "@fluentui/eslint-plugin-react-components",
+  "email": "vgenaev@gmail.com",
+  "dependentChangeType": "patch"
+}

packages/react-components/eslint-plugin-react-components/src/rules/prefer-fluentui-v9.spec.ts

@@ -36,5 +36,18 @@ ruleTester.run(RULE_NAME, rule, {
         },
       ],
     },
+    {
+      code: `import { CompoundButton } from '@fluentui/react/lib/Button';`,
+      errors: [
+        {
+          messageId: 'replaceFluent8With9',
+          data: { fluent8: 'CompoundButton', fluent9: 'CompoundButton', package: '@fluentui/react-components' },
+        },
+      ],
+    },
+    {
+      code: `import { Stack } from '@fluentui/react/lib/Stack';`,
+      errors: [{ messageId: 'replaceStackWithFlex' }],
+    },
   ],
 });

packages/react-components/eslint-plugin-react-components/src/rules/prefer-fluentui-v9.ts

@@ -27,7 +27,10 @@ export const rule = createRule<Options, MessageIds>({
   create(context) {
     return {
       ImportDeclaration(node) {
-        if (node.source.value !== '@fluentui/react') {
+        const source = node.source.value;
+        const isFluentV8Import = source === '@fluentui/react' || source.startsWith('@fluentui/react/');
+
+        if (!isFluentV8Import) {
           return;
         }