chore(xplat): Rename package to react-platform-adapter-preview and ma…

…rk as public (#30826)

.github/CODEOWNERS

@@ -253,7 +253,7 @@ packages/react-components/react-teaching-popover-preview @microsoft/xc-uxe @Mitc
 packages/react-components/react-timepicker-compat @microsoft/teams-prg
 packages/react-components/react-icons-compat @microsoft/cxe-red @tomi-msft
 packages/react-components/react-tag-picker-preview @microsoft/teams-prg
-packages/react-components/react-platform-adapter @microsoft/fluentui-xplat
+packages/react-components/react-platform-adapter-preview @microsoft/fluentui-xplat
 # <%= NX-CODEOWNER-PLACEHOLDER %>
 
 ## Components

apps/xplat-v9/StrictDomDemo.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 
 import { Button } from '@fluentui/react-button';
 import { Label } from '@fluentui/react-label';
-import { getStylesFromClassName, makeStyles, shorthands } from '@fluentui/react-platform-adapter';
+import { getStylesFromClassName, makeStyles, shorthands } from '@fluentui/react-platform-adapter-preview';
 import { FluentProvider } from '@fluentui/react-provider';
 import { tokens, webLightTheme } from '@fluentui/react-theme';
 import { html } from 'react-strict-dom';

apps/xplat-v9/package.json

@@ -20,7 +20,7 @@
   "dependencies": {
     "@fluentui/react-button": "*",
     "@fluentui/react-label": "*",
-    "@fluentui/react-platform-adapter": "*",
+    "@fluentui/react-platform-adapter-preview": "*",
     "@fluentui/react-provider": "*",
     "@fluentui/react-theme": "*",
     "@stylexjs/babel-plugin": "^0.5.1",

change/@fluentui-react-button-b2aa24b8-430d-4123-944d-d78549444e7b.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Hook up Button to react-platform-adapter-preview",
+  "packageName": "@fluentui/react-button",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-platform-adapter-preview-1e128f5d-e9bb-4f72-89b1-95fb134e059c.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Create package react-platform-adapter-preview",
+  "packageName": "@fluentui/react-platform-adapter-preview",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/react-components/react-button/package.json

@@ -38,7 +38,7 @@
     "@fluentui/react-aria": "^9.10.0",
     "@fluentui/react-icons": "^2.0.224",
     "@fluentui/react-jsx-runtime": "^9.0.32",
-    "@fluentui/react-platform-adapter": "^0.0.0",
+    "@fluentui/react-platform-adapter-preview": "^0.0.0",
     "@fluentui/react-shared-contexts": "^9.15.0",
     "@fluentui/react-tabster": "^9.19.3",
     "@fluentui/react-theme": "^9.1.17",

packages/react-components/react-button/src/components/Button/useButtonStyles.styles.ts

@@ -1,7 +1,7 @@
 import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';
 import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
 import { tokens } from '@fluentui/react-theme';
-import { shorthands, makeStyles, makeResetStyles, mergeClasses } from '@fluentui/react-platform-adapter';
+import { shorthands, makeStyles, makeResetStyles, mergeClasses } from '@fluentui/react-platform-adapter-preview';
 import type { SlotClassNames } from '@fluentui/react-utilities';
 import type { ButtonSlots, ButtonState } from './Button.types';
 

packages/react-components/react-jsx-runtime/package.json

@@ -31,7 +31,7 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-platform-adapter": "^0.0.0",
+    "@fluentui/react-platform-adapter-preview": "^0.0.0",
     "@fluentui/react-utilities": "^9.18.3",
     "react-is": "^17.0.2",
     "@swc/helpers": "^0.5.1"

packages/react-components/react-jsx-runtime/src/utils/DevRuntime.ts

@@ -1,5 +1,5 @@
 import * as ReactDevRuntime from 'react/jsx-dev-runtime';
-import { jsxPlatformAdapter } from '@fluentui/react-platform-adapter';
+import { jsxPlatformAdapter } from '@fluentui/react-platform-adapter-preview';
 import type { JSXRuntime } from './types';
 
 export const DevRuntime = {

packages/react-components/react-jsx-runtime/src/utils/Runtime.ts

@@ -1,5 +1,5 @@
 import * as ReactRuntime from 'react/jsx-runtime';
-import { jsxPlatformAdapter } from '@fluentui/react-platform-adapter';
+import { jsxPlatformAdapter } from '@fluentui/react-platform-adapter-preview';
 import type { JSXRuntime } from './types';
 
 export const Runtime = {

packages/react-components/react-label/package.json

@@ -33,7 +33,7 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-platform-adapter": "^0.0.0",
+    "@fluentui/react-platform-adapter-preview": "^0.0.0",
     "@fluentui/react-shared-contexts": "^9.15.0",
     "@fluentui/react-theme": "^9.1.17",
     "@fluentui/react-utilities": "^9.18.3",

packages/react-components/react-label/src/components/Label/useLabelStyles.styles.ts

@@ -1,4 +1,4 @@
-import { makeStyles, mergeClasses } from '@fluentui/react-platform-adapter';
+import { makeStyles, mergeClasses } from '@fluentui/react-platform-adapter-preview';
 import { tokens } from '@fluentui/react-theme';
 import type { LabelSlots, LabelState } from './Label.types';
 import type { SlotClassNames } from '@fluentui/react-utilities';

packages/react-components/react-platform-adapter/LICENSE → packages/react-components/react-platform-adapter-preview/LICENSE

@@ -1,4 +1,4 @@
-@fluentui/react-platform-adapter
+@fluentui/react-platform-adapter-preview
 
 Copyright (c) Microsoft Corporation
 

packages/react-components/react-platform-adapter/README.md → packages/react-components/react-platform-adapter-preview/README.md

@@ -1,3 +1,3 @@
-# @fluentui/react-platform-adapter
+# @fluentui/react-platform-adapter-preview
 
 Contains implementations of functions that need to differ between the react web and react native implementations.

packages/react-components/react-platform-adapter/etc/react-platform-adapter.api.md → packages/react-components/react-platform-adapter-preview/etc/react-platform-adapter-preview.api.md

@@ -1,4 +1,4 @@
-## API Report File for "@fluentui/react-platform-adapter"
+## API Report File for "@fluentui/react-platform-adapter-preview"
 
 > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
 

packages/react-components/react-platform-adapter/jest.config.js → packages/react-components/react-platform-adapter-preview/jest.config.js

@@ -4,7 +4,7 @@
  * @type {import('@jest/types').Config.InitialOptions}
  */
 module.exports = {
-  displayName: 'react-platform-adapter',
+  displayName: 'react-platform-adapter-preview',
   preset: '../../../jest.preset.js',
   transform: {
     '^.+\\.tsx?$': [

packages/react-components/react-platform-adapter/package.json → packages/react-components/react-platform-adapter-preview/package.json

@@ -1,7 +1,7 @@
 {
-  "name": "@fluentui/react-platform-adapter",
+  "name": "@fluentui/react-platform-adapter-preview",
   "version": "0.0.0",
-  "private": true,
+  "private": false,
   "description": "Cross-platform adapters for implementations that differ between web and native",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",

packages/react-components/react-platform-adapter/project.json → packages/react-components/react-platform-adapter-preview/project.json

@@ -1,8 +1,8 @@
 {
-  "name": "@fluentui/react-platform-adapter",
+  "name": "@fluentui/react-platform-adapter-preview",
   "$schema": "../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "library",
-  "sourceRoot": "packages/react-components/react-platform-adapter/src",
+  "sourceRoot": "packages/react-components/react-platform-adapter-preview/src",
   "tags": ["platform:web", "vNext"],
   "implicitDependencies": []
 }

packages/react-components/react-provider/package.json

@@ -34,7 +34,7 @@
   },
   "dependencies": {
     "@fluentui/react-icons": "^2.0.224",
-    "@fluentui/react-platform-adapter": "^0.0.0",
+    "@fluentui/react-platform-adapter-preview": "^0.0.0",
     "@fluentui/react-shared-contexts": "^9.15.0",
     "@fluentui/react-tabster": "^9.19.3",
     "@fluentui/react-theme": "^9.1.17",

packages/react-components/react-provider/src/components/FluentProvider/renderFluentProvider.tsx

@@ -1,7 +1,7 @@
 /** @jsxRuntime automatic */
 /** @jsxImportSource @fluentui/react-jsx-runtime */
 import { canUseDOM, assertSlots } from '@fluentui/react-utilities';
-import { TextDirectionProvider } from '@fluentui/react-platform-adapter';
+import { TextDirectionProvider } from '@fluentui/react-platform-adapter-preview';
 import {
   OverridesProvider_unstable as OverridesProvider,
   Provider_unstable as Provider,
@@ -13,7 +13,7 @@ import {
 } from '@fluentui/react-shared-contexts';
 import type { FluentProviderContextValues, FluentProviderState, FluentProviderSlots } from './FluentProvider.types';
 import { IconDirectionContextProvider } from '@fluentui/react-icons';
-import { XPlatProvider } from '@fluentui/react-platform-adapter';
+import { XPlatProvider } from '@fluentui/react-platform-adapter-preview';
 
 /**
  * Render the final JSX of FluentProvider

packages/react-components/react-provider/src/components/FluentProvider/useFluentProvider.ts

@@ -1,4 +1,4 @@
-import { useRenderer_unstable } from '@fluentui/react-platform-adapter';
+import { useRenderer_unstable } from '@fluentui/react-platform-adapter-preview';
 import { useFocusVisible } from '@fluentui/react-tabster';
 import {
   ThemeContext_unstable as ThemeContext,

packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderStyles.styles.ts

@@ -1,4 +1,4 @@
-import { useRenderer_unstable, makeStylesCore, mergeClasses } from '@fluentui/react-platform-adapter';
+import { useRenderer_unstable, makeStylesCore, mergeClasses } from '@fluentui/react-platform-adapter-preview';
 import { tokens, typographyStyles } from '@fluentui/react-theme';
 import type { FluentProviderSlots, FluentProviderState } from './FluentProvider.types';
 import { SlotClassNames } from '@fluentui/react-utilities';

tsconfig.base.all.json

@@ -132,7 +132,9 @@
       "@fluentui/react-nav-preview": ["packages/react-components/react-nav-preview/src/index.ts"],
       "@fluentui/react-overflow": ["packages/react-components/react-overflow/src/index.ts"],
       "@fluentui/react-persona": ["packages/react-components/react-persona/src/index.ts"],
-      "@fluentui/react-platform-adapter": ["packages/react-components/react-platform-adapter/src/index.ts"],
+      "@fluentui/react-platform-adapter-preview": [
+        "packages/react-components/react-platform-adapter-preview/src/index.ts"
+      ],
       "@fluentui/react-popover": ["packages/react-components/react-popover/src/index.ts"],
       "@fluentui/react-portal": ["packages/react-components/react-portal/src/index.ts"],
       "@fluentui/react-portal-compat": ["packages/react-components/react-portal-compat/src/index.ts"],

tsconfig.base.json

@@ -66,7 +66,9 @@
       "@fluentui/react-nav-preview": ["packages/react-components/react-nav-preview/src/index.ts"],
       "@fluentui/react-overflow": ["packages/react-components/react-overflow/src/index.ts"],
       "@fluentui/react-persona": ["packages/react-components/react-persona/src/index.ts"],
-      "@fluentui/react-platform-adapter": ["packages/react-components/react-platform-adapter/src/index.ts"],
+      "@fluentui/react-platform-adapter-preview": [
+        "packages/react-components/react-platform-adapter-preview/src/index.ts"
+      ],
       "@fluentui/react-popover": ["packages/react-components/react-popover/src/index.ts"],
       "@fluentui/react-portal": ["packages/react-components/react-portal/src/index.ts"],
       "@fluentui/react-portal-compat": ["packages/react-components/react-portal-compat/src/index.ts"],