From eb8fd2398b4eff70631a972e22d120decf241cdd Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Fri, 14 Apr 2023 09:09:52 +0000 Subject: [PATCH] feat: adopt custom JSX pragma --- ...ct-provider-01464521-6329-44ea-be05-8aa792d0462b.json | 7 +++++++ packages/react-components/react-provider/package.json | 1 + .../components/FluentProvider/renderFluentProvider.tsx | 9 ++++++--- 3 files changed, 14 insertions(+), 3 deletions(-) create mode 100644 change/@fluentui-react-provider-01464521-6329-44ea-be05-8aa792d0462b.json diff --git a/change/@fluentui-react-provider-01464521-6329-44ea-be05-8aa792d0462b.json b/change/@fluentui-react-provider-01464521-6329-44ea-be05-8aa792d0462b.json new file mode 100644 index 0000000000000..dcbe2ea407342 --- /dev/null +++ b/change/@fluentui-react-provider-01464521-6329-44ea-be05-8aa792d0462b.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "feat: adopt custom JSX pragma", + "packageName": "@fluentui/react-provider", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-provider/package.json b/packages/react-components/react-provider/package.json index fd1cdc3881a52..747daabec100d 100644 --- a/packages/react-components/react-provider/package.json +++ b/packages/react-components/react-provider/package.json @@ -38,6 +38,7 @@ "@fluentui/react-tabster": "^9.6.4", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-jsx-runtime": "^9.0.0-alpha.0", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-provider/src/components/FluentProvider/renderFluentProvider.tsx b/packages/react-components/react-provider/src/components/FluentProvider/renderFluentProvider.tsx index 9276aab3c6f29..919c49d34f4c9 100644 --- a/packages/react-components/react-provider/src/components/FluentProvider/renderFluentProvider.tsx +++ b/packages/react-components/react-provider/src/components/FluentProvider/renderFluentProvider.tsx @@ -1,4 +1,8 @@ -import * as React from 'react'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { canUseDOM, getSlotsNext } from '@fluentui/react-utilities'; import { TextDirectionProvider } from '@griffel/react'; import { OverridesProvider_unstable as OverridesProvider, @@ -9,7 +13,6 @@ import { CustomStyleHooksProvider_unstable as CustomStyleHooksProvider, CustomStyleHooksContextValue_unstable as CustomStyleHooksContextValue, } from '@fluentui/react-shared-contexts'; -import { canUseDOM, getSlots } from '@fluentui/react-utilities'; import type { FluentProviderContextValues, FluentProviderState, FluentProviderSlots } from './FluentProvider.types'; /** @@ -19,7 +22,7 @@ export const renderFluentProvider_unstable = ( state: FluentProviderState, contextValues: FluentProviderContextValues, ) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); // Typescript (vscode) incorrectly references the FluentProviderProps.customStyleHooks_unstable // instead of FluentProviderContextValues.customStyleHooks_unstable and thinks it is