fix: ensure package is tree-shakeable (#30776)

packages/react-components/react-platform-adapter/.eslintrc.json

@@ -1,4 +1,17 @@
 {
   "extends": ["plugin:@fluentui/eslint-plugin/react"],
-  "root": true
+  "root": true,
+  "overrides": [
+    {
+      "files": "**/*.ts",
+      "rules": {
+        "@rnx-kit/no-export-all": [
+          "error",
+          {
+            "expand": "all"
+          }
+        ]
+      }
+    }
+  ]
 }

packages/react-components/react-platform-adapter/src/index.ts

@@ -1,12 +1,12 @@
-export { XPlatProvider, suppressCssVariableInsertion, type XPlatProviderProps } from './XPlatProvider';
-export { jsxPlatformAdapter } from './jsx';
-export {
-  getStylesFromClassName,
-  makeStyles,
-  makeStylesCore,
-  makeResetStyles,
-  mergeClasses,
-  shorthands,
-  TextDirectionProvider,
-  useRenderer_unstable,
-} from './styling/index';
+export { XPlatProvider, suppressCssVariableInsertion } from './XPlatProvider/XPlatProvider';
+export type { XPlatProviderProps } from './XPlatProvider/XPlatProvider.types';
+export { jsxPlatformAdapter } from './jsx/jsxPlatformAdapter';
+export { getStylesFromClassName } from './styling/classNameMap';
+export { makeResetStyles } from './styling/makeResetStyles';
+export { makeStyles } from './styling/makeStyles';
+export { mergeClasses } from './styling/mergeClasses';
+export { shorthands } from './styling/shorthands';
+
+// re-export some griffel types to have fluent use the griffel adapter instead of griffel directly
+export { useRenderer_unstable, TextDirectionProvider } from '@griffel/react';
+export { makeStyles as makeStylesCore } from '@griffel/core';

packages/react-components/react-platform-adapter/src/jsx/jsxPlatformAdapter.native.ts

@@ -1,8 +1,7 @@
 import type * as React from 'react';
-
 import { html } from 'react-strict-dom';
-import { getStylesFromClassName } from '../styling/index';
-import { JSXRuntime } from './types';
+import { getStylesFromClassName } from '../styling/classNameMap';
+import type { JSXRuntime } from './types';
 
 const modifyPropsForNative = <P extends {}>(
   props: (P & { children?: React.ReactNode; className?: string; style?: React.CSSProperties }) | null,

packages/react-components/react-platform-adapter/src/jsx/jsxPlatformAdapter.ts

@@ -1,4 +1,4 @@
-import { JSXRuntime } from './types';
+import type { JSXRuntime } from './types';
 
 export const jsxPlatformAdapter = (reactJsx: JSXRuntime) => {
   return reactJsx;