diff --git a/apps/vr-tests-web-components/.storybook/main.cjs b/apps/vr-tests-web-components/.storybook/main.cjs index a9bba865a5fbd..e59112b8c879b 100644 --- a/apps/vr-tests-web-components/.storybook/main.cjs +++ b/apps/vr-tests-web-components/.storybook/main.cjs @@ -34,6 +34,10 @@ module.exports = /** @type {import('@storybook/react-webpack5').StorybookConfig} config.resolve.plugins = config.resolve.plugins ?? []; config.module = config.module ?? {}; config.plugins = config.plugins ?? []; + config.experiments = { + ...(config.experiments ?? {}), + topLevelAwait: true, + }; config.resolve.extensionAlias = { '.js': ['.js', '.ts', '.tsx'], @@ -45,6 +49,7 @@ module.exports = /** @type {import('@storybook/react-webpack5').StorybookConfig} config.module.rules.push( { test: /\.([cm]?ts|tsx)$/, + type: 'javascript/esm', loader: 'ts-loader', sideEffects: true, options: { diff --git a/apps/vr-tests-web-components/package.json b/apps/vr-tests-web-components/package.json index 026b60422ff0b..679e5e3856241 100644 --- a/apps/vr-tests-web-components/package.json +++ b/apps/vr-tests-web-components/package.json @@ -18,7 +18,7 @@ "html-react-parser": "4.0.0", "@fluentui/tokens": ">=1.0.0-alpha", "@fluentui/web-components": ">=3.0.0-alpha", - "@microsoft/fast-element": "^2.0.0", + "@microsoft/fast-element": "^3.0.0-rc.1", "tslib": "^2.1.0" } } diff --git a/change/@fluentui-chart-web-components-50b97aae-ff24-4aca-9a91-390941c95e54.json b/change/@fluentui-chart-web-components-50b97aae-ff24-4aca-9a91-390941c95e54.json new file mode 100644 index 0000000000000..3e52b3336d49a --- /dev/null +++ b/change/@fluentui-chart-web-components-50b97aae-ff24-4aca-9a91-390941c95e54.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Update FAST Element peer dependency to v3.", + "packageName": "@fluentui/chart-web-components", + "email": "7559015+janechu@users.noreply.github.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-web-components-1e295f01-c5f7-4b8f-b199-3a2502008645.json b/change/@fluentui-web-components-1e295f01-c5f7-4b8f-b199-3a2502008645.json new file mode 100644 index 0000000000000..f7129755af253 --- /dev/null +++ b/change/@fluentui-web-components-1e295f01-c5f7-4b8f-b199-3a2502008645.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Update FAST Element peer dependency to v3.", + "packageName": "@fluentui/web-components", + "email": "7559015+janechu@users.noreply.github.com", + "dependentChangeType": "patch" +} diff --git a/package.json b/package.json index 01af4fd25eec7..2dee2a0326823 100644 --- a/package.json +++ b/package.json @@ -73,7 +73,7 @@ "@microsoft/api-extractor-model": "7.31.2", "@microsoft/eslint-plugin-sdl": "1.0.1", "@microsoft/fast-build": "0.7.0", - "@microsoft/fast-element": "2.10.4", + "@microsoft/fast-element": "3.0.0-rc.1", "@microsoft/fast-html": "1.0.0-alpha.54", "@microsoft/fast-test-harness": "0.3.1", "@microsoft/focusgroup-polyfill": "1.5.0", diff --git a/packages/charts/chart-web-components/.storybook/main.cjs b/packages/charts/chart-web-components/.storybook/main.cjs index 554d378b1e6d5..537c82f3cf09a 100644 --- a/packages/charts/chart-web-components/.storybook/main.cjs +++ b/packages/charts/chart-web-components/.storybook/main.cjs @@ -19,6 +19,11 @@ module.exports = previewUrl: process.env.DEPLOY_PATH, }, viteFinal: async config => { + config.build = { + ...(config.build || {}), + target: 'esnext', + }; + // Configure path aliases config.resolve = config.resolve || {}; config.resolve.alias = { diff --git a/packages/charts/chart-web-components/package.json b/packages/charts/chart-web-components/package.json index f122a77f7342e..468cbe4c52496 100644 --- a/packages/charts/chart-web-components/package.json +++ b/packages/charts/chart-web-components/package.json @@ -78,7 +78,7 @@ "tslib": "^2.1.0" }, "peerDependencies": { - "@microsoft/fast-element": "^2.0.0" + "@microsoft/fast-element": "^3.0.0-rc.1" }, "beachball": { "disallowedChangeTypes": [ diff --git a/packages/charts/chart-web-components/rollup.config.js b/packages/charts/chart-web-components/rollup.config.js index 83e86ddda735e..353a796785178 100644 --- a/packages/charts/chart-web-components/rollup.config.js +++ b/packages/charts/chart-web-components/rollup.config.js @@ -24,7 +24,7 @@ export default [ { file: 'dist/chart-web-components.min.js', format: 'esm', - plugins: [minify()], + plugins: [minify({ target: 'es2022' })], }, ], plugins: [ @@ -32,6 +32,7 @@ export default [ commonJS(), esbuild({ tsconfig: './tsconfig.lib.json', + target: 'es2022', }), transformTaggedTemplate({ tagsToProcess: ['css'], diff --git a/packages/charts/chart-web-components/src/donut-chart/donut-chart.definition.ts b/packages/charts/chart-web-components/src/donut-chart/donut-chart.definition.ts index 3cf608dc04648..d4a3e8dab3e9e 100644 --- a/packages/charts/chart-web-components/src/donut-chart/donut-chart.definition.ts +++ b/packages/charts/chart-web-components/src/donut-chart/donut-chart.definition.ts @@ -8,7 +8,7 @@ import { template } from './donut-chart.template.js'; * @remarks * HTML Element: `` */ -export const definition = DonutChart.compose({ +export const definition = await DonutChart.compose({ name: `${FluentDesignSystem.prefix}-donut-chart`, template, styles, diff --git a/packages/charts/chart-web-components/src/horizontal-bar-chart/horizontal-bar-chart.definition.ts b/packages/charts/chart-web-components/src/horizontal-bar-chart/horizontal-bar-chart.definition.ts index 211c4d0b63c56..63eb1b50e2b9b 100644 --- a/packages/charts/chart-web-components/src/horizontal-bar-chart/horizontal-bar-chart.definition.ts +++ b/packages/charts/chart-web-components/src/horizontal-bar-chart/horizontal-bar-chart.definition.ts @@ -10,7 +10,7 @@ import { template } from './horizontal-bar-chart.template.js'; * @remarks * HTML Element: `` */ -export const definition = HorizontalBarChart.compose({ +export const definition = await HorizontalBarChart.compose({ name: `${FluentDesignSystem.prefix}-horizontal-bar-chart`, template, styles, diff --git a/packages/web-components/.storybook/main.cjs b/packages/web-components/.storybook/main.cjs index 70cc584dac55f..263c1e9461e0d 100644 --- a/packages/web-components/.storybook/main.cjs +++ b/packages/web-components/.storybook/main.cjs @@ -19,6 +19,11 @@ module.exports = previewUrl: process.env.DEPLOY_PATH, }, viteFinal: async config => { + config.build = { + ...(config.build || {}), + target: 'esnext', + }; + // Configure path aliases config.resolve = config.resolve || {}; config.resolve.alias = { diff --git a/packages/web-components/docs/web-components.api.md b/packages/web-components/docs/web-components.api.md index fef7fb412a672..8ca1aa4180ea4 100644 --- a/packages/web-components/docs/web-components.api.md +++ b/packages/web-components/docs/web-components.api.md @@ -1200,7 +1200,7 @@ export const ButtonSize: { export type ButtonSize = ValuesOf; // @public -export const ButtonTemplate: ElementViewTemplate; +export const ButtonTemplate: ElementViewTemplate