diff --git a/.devops/templates/runpublishvrscreenshot.yml b/.devops/templates/runpublishvrscreenshot.yml new file mode 100644 index 0000000000000..05e5de7468c14 --- /dev/null +++ b/.devops/templates/runpublishvrscreenshot.yml @@ -0,0 +1,47 @@ +parameters: + - name: fluentVersion + type: string + default: v8 + - name: storyPackageName + type: string + default: '@fluentui/vr-tests' + - name: storyPackagePath + type: string + default: 'apps/vr-tests' + - name: shouldbuildstorybookaddon + type: boolean + default: false + +steps: + - task: Bash@3 + inputs: + filePath: yarn-ci.sh + displayName: yarn (install packages) + + - script: | + yarn workspace ${{ parameters.storyPackageName }} convert + displayName: Convert screener component to storywright + + - ${{ if eq(parameters.shouldbuildstorybookaddon, 'true') }}: + - script: | + yarn build --to @fluentui/react-storybook-addon + displayName: Build react-storybook-addon + + - script: | + yarn workspace ${{ parameters.storyPackageName }} screener:build + displayName: Build VR tests components package + + - script: | + yarn workspace ${{ parameters.storyPackageName }} test:component --verbose + displayName: 'Run VR tests' + + - script: | + mkdir -p screenshots + cp -rf ${{ parameters.storyPackagePath }}/dist/screenshots/*.png screenshots/ + displayName: Collate Artifacts + + - task: PublishBuildArtifacts@1 + inputs: + PathtoPublish: 'screenshots' + ArtifactName: 'vrscreenshot${{ parameters.fluentVersion }}' + publishLocation: 'Container' diff --git a/.github/ISSUE_TEMPLATE/convergence_epic.md b/.github/ISSUE_TEMPLATE/convergence_epic.md index ca5b1b2522ffe..6aaa5dc4f55a6 100644 --- a/.github/ISSUE_TEMPLATE/convergence_epic.md +++ b/.github/ISSUE_TEMPLATE/convergence_epic.md @@ -1,48 +1,51 @@ --- -name: (internal) Component convergence epic -about: (team member use only) Epic issue tracking convergence of a particular component +name: (internal) Component implementation epic +about: (team member use only) Epic issue tracking implementation of a particular component --- -## Preparation: +💡 When you create a PR for any of the checklist items, add a link to this Epic under the PR's **Related Issues** section. -- [ ] Open UI Research +## Preparation + +- [ ] [Open UI Research](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#open-ui-research) - [link to https://open-ui.org/] -- [ ] Open GitHub issues related to component +- [ ] [Open GitHub issues related to component](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#find-open-issues-on-github) - [link to each issue] -- [ ] react-\* package scaffolded with the right ownership in CODEOWNERS - - [link to package / PR] -- [ ] Component Spec authored and reviewed - - [link to spec in component package / PR] +- [ ] [Create react-\* package and component from template](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#component-package) + - [link to package: https://github.com/microsoft/fluentui/tree/master/packages/react-components/react-(your-component)] +- [ ] (Optional) [Draft implementation](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#draft-implementation) + - [link to draft implementation, if applicable] +- [ ] [Component Spec authored](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#component-spec) and [reviewed](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#spec-review) ## Implementation -[link to react-* package folder] - -- [ ] Component implementation - - [link(s) to component implementation related PRs] -- [ ] Storybook stories - - [link(s) to stories PRs] -- [ ] Add tests: Conformance, Unit, and VR -- add PRs to all - - [ ] Bundle size fixtures - - [ ] Conformance tests - - [ ] Unit tests - - [ ] VR tests - - [ ] Accessibility behavior tests - - [ ] Create an issue and run [manual accessibility tests](https://github.com/microsoft/fluentui/wiki/Manual-Accessibility-Review-Checklist): (issue link) - - [ ] Performance test scenario -- [ ] README.md covering basic usage -- [ ] MIGRATION.md guide (include v8 and v0) +- [ ] [Component implementation](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#implementation) +- [ ] Initial conformance and unit tests (validate basic functionality) +- [ ] [Initial documentation](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#documentation) + - [ ] [Storybook stories](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#storybook-stories) + - [ ] README.md covering basic usage + - [ ] MIGRATION.md guide (include v8 and v0) +- [ ] [Component released as unstable](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#unstable-release) from `@fluentui/react-components/unstable` ## Validation -- [ ] Add and validate in UI Builder -- [ ] Add and validate in docs site -- [ ] Validate with token pipeline -- [ ] Validate in product -- [ ] Finalize migration guide - - [ ] Author codemods +- [ ] [Add tests](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#tests) + - [ ] Unit and conformance tests + - [ ] VR tests + - [ ] Bundle size fixtures + - [ ] Performance test scenario + - [ ] Accessibility behavior tests + - [ ] Create an issue and run [manual accessibility tests](https://github.com/microsoft/fluentui/wiki/Manual-Accessibility-Review-Checklist): [link to issue] +- [ ] [Validate with partners](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#validation) +- [ ] [Finalize documentation](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#finalize-documentation) + - [ ] Review and add any missing storybook stories + - [ ] Finalize migration guide +- [ ] [Component released as stable](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#stable-release) from `@fluentui/react-components` + - [ ] Ensure exports are removed from from `@fluentui/react-components/unstable` + - [ ] In package.json: Remove the alpha/beta tag from the version number in package.json + - [ ] In package.json: Change beachball's `disallowedChangeTypes` to `"major", "prerelease"` diff --git a/apps/perf-test-react-components/package.json b/apps/perf-test-react-components/package.json index 61eab4fa45f9b..d727ad586e01b 100644 --- a/apps/perf-test-react-components/package.json +++ b/apps/perf-test-react-components/package.json @@ -16,11 +16,11 @@ }, "dependencies": { "@griffel/core": "^1.8.1", - "@fluentui/react-avatar": "^9.2.5", - "@fluentui/react-button": "^9.1.7", - "@fluentui/react-provider": "^9.1.6", - "@fluentui/react-spinbutton": "^9.0.7", - "@fluentui/react-theme": "^9.1.1", + "@fluentui/react-avatar": "^9.2.6", + "@fluentui/react-button": "^9.1.8", + "@fluentui/react-provider": "^9.1.7", + "@fluentui/react-spinbutton": "^9.0.8", + "@fluentui/react-theme": "^9.1.2", "@fluentui/scripts": "^1.0.0", "@microsoft/load-themed-styles": "^1.10.26", "flamegrill": "0.2.0", diff --git a/apps/perf-test/package.json b/apps/perf-test/package.json index 13093aea5508c..889f362b38a71 100644 --- a/apps/perf-test/package.json +++ b/apps/perf-test/package.json @@ -15,8 +15,8 @@ "@fluentui/eslint-plugin": "*" }, "dependencies": { - "@fluentui/example-data": "^8.4.2", - "@fluentui/react": "^8.100.0", + "@fluentui/example-data": "^8.4.3", + "@fluentui/react": "^8.101.0", "@fluentui/scripts": "^1.0.0", "@microsoft/load-themed-styles": "^1.10.26", "flamegrill": "0.2.0", diff --git a/apps/public-docsite-resources/package.json b/apps/public-docsite-resources/package.json index 08b252d6d0040..cb55c3ac826fb 100644 --- a/apps/public-docsite-resources/package.json +++ b/apps/public-docsite-resources/package.json @@ -27,20 +27,20 @@ "update-snapshots": "just-scripts jest -u" }, "devDependencies": { - "@fluentui/api-docs": "^8.2.3", + "@fluentui/api-docs": "^8.2.4", "@fluentui/eslint-plugin": "*", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react": "^8.100.0", + "@fluentui/react": "^8.101.0", "@fluentui/react-examples": "^8.34.4", "@microsoft/load-themed-styles": "^1.10.26", - "@fluentui/azure-themes": "^8.5.22", - "@fluentui/react-docsite-components": "^8.10.22", - "@fluentui/font-icons-mdl2": "^8.5.2", - "@fluentui/set-version": "^8.2.2", - "@fluentui/theme-samples": "^8.7.22", - "@fluentui/react-monaco-editor": "^1.7.22", + "@fluentui/azure-themes": "^8.5.23", + "@fluentui/react-docsite-components": "^8.10.23", + "@fluentui/font-icons-mdl2": "^8.5.3", + "@fluentui/set-version": "^8.2.3", + "@fluentui/theme-samples": "^8.7.23", + "@fluentui/react-monaco-editor": "^1.7.23", "office-ui-fabric-core": "^11.0.0", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json index 7d7a16e4023ce..5a8fc3766ab61 100644 --- a/apps/public-docsite-v9/package.json +++ b/apps/public-docsite-v9/package.json @@ -21,14 +21,14 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react": "^8.100.0", + "@fluentui/react": "^8.101.0", "@fluentui/react-northstar": "^0.64.0", "@fluentui/react-icons-northstar": "^0.64.0", "@fluentui/scripts": "^1.0.0", "@fluentui/storybook": "^1.0.0", - "@fluentui/react-components": "^9.6.3", + "@fluentui/react-components": "^9.7.0", "@fluentui/react-storybook-addon": "^9.0.0-rc.1", - "@fluentui/react-theme": "^9.1.1", + "@fluentui/react-theme": "^9.1.2", "@griffel/react": "^1.4.2", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/public-docsite-v9/src/Concepts/SSR/SSR.stories.mdx b/apps/public-docsite-v9/src/Concepts/SSR/SSR.stories.mdx index 80298c59e914f..dbf8cb26b6d56 100644 --- a/apps/public-docsite-v9/src/Concepts/SSR/SSR.stories.mdx +++ b/apps/public-docsite-v9/src/Concepts/SSR/SSR.stories.mdx @@ -7,6 +7,65 @@ import { SSRDefaultOpen } from './MenuSSRDefaultOpen.stories'; Fluent UI React v9 fully supports Server-Side Rendering. +### Basic setup + +For any setup using SSR, you need to provide a `RendererProvider`, `SSRProvider` and `ThemeProvider` in the root file of your app. If these providers are not added, there will be issues when hydrating. See the following example: + +```tsx +import * as React from 'react'; +import * as ReactDOM from 'react-dom/server'; +import { + createDOMRenderer, + FluentProvider, + makeStyles, + RendererProvider, + renderToStyleElements, + SSRProvider, + webLightTheme, +} from '@fluentui/react-components'; + +const useExampleStyles = makeStyles({ + root: { + color: 'red', + }, +}); + +const ExampleComponent: React.FC = () => { + const classes = useExampleStyles(); + + return
Hello world
; +}; + +const server = express(); + +server.get('/', (req, res) => { + const renderer = createDOMRenderer(); + + const html = ReactDOM.renderToString( + + + + + + + , + ); + + res.send(` + + + ${renderToStyleElements(renderer)} + + +
${html}
+ + + `); +}); + +server.listen(3000, 'localhost'); +``` + ### Next.js For basic instructions on getting Next.js set up, see [Getting Started](https://nextjs.org/docs/getting-started). diff --git a/apps/public-docsite-v9/src/DocsComponents/ThemePicker.stories.tsx b/apps/public-docsite-v9/src/DocsComponents/ThemePicker.stories.tsx index 4d545853fb611..8dde44a995a12 100644 --- a/apps/public-docsite-v9/src/DocsComponents/ThemePicker.stories.tsx +++ b/apps/public-docsite-v9/src/DocsComponents/ThemePicker.stories.tsx @@ -32,15 +32,18 @@ const useStyles = makeStyles({ */ export const ThemePicker: React.FC<{ selectedThemeId?: string }> = ({ selectedThemeId }) => { const styles = useStyles(); + const [currentThemeId, setCurrentThemeId] = React.useState(selectedThemeId ?? null); const setGlobalTheme = (themeId: ThemeIds): void => { addons.getChannel().emit('updateGlobals', { globals: { [THEME_ID]: themeId } }); }; const onCheckedValueChange: MenuProps['onCheckedValueChange'] = (e, data) => { - setGlobalTheme(data.checkedItems[0] as ThemeIds); + const newThemeId = data.checkedItems[0] as ThemeIds; + setGlobalTheme(newThemeId); + setCurrentThemeId(newThemeId); }; - const selectedTheme = themes.find(theme => theme.id === selectedThemeId); + const selectedTheme = themes.find(theme => theme.id === currentThemeId); return ( { let css = ''; selectors.forEach(selector => { - css += `${selector} { background-color: ${choice(colors)}; }\n`; + css += `${selector} { background-color: ${choice(colors)}; transition-duration: 0ms; }\n`; }); return css; diff --git a/apps/stress-test/src/shared/react/TestMount.tsx b/apps/stress-test/src/shared/react/TestMount.tsx index d766953f1f0dd..94490901b69a0 100644 --- a/apps/stress-test/src/shared/react/TestMount.tsx +++ b/apps/stress-test/src/shared/react/TestMount.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; import { styleInjector } from '../css/injectStyles'; -// import { requestPostAnimationFrame } from '../utils/requestPostAnimationFrame'; import { ReactSelectorTree } from './ReactSelectorTree'; import type { TestProps } from './types'; diff --git a/apps/stress-test/src/shared/utils/performanceMeasure.ts b/apps/stress-test/src/shared/utils/performanceMeasure.ts index 43d7af07a3fff..5ca5df31d6711 100644 --- a/apps/stress-test/src/shared/utils/performanceMeasure.ts +++ b/apps/stress-test/src/shared/utils/performanceMeasure.ts @@ -1,11 +1,11 @@ -import { requestPostAnimationFrame } from './requestPostAnimationFrame'; +import afterframe from 'afterframe'; export type PerformanceMeasureFn = (measureName?: string, startMark?: string) => void; export const performanceMeasure: PerformanceMeasureFn = (measureName = 'stress', startMark = 'start') => { performance.mark(startMark); - requestPostAnimationFrame(() => { + afterframe(() => { performance.measure(measureName, startMark); }); }; diff --git a/apps/stress-test/src/shared/utils/requestPostAnimationFrame.ts b/apps/stress-test/src/shared/utils/requestPostAnimationFrame.ts deleted file mode 100644 index 1380db348d6a4..0000000000000 --- a/apps/stress-test/src/shared/utils/requestPostAnimationFrame.ts +++ /dev/null @@ -1,6 +0,0 @@ -export const requestPostAnimationFrame = (callback: Function): void => { - requestAnimationFrame(() => { - addEventListener('message', _ => callback(), { once: true }); - postMessage('', '*'); - }); -}; diff --git a/apps/stress-test/src/shared/vanilla/TestMount.ts b/apps/stress-test/src/shared/vanilla/TestMount.ts index bee5e4275ca68..6eaa6439b4524 100644 --- a/apps/stress-test/src/shared/vanilla/TestMount.ts +++ b/apps/stress-test/src/shared/vanilla/TestMount.ts @@ -3,7 +3,7 @@ import { SelectorTreeNode } from '../tree/types'; import { DOMSelectorTreeComponentRenderer } from './types'; import { renderVanillaSelectorTree } from './VanillaSelectorTree'; import { styleInjector } from '../css/injectStyles'; -import { requestPostAnimationFrame } from '../utils/requestPostAnimationFrame'; +import afterframe from 'afterframe'; export const testMount = ( tree: SelectorTreeNode, @@ -19,7 +19,7 @@ export const testMount = ( const vanillaTree = renderVanillaSelectorTree(tree, selectors, componentRenderer, testOptions); - requestPostAnimationFrame(() => { + afterframe(() => { performance.measure('stress', 'start'); }); return vanillaTree; diff --git a/apps/theming-designer/package.json b/apps/theming-designer/package.json index d83790a2c4540..3a144f6a80e51 100644 --- a/apps/theming-designer/package.json +++ b/apps/theming-designer/package.json @@ -18,13 +18,13 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react": "^8.100.0", - "@fluentui/merge-styles": "^8.5.3", - "@fluentui/react-docsite-components": "^8.10.22", - "@fluentui/foundation-legacy": "^8.2.22", - "@fluentui/scheme-utilities": "^8.3.18", - "@fluentui/set-version": "^8.2.2", - "@fluentui/font-icons-mdl2": "^8.5.2", + "@fluentui/react": "^8.101.0", + "@fluentui/merge-styles": "^8.5.4", + "@fluentui/react-docsite-components": "^8.10.23", + "@fluentui/foundation-legacy": "^8.2.23", + "@fluentui/scheme-utilities": "^8.3.19", + "@fluentui/set-version": "^8.2.3", + "@fluentui/font-icons-mdl2": "^8.5.3", "@microsoft/load-themed-styles": "^1.10.26", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/ts-minbar-test-react-components/package.json b/apps/ts-minbar-test-react-components/package.json index 3b05b292433ea..b70d4dbd99a7f 100644 --- a/apps/ts-minbar-test-react-components/package.json +++ b/apps/ts-minbar-test-react-components/package.json @@ -5,7 +5,7 @@ "description": "Testing Fluent UI React Components compatibility with Typescript 3.9", "license": "MIT", "dependencies": { - "@fluentui/react-components": "^9.6.3" + "@fluentui/react-components": "^9.7.0" }, "scripts": { "build": "just-scripts build", diff --git a/apps/ts-minbar-test-react/package.json b/apps/ts-minbar-test-react/package.json index e9403e36fb79c..7e10b51289fbd 100644 --- a/apps/ts-minbar-test-react/package.json +++ b/apps/ts-minbar-test-react/package.json @@ -5,7 +5,7 @@ "description": "Testing Fluent UI React compatibility with Typescript 3.9", "license": "MIT", "dependencies": { - "@fluentui/react": "^8.100.0" + "@fluentui/react": "^8.101.0" }, "scripts": { "build": "just-scripts build", diff --git a/apps/ts-minbar-test-react/src/index.ts b/apps/ts-minbar-test-react/src/index.ts index 0e9615a608115..0a69769a568e2 100644 --- a/apps/ts-minbar-test-react/src/index.ts +++ b/apps/ts-minbar-test-react/src/index.ts @@ -22,7 +22,7 @@ async function performTest() { // Install dependencies, using the minimum TS version supported for consumers const dependencies = [ - '@types/node', + '@types/node@14', '@types/react@17', '@types/react-dom@17', 'react@17', diff --git a/apps/vr-tests-react-components/convertStoriesToStoryWright.sh b/apps/vr-tests-react-components/convertStoriesToStoryWright.sh old mode 100755 new mode 100644 index 25f44d9375e18..ad72565d39bcc --- a/apps/vr-tests-react-components/convertStoriesToStoryWright.sh +++ b/apps/vr-tests-react-components/convertStoriesToStoryWright.sh @@ -1,5 +1,23 @@ #!/usr/bin/env bash -set -x -find ./src/stories/ -type f | xargs sed -i "s/import.*Screener.*screener'/import { StoryWright, Steps } from 'storywright'/g" -find ./src/stories/ -type f | xargs sed -i "s/Screener.Steps/Steps/g" -find ./src/stories/ -type f | xargs sed -i "s/Screener/StoryWright/g" + +find ./src -type f |while read fname; do + impor="" + if grep -q "screener-storybook" $fname; then + echo "$fname" + if grep -q "/StoryWright>/g" diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json index 9743e4411c7ea..3c666a63c68e0 100644 --- a/apps/vr-tests-react-components/package.json +++ b/apps/vr-tests-react-components/package.json @@ -19,44 +19,45 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/scripts": "^1.0.0", - "storywright": "0.0.23-beta.6" + "storywright": "0.0.25" }, "dependencies": { - "@fluentui/react-accordion": "^9.0.10", - "@fluentui/react-avatar": "^9.2.5", - "@fluentui/react-badge": "^9.0.11", - "@fluentui/react-button": "^9.1.7", - "@fluentui/react-card": "9.0.0-beta.31", - "@fluentui/react-checkbox": "^9.0.11", - "@fluentui/react-dialog": "^9.1.0", - "@fluentui/react-divider": "^9.1.3", - "@fluentui/react-field": "9.0.0-alpha.7", + "@fluentui/react-accordion": "^9.0.11", + "@fluentui/react-avatar": "^9.2.6", + "@fluentui/react-badge": "^9.0.12", + "@fluentui/react-button": "^9.1.8", + "@fluentui/react-card": "9.0.0-beta.32", + "@fluentui/react-checkbox": "^9.0.12", + "@fluentui/react-combobox": "^9.0.0-beta.15", + "@fluentui/react-dialog": "^9.1.1", + "@fluentui/react-divider": "^9.1.4", + "@fluentui/react-field": "9.0.0-alpha.8", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-image": "^9.0.10", - "@fluentui/react-input": "^9.2.4", - "@fluentui/react-label": "^9.0.9", - "@fluentui/react-link": "^9.0.10", - "@fluentui/react-menu": "^9.4.0", - "@fluentui/react-persona": "9.1.0-beta.2", - "@fluentui/react-popover": "^9.3.0", - "@fluentui/react-positioning": "^9.3.0", - "@fluentui/react-progress": "9.0.0-alpha.4", - "@fluentui/react-provider": "^9.1.6", - "@fluentui/react-radio": "^9.0.10", - "@fluentui/react-select": "9.0.0-beta.13", - "@fluentui/react-shared-contexts": "^9.1.0", - "@fluentui/react-slider": "^9.0.9", - "@fluentui/react-spinner": "^9.0.9", - "@fluentui/react-spinbutton": "^9.0.7", + "@fluentui/react-image": "^9.0.11", + "@fluentui/react-input": "^9.2.5", + "@fluentui/react-label": "^9.0.10", + "@fluentui/react-link": "^9.0.11", + "@fluentui/react-menu": "^9.4.1", + "@fluentui/react-persona": "9.1.0-beta.3", + "@fluentui/react-popover": "^9.3.1", + "@fluentui/react-positioning": "^9.3.1", + "@fluentui/react-progress": "9.0.0-alpha.5", + "@fluentui/react-provider": "^9.1.7", + "@fluentui/react-radio": "^9.0.11", + "@fluentui/react-select": "9.0.0-beta.14", + "@fluentui/react-shared-contexts": "^9.1.1", + "@fluentui/react-slider": "^9.0.10", + "@fluentui/react-spinner": "^9.0.10", + "@fluentui/react-spinbutton": "^9.0.8", "@fluentui/react-storybook-addon": "^9.0.0-rc.1", - "@fluentui/react-switch": "^9.0.10", - "@fluentui/react-tabs": "^9.0.10", - "@fluentui/react-table": "9.0.0-alpha.10", - "@fluentui/react-text": "^9.1.5", - "@fluentui/react-textarea": "^9.1.4", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-tooltip": "^9.1.0", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-switch": "^9.0.11", + "@fluentui/react-tabs": "^9.1.0", + "@fluentui/react-table": "9.0.0-alpha.11", + "@fluentui/react-text": "^9.1.6", + "@fluentui/react-textarea": "^9.1.5", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-tooltip": "^9.1.1", + "@fluentui/react-utilities": "^9.2.1", "@fluentui/scripts": "^1.0.0", "@griffel/react": "^1.4.2", "react": "17.0.2", diff --git a/apps/vr-tests-react-components/src/stories/Accordion.stories.tsx b/apps/vr-tests-react-components/src/stories/Accordion.stories.tsx deleted file mode 100644 index 4fee9cf87f3a8..0000000000000 --- a/apps/vr-tests-react-components/src/stories/Accordion.stories.tsx +++ /dev/null @@ -1,161 +0,0 @@ -import { storiesOf } from '@storybook/react'; -import * as React from 'react'; -import Screener from 'screener-storybook/src/screener'; -import { Accordion, AccordionItem, AccordionHeader, AccordionPanel } from '@fluentui/react-accordion'; -import { CircleRegular } from '@fluentui/react-icons'; - -storiesOf('Accordion Converged', module) - .addDecorator(story => ( - -
- {story()} -
-
- )) - - .addStory( - 'visibility+focus', - () => ( - - - Opened - Opened Panel - - - Closed - Closed Panel - - - ), - { includeRtl: true, includeHighContrast: true, includeDarkMode: true }, - ); - -storiesOf('Accordion Converged', module) - .addDecorator(story => ( - -
- {story()} -
-
- )) - - .addStory( - 'size', - () => ( - - - Small - Small Panel - - - Medium - Medium Panel - - - Large - Large Panel - - - Extra Large - Extra Large Panel - - - ), - { includeRtl: true }, - ) - .addStory( - 'expandIconPosition="end"', - () => ( - - - Opened - Visible Panel - - - Closed - Hidden Panel - - - ), - { includeRtl: true }, - ) - .addStory( - 'expandIcon=""', - () => ( - - - } expandIconPosition="start"> - Expand Icon Start - - Expand Icon Start Panel - - - } expandIconPosition="end"> - Expand Icon End - - Expand Icon End Panel - - - } expandIconPosition="end"> - Expand Icon Inline End - - Expand Icon Inline End Panel - - - ), - { includeRtl: true, includeHighContrast: true, includeDarkMode: true }, - ) - .addStory( - 'icon=""', - () => ( - - - } expandIconPosition="start"> - Icon Start - - Icon Start Panel - - - } expandIconPosition="end"> - Icon End - - Icon End Panel - - - } expandIconPosition="end"> - Icon Inline End - - Icon Inline End Panel - - - ), - { includeRtl: true }, - ) - .addStory( - 'disabled', - () => ( - - - Disabled Item Opened - Disabled Item Opened Panel - - - Disabled Item Closed - Disabled Item Closed Panel - - - Disabled Item ClosedInline - Disabled Item ClosedInline Panel - - - ), - { includeHighContrast: true, includeDarkMode: true }, - ); diff --git a/apps/vr-tests-react-components/src/stories/Accordion/Accordion.stories.tsx b/apps/vr-tests-react-components/src/stories/Accordion/Accordion.stories.tsx new file mode 100644 index 0000000000000..611d822aa403a --- /dev/null +++ b/apps/vr-tests-react-components/src/stories/Accordion/Accordion.stories.tsx @@ -0,0 +1,140 @@ +import * as React from 'react'; +import Screener from 'screener-storybook/src/screener'; +import { Accordion, AccordionItem, AccordionHeader, AccordionPanel } from '@fluentui/react-accordion'; +import { CircleRegular } from '@fluentui/react-icons'; +import { ComponentMeta } from '@storybook/react'; +import { getStoryVariant, DARK_MODE, HIGH_CONTRAST, RTL } from '../../utilities'; + +export default { + title: 'Accordion Converged', + + decorators: [ + story => ( + +
+ {story()} +
+
+ ), + ], +} as ComponentMeta; + +export const Size = () => ( + + + Small + Small Panel + + + Medium + Medium Panel + + + Large + Large Panel + + + Extra Large + Extra Large Panel + + +); + +Size.storyName = 'size'; + +export const SizeRTL = getStoryVariant(Size, RTL); + +export const ExpandIconPositionEnd = () => ( + + + Opened + Visible Panel + + + Closed + Hidden Panel + + +); + +ExpandIconPositionEnd.storyName = 'expandIconPosition="end"'; + +export const ExpandIconPositionEndRTL = getStoryVariant(ExpandIconPositionEnd, RTL); + +export const ExpandIconIcon = () => ( + + + } expandIconPosition="start"> + Expand Icon Start + + Expand Icon Start Panel + + + } expandIconPosition="end"> + Expand Icon End + + Expand Icon End Panel + + + } expandIconPosition="end"> + Expand Icon Inline End + + Expand Icon Inline End Panel + + +); + +ExpandIconIcon.storyName = 'expandIcon=""'; + +export const ExpandIconIconDarkMode = getStoryVariant(ExpandIconIcon, DARK_MODE); +export const ExpandIconIconHighContrast = getStoryVariant(ExpandIconIcon, HIGH_CONTRAST); +export const ExpandIconIconRTL = getStoryVariant(ExpandIconIcon, RTL); + +export const IconIcon = () => ( + + + } expandIconPosition="start"> + Icon Start + + Icon Start Panel + + + } expandIconPosition="end"> + Icon End + + Icon End Panel + + + } expandIconPosition="end"> + Icon Inline End + + Icon Inline End Panel + + +); + +IconIcon.storyName = 'icon=""'; + +export const IconIconRTL = getStoryVariant(IconIcon, RTL); + +export const Disabled = () => ( + + + Disabled Item Opened + Disabled Item Opened Panel + + + Disabled Item Closed + Disabled Item Closed Panel + + + Disabled Item ClosedInline + Disabled Item ClosedInline Panel + + +); + +Disabled.storyName = 'disabled'; + +export const DisabledDarkMode = getStoryVariant(Disabled, DARK_MODE); +export const DisabledHighContrast = getStoryVariant(Disabled, HIGH_CONTRAST); diff --git a/apps/vr-tests-react-components/src/stories/Accordion/AccordionFocusInteractions.stories.tsx b/apps/vr-tests-react-components/src/stories/Accordion/AccordionFocusInteractions.stories.tsx new file mode 100644 index 0000000000000..81c0afc7df01a --- /dev/null +++ b/apps/vr-tests-react-components/src/stories/Accordion/AccordionFocusInteractions.stories.tsx @@ -0,0 +1,46 @@ +import * as React from 'react'; +import Screener from 'screener-storybook/src/screener'; +import { Accordion, AccordionItem, AccordionHeader, AccordionPanel } from '@fluentui/react-accordion'; +import { ComponentMeta } from '@storybook/react'; +import { getStoryVariant, DARK_MODE, HIGH_CONTRAST, RTL } from '../../utilities'; + +export default { + title: 'Accordion Converged', + + decorators: [ + story => ( + +
+ {story()} +
+
+ ), + ], +} as ComponentMeta; + +export const VisibilityFocus = () => ( + + + Opened + Opened Panel + + + Closed + Closed Panel + + +); + +VisibilityFocus.storyName = 'visibility+focus'; + +export const VisibilityFocusDarkMode = getStoryVariant(VisibilityFocus, DARK_MODE); +export const VisibilityFocusHighContrast = getStoryVariant(VisibilityFocus, HIGH_CONTRAST); +export const VisibilityFocusRTL = getStoryVariant(VisibilityFocus, RTL); diff --git a/apps/vr-tests-react-components/src/stories/Avatar.stories.tsx b/apps/vr-tests-react-components/src/stories/Avatar.stories.tsx index f19cc9bb55fae..fa930d180baf4 100644 --- a/apps/vr-tests-react-components/src/stories/Avatar.stories.tsx +++ b/apps/vr-tests-react-components/src/stories/Avatar.stories.tsx @@ -42,7 +42,7 @@ const nameAndImage = [ /** Arrays of example values for each Avatar prop */ const examples = { size: [16, 20, 24, 28, 32, 36, 40, 48, 56, 64, 72, 96, 120, 128], - nameAndImage: nameAndImage, + nameAndImage, name: nameAndImage.map(p => p.name), image: nameAndImage.map(p => p.image), badge: [ @@ -161,6 +161,29 @@ const AvatarCustomSizeList: React.FC< ); }; +const AvatarColors: React.FC> = props => { + const rowStyles = { display: 'flex', flexDirection: 'row', flexWrap: 'wrap', gap: '12px', padding: '12px' } as const; + + return ( +
+
+ + +
+
+ {examples.name.map(name => ( + + ))} +
+
+ {examples.namedColors.map(color => ( + + ))} +
+
+ ); +}; + storiesOf('Avatar Converged', module) .addDecorator(story => (
@@ -209,30 +232,12 @@ storiesOf('Avatar Converged', module) )) .addStory('customSize+icon+active', () => ) - .addStory( - 'color', - () => { - const rowStyles: React.CSSProperties = { display: 'flex', flexWrap: 'wrap', gap: '8px' }; - - return ( -
-
- - -
-
- {examples.name.map(name => ( - - ))} -
-
- {examples.namedColors.map(color => ( - - ))} -
-
- ); - }, - { includeHighContrast: true, includeDarkMode: true }, - ) + .addStory('color', () => , { + includeHighContrast: true, + includeDarkMode: true, + }) + .addStory('color+active', () => , { + includeHighContrast: true, + includeDarkMode: true, + }) .addStory('image-bad-url', () => ); diff --git a/apps/vr-tests-react-components/src/stories/Dialog.stories.tsx b/apps/vr-tests-react-components/src/stories/Dialog.stories.tsx deleted file mode 100644 index 98ccf2836eb63..0000000000000 --- a/apps/vr-tests-react-components/src/stories/Dialog.stories.tsx +++ /dev/null @@ -1,411 +0,0 @@ -import * as React from 'react'; -import { storiesOf } from '@storybook/react'; -import { - Dialog, - DialogActions, - DialogBody, - DialogContent, - DialogSurface, - DialogTitle, - DialogTrigger, -} from '@fluentui/react-dialog'; -import { Button } from '@fluentui/react-button'; -import { Rocket24Regular } from '@fluentui/react-icons'; - -storiesOf('Dialog', module) - .addStory( - 'default', - () => ( - - - - - - - Dialog title - - Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque - est dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure - cumque eaque? - - - - - - - - - - - ), - { includeDarkMode: true, includeHighContrast: true, includeRtl: true }, - ) - .addStory( - 'non-modal', - () => ( - - - - - - - Dialog title - - Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque - est dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure - cumque eaque? - - - - - - - - - - - ), - { includeDarkMode: true, includeHighContrast: true, includeRtl: true }, - ) - .addStory( - 'alert', - () => ( - - - - - - - Dialog title - - Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque - est dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure - cumque eaque? - - - - - - - - - - - ), - { includeDarkMode: true, includeHighContrast: true, includeRtl: true }, - ) - .addStory( - 'actions position start', - () => ( - - - - - - - Dialog title - - Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque - est dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure - cumque eaque? - - - - - - - - - - - ), - { includeDarkMode: true, includeHighContrast: true, includeRtl: true }, - ) - .addStory( - 'actions position start & position end', - () => ( - - - - - - - Dialog title - - Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque - est dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure - cumque eaque? - - - - - - - - - - - - - - - - ), - { includeDarkMode: true, includeHighContrast: true, includeRtl: true }, - ) - .addStory( - 'no actions', - () => ( - - - - - - - Dialog title - - Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque - est dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure - cumque eaque? - - - - - ), - { includeDarkMode: true, includeHighContrast: true, includeRtl: true }, - ) - .addStory( - 'no title', - () => ( - - - - - - - - Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque - est dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure - cumque eaque? - - - - - - - - - - - ), - { includeDarkMode: true, includeHighContrast: true, includeRtl: true }, - ) - .addStory( - 'no title & no actions', - () => ( - - - - - - - - Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque - est dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure - cumque eaque? - - - - - ), - { includeDarkMode: true, includeHighContrast: true, includeRtl: true }, - ) - .addStory( - 'title custom action', - () => ( - - - - - - - } />}> - Dialog title - - - Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid, explicabo repudiandae impedit doloribus - laborum quidem maxime dolores perspiciatis non ipsam, nostrum commodi quis autem sequi, incidunt cum? - Consequuntur, repellendus nostrum? - - - - - ), - { includeDarkMode: true, includeHighContrast: true, includeRtl: true }, - ) - .addStory( - 'nested', - () => ( - - - - - - - Dialog title - - - - - - - - Inner dialog title - - ⛔️ just because you can doesn't mean you should have nested dialogs ⛔️ - - - - - - - - - - - - - - ), - { includeDarkMode: true, includeHighContrast: true, includeRtl: true }, - ) - .addStory( - 'scroll long content', - () => ( - - - - - - - Dialog title - -

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et - dolore magna aliqua. Nisl pretium fusce id velit ut tortor. Leo vel fringilla est ullamcorper. Eget est - lorem ipsum dolor sit amet consectetur adipiscing elit. In mollis nunc sed id semper risus in hendrerit - gravida. Ullamcorper sit amet risus nullam eget felis eget. Dolor sed viverra ipsum nunc aliquet - bibendum. Facilisi morbi tempus iaculis urna id volutpat. Porta non pulvinar neque laoreet suspendisse. - Nunc id cursus metus aliquam eleifend mi in. A iaculis at erat pellentesque adipiscing commodo. Proin - nibh nisl condimentum id. In hac habitasse platea dictumst vestibulum rhoncus est. Non tellus orci ac - auctor augue mauris augue neque. Enim nulla aliquet porttitor lacus luctus accumsan tortor. Nascetur - ridiculus mus mauris vitae ultricies leo integer. Ullamcorper eget nulla facilisi etiam dignissim. Leo - in vitae turpis massa sed elementum tempus egestas sed. -

-

- Ut enim blandit volutpat maecenas volutpat. Venenatis urna cursus eget nunc scelerisque viverra mauris. - Neque aliquam vestibulum morbi blandit. Porttitor eget dolor morbi non. Nisi quis eleifend quam - adipiscing vitae. Aliquam ultrices sagittis orci a scelerisque purus semper. Interdum varius sit amet - mattis vulputate enim nulla aliquet. Ut sem viverra aliquet eget sit amet tellus cras. Sit amet tellus - cras adipiscing enim eu turpis egestas. Amet cursus sit amet dictum sit amet justo donec enim. Neque - gravida in fermentum et sollicitudin ac. Arcu cursus euismod quis viverra nibh cras pulvinar mattis - nunc. Ultrices eros in cursus turpis massa tincidunt dui. Nisl rhoncus mattis rhoncus urna neque viverra - justo. Odio pellentesque diam volutpat commodo sed egestas. Nunc mi ipsum faucibus vitae aliquet nec - ullamcorper. Ipsum nunc aliquet bibendum enim. Faucibus ornare suspendisse sed nisi lacus sed. Sapien - nec sagittis aliquam malesuada bibendum arcu vitae elementum. Metus vulputate eu scelerisque felis - imperdiet. -

-

- Consequat interdum varius sit amet mattis vulputate enim. Amet cursus sit amet dictum sit amet justo. - Eget aliquet nibh praesent tristique magna sit. Ut consequat semper viverra nam libero justo. Pharetra - massa massa ultricies mi. Sem viverra aliquet eget sit amet. Pulvinar mattis nunc sed blandit libero - volutpat sed. Pharetra diam sit amet nisl suscipit adipiscing bibendum. Consectetur adipiscing elit ut - aliquam. Volutpat diam ut venenatis tellus in metus vulputate. Scelerisque in dictum non consectetur a - erat. Venenatis lectus magna fringilla urna porttitor rhoncus. Vitae congue mauris rhoncus aenean vel - elit. Neque laoreet suspendisse interdum consectetur. Ultrices gravida dictum fusce ut placerat orci. - Bibendum ut tristique et egestas quis ipsum suspendisse. Mattis rhoncus urna neque viverra justo nec - ultrices dui. Elit duis tristique sollicitudin nibh sit amet. -

-

- At risus viverra adipiscing at. Interdum posuere lorem ipsum dolor sit amet consectetur adipiscing elit. - Nunc vel risus commodo viverra maecenas. Sit amet est placerat in egestas erat imperdiet sed euismod. - Turpis egestas maecenas pharetra convallis posuere. Egestas tellus rutrum tellus pellentesque eu - tincidunt tortor aliquam. Dolor sit amet consectetur adipiscing elit. Aliquam purus sit amet luctus - venenatis lectus magna fringilla. Scelerisque fermentum dui faucibus in ornare quam viverra. Egestas - maecenas pharetra convallis posuere morbi leo urna. A diam sollicitudin tempor id eu nisl nunc. Lectus - sit amet est placerat. -

-

- Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. At tellus at urna - condimentum mattis pellentesque id nibh. Dui faucibus in ornare quam. Tincidunt id aliquet risus feugiat - in ante metus dictum. Adipiscing commodo elit at imperdiet dui. Dolor sed viverra ipsum nunc. Sodales - neque sodales ut etiam sit amet nisl. Hendrerit dolor magna eget est lorem ipsum dolor sit amet. Mattis - molestie a iaculis at erat pellentesque adipiscing. Adipiscing elit duis tristique sollicitudin nibh sit - amet commodo nulla. Fringilla urna porttitor rhoncus dolor purus. -

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et - dolore magna aliqua. Nisl pretium fusce id velit ut tortor. Leo vel fringilla est ullamcorper. Eget est - lorem ipsum dolor sit amet consectetur adipiscing elit. In mollis nunc sed id semper risus in hendrerit - gravida. Ullamcorper sit amet risus nullam eget felis eget. Dolor sed viverra ipsum nunc aliquet - bibendum. Facilisi morbi tempus iaculis urna id volutpat. Porta non pulvinar neque laoreet suspendisse. - Nunc id cursus metus aliquam eleifend mi in. A iaculis at erat pellentesque adipiscing commodo. Proin - nibh nisl condimentum id. In hac habitasse platea dictumst vestibulum rhoncus est. Non tellus orci ac - auctor augue mauris augue neque. Enim nulla aliquet porttitor lacus luctus accumsan tortor. Nascetur - ridiculus mus mauris vitae ultricies leo integer. Ullamcorper eget nulla facilisi etiam dignissim. Leo - in vitae turpis massa sed elementum tempus egestas sed. -

-

- Ut enim blandit volutpat maecenas volutpat. Venenatis urna cursus eget nunc scelerisque viverra mauris. - Neque aliquam vestibulum morbi blandit. Porttitor eget dolor morbi non. Nisi quis eleifend quam - adipiscing vitae. Aliquam ultrices sagittis orci a scelerisque purus semper. Interdum varius sit amet - mattis vulputate enim nulla aliquet. Ut sem viverra aliquet eget sit amet tellus cras. Sit amet tellus - cras adipiscing enim eu turpis egestas. Amet cursus sit amet dictum sit amet justo donec enim. Neque - gravida in fermentum et sollicitudin ac. Arcu cursus euismod quis viverra nibh cras pulvinar mattis - nunc. Ultrices eros in cursus turpis massa tincidunt dui. Nisl rhoncus mattis rhoncus urna neque viverra - justo. Odio pellentesque diam volutpat commodo sed egestas. Nunc mi ipsum faucibus vitae aliquet nec - ullamcorper. Ipsum nunc aliquet bibendum enim. Faucibus ornare suspendisse sed nisi lacus sed. Sapien - nec sagittis aliquam malesuada bibendum arcu vitae elementum. Metus vulputate eu scelerisque felis - imperdiet. -

-

- Consequat interdum varius sit amet mattis vulputate enim. Amet cursus sit amet dictum sit amet justo. - Eget aliquet nibh praesent tristique magna sit. Ut consequat semper viverra nam libero justo. Pharetra - massa massa ultricies mi. Sem viverra aliquet eget sit amet. Pulvinar mattis nunc sed blandit libero - volutpat sed. Pharetra diam sit amet nisl suscipit adipiscing bibendum. Consectetur adipiscing elit ut - aliquam. Volutpat diam ut venenatis tellus in metus vulputate. Scelerisque in dictum non consectetur a - erat. Venenatis lectus magna fringilla urna porttitor rhoncus. Vitae congue mauris rhoncus aenean vel - elit. Neque laoreet suspendisse interdum consectetur. Ultrices gravida dictum fusce ut placerat orci. - Bibendum ut tristique et egestas quis ipsum suspendisse. Mattis rhoncus urna neque viverra justo nec - ultrices dui. Elit duis tristique sollicitudin nibh sit amet. -

-

- At risus viverra adipiscing at. Interdum posuere lorem ipsum dolor sit amet consectetur adipiscing elit. - Nunc vel risus commodo viverra maecenas. Sit amet est placerat in egestas erat imperdiet sed euismod. - Turpis egestas maecenas pharetra convallis posuere. Egestas tellus rutrum tellus pellentesque eu - tincidunt tortor aliquam. Dolor sit amet consectetur adipiscing elit. Aliquam purus sit amet luctus - venenatis lectus magna fringilla. Scelerisque fermentum dui faucibus in ornare quam viverra. Egestas - maecenas pharetra convallis posuere morbi leo urna. A diam sollicitudin tempor id eu nisl nunc. Lectus - sit amet est placerat. -

-

- Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. At tellus at urna - condimentum mattis pellentesque id nibh. Dui faucibus in ornare quam. Tincidunt id aliquet risus feugiat - in ante metus dictum. Adipiscing commodo elit at imperdiet dui. Dolor sed viverra ipsum nunc. Sodales - neque sodales ut etiam sit amet nisl. Hendrerit dolor magna eget est lorem ipsum dolor sit amet. Mattis - molestie a iaculis at erat pellentesque adipiscing. Adipiscing elit duis tristique sollicitudin nibh sit - amet commodo nulla. Fringilla urna porttitor rhoncus dolor purus. -

-
- - - - - - -
-
-
- ), - { includeDarkMode: true, includeHighContrast: true, includeRtl: true }, - ); diff --git a/apps/vr-tests-react-components/src/stories/Dialog/Dialog.stories.tsx b/apps/vr-tests-react-components/src/stories/Dialog/Dialog.stories.tsx new file mode 100644 index 0000000000000..5061f52be2d9c --- /dev/null +++ b/apps/vr-tests-react-components/src/stories/Dialog/Dialog.stories.tsx @@ -0,0 +1,444 @@ +import * as React from 'react'; +import { + Dialog, + DialogActions, + DialogBody, + DialogContent, + DialogSurface, + DialogTitle, + DialogTrigger, +} from '@fluentui/react-dialog'; +import { Button } from '@fluentui/react-button'; +import { Rocket24Regular } from '@fluentui/react-icons'; +import { ComponentMeta } from '@storybook/react'; +import { getStoryVariant, DARK_MODE, HIGH_CONTRAST, RTL } from '../../utilities'; + +export default { + title: 'Dialog', +} as ComponentMeta; + +export const Default = () => ( + + + + + + + Dialog title + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque est + dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure cumque + eaque? + + + + + + + + + + +); + +Default.storyName = 'default'; + +export const DefaultDarkMode = getStoryVariant(Default, DARK_MODE); +export const DefaultHighContrast = getStoryVariant(Default, HIGH_CONTRAST); +export const DefaultRTL = getStoryVariant(Default, RTL); + +export const NonModal = () => ( + + + + + + + Dialog title + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque est + dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure cumque + eaque? + + + + + + + + + + +); + +NonModal.storyName = 'non-modal'; + +export const NonModalDarkMode = getStoryVariant(NonModal, DARK_MODE); +export const NonModalHighContrast = getStoryVariant(NonModal, HIGH_CONTRAST); +export const NonModalRTL = getStoryVariant(NonModal, RTL); + +export const Alert = () => ( + + + + + + + Dialog title + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque est + dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure cumque + eaque? + + + + + + + + + + +); + +Alert.storyName = 'alert'; + +export const AlertDarkMode = getStoryVariant(Alert, DARK_MODE); +export const AlertHighContrast = getStoryVariant(Alert, HIGH_CONTRAST); +export const AlertRTL = getStoryVariant(Alert, RTL); + +export const ActionsPositionStart = () => ( + + + + + + + Dialog title + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque est + dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure cumque + eaque? + + + + + + + + + + +); + +ActionsPositionStart.storyName = 'actions position start'; + +export const ActionsPositionStartDarkMode = getStoryVariant(ActionsPositionStart, DARK_MODE); +export const ActionsPositionStartHighContrast = getStoryVariant(ActionsPositionStart, HIGH_CONTRAST); +export const ActionsPositionStartRTL = getStoryVariant(ActionsPositionStart, RTL); + +export const ActionsPositionStartPositionEnd = () => ( + + + + + + + Dialog title + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque est + dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure cumque + eaque? + + + + + + + + + + + + + + + +); + +ActionsPositionStartPositionEnd.storyName = 'actions position start & position end'; + +export const ActionsPositionStartPositionEndDarkMode = getStoryVariant(ActionsPositionStartPositionEnd, DARK_MODE); +export const ActionsPositionStartPositionEndHighContrast = getStoryVariant( + ActionsPositionStartPositionEnd, + HIGH_CONTRAST, +); +export const ActionsPositionStartPositionEndRTL = getStoryVariant(ActionsPositionStartPositionEnd, RTL); + +export const NoActions = () => ( + + + + + + + Dialog title + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque est + dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure cumque + eaque? + + + + +); + +NoActions.storyName = 'no actions'; + +export const NoActionsDarkMode = getStoryVariant(NoActions, DARK_MODE); +export const NoActionsHighContrast = getStoryVariant(NoActions, HIGH_CONTRAST); +export const NoActionsRTL = getStoryVariant(NoActions, RTL); + +export const NoTitle = () => ( + + + + + + + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque est + dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure cumque + eaque? + + + + + + + + + + +); + +NoTitle.storyName = 'no title'; + +export const NoTitleDarkMode = getStoryVariant(NoTitle, DARK_MODE); +export const NoTitleHighContrast = getStoryVariant(NoTitle, HIGH_CONTRAST); +export const NoTitleRTL = getStoryVariant(NoTitle, RTL); + +export const NoTitleNoActions = () => ( + + + + + + + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque est + dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure cumque + eaque? + + + + +); + +NoTitleNoActions.storyName = 'no title & no actions'; + +export const NoTitleNoActionsDarkMode = getStoryVariant(NoTitleNoActions, DARK_MODE); +export const NoTitleNoActionsHighContrast = getStoryVariant(NoTitleNoActions, HIGH_CONTRAST); +export const NoTitleNoActionsRTL = getStoryVariant(NoTitleNoActions, RTL); + +export const TitleCustomAction = () => ( + + + + + + + } />}> + Dialog title + + + Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid, explicabo repudiandae impedit doloribus + laborum quidem maxime dolores perspiciatis non ipsam, nostrum commodi quis autem sequi, incidunt cum? + Consequuntur, repellendus nostrum? + + + + +); + +TitleCustomAction.storyName = 'title custom action'; + +export const TitleCustomActionDarkMode = getStoryVariant(TitleCustomAction, DARK_MODE); +export const TitleCustomActionHighContrast = getStoryVariant(TitleCustomAction, HIGH_CONTRAST); +export const TitleCustomActionRTL = getStoryVariant(TitleCustomAction, RTL); + +export const Nested = () => ( + + + + + + + Dialog title + + + + + + + + Inner dialog title + ⛔️ just because you can doesn't mean you should have nested dialogs ⛔️ + + + + + + + + + + + + +); + +Nested.storyName = 'nested'; + +export const NestedDarkMode = getStoryVariant(Nested, DARK_MODE); +export const NestedHighContrast = getStoryVariant(Nested, HIGH_CONTRAST); +export const NestedRTL = getStoryVariant(Nested, RTL); + +export const ScrollLongContent = () => ( + + + + + + + Dialog title + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et + dolore magna aliqua. Nisl pretium fusce id velit ut tortor. Leo vel fringilla est ullamcorper. Eget est + lorem ipsum dolor sit amet consectetur adipiscing elit. In mollis nunc sed id semper risus in hendrerit + gravida. Ullamcorper sit amet risus nullam eget felis eget. Dolor sed viverra ipsum nunc aliquet bibendum. + Facilisi morbi tempus iaculis urna id volutpat. Porta non pulvinar neque laoreet suspendisse. Nunc id cursus + metus aliquam eleifend mi in. A iaculis at erat pellentesque adipiscing commodo. Proin nibh nisl condimentum + id. In hac habitasse platea dictumst vestibulum rhoncus est. Non tellus orci ac auctor augue mauris augue + neque. Enim nulla aliquet porttitor lacus luctus accumsan tortor. Nascetur ridiculus mus mauris vitae + ultricies leo integer. Ullamcorper eget nulla facilisi etiam dignissim. Leo in vitae turpis massa sed + elementum tempus egestas sed. +

+

+ Ut enim blandit volutpat maecenas volutpat. Venenatis urna cursus eget nunc scelerisque viverra mauris. + Neque aliquam vestibulum morbi blandit. Porttitor eget dolor morbi non. Nisi quis eleifend quam adipiscing + vitae. Aliquam ultrices sagittis orci a scelerisque purus semper. Interdum varius sit amet mattis vulputate + enim nulla aliquet. Ut sem viverra aliquet eget sit amet tellus cras. Sit amet tellus cras adipiscing enim + eu turpis egestas. Amet cursus sit amet dictum sit amet justo donec enim. Neque gravida in fermentum et + sollicitudin ac. Arcu cursus euismod quis viverra nibh cras pulvinar mattis nunc. Ultrices eros in cursus + turpis massa tincidunt dui. Nisl rhoncus mattis rhoncus urna neque viverra justo. Odio pellentesque diam + volutpat commodo sed egestas. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Ipsum nunc aliquet + bibendum enim. Faucibus ornare suspendisse sed nisi lacus sed. Sapien nec sagittis aliquam malesuada + bibendum arcu vitae elementum. Metus vulputate eu scelerisque felis imperdiet. +

+

+ Consequat interdum varius sit amet mattis vulputate enim. Amet cursus sit amet dictum sit amet justo. Eget + aliquet nibh praesent tristique magna sit. Ut consequat semper viverra nam libero justo. Pharetra massa + massa ultricies mi. Sem viverra aliquet eget sit amet. Pulvinar mattis nunc sed blandit libero volutpat sed. + Pharetra diam sit amet nisl suscipit adipiscing bibendum. Consectetur adipiscing elit ut aliquam. Volutpat + diam ut venenatis tellus in metus vulputate. Scelerisque in dictum non consectetur a erat. Venenatis lectus + magna fringilla urna porttitor rhoncus. Vitae congue mauris rhoncus aenean vel elit. Neque laoreet + suspendisse interdum consectetur. Ultrices gravida dictum fusce ut placerat orci. Bibendum ut tristique et + egestas quis ipsum suspendisse. Mattis rhoncus urna neque viverra justo nec ultrices dui. Elit duis + tristique sollicitudin nibh sit amet. +

+

+ At risus viverra adipiscing at. Interdum posuere lorem ipsum dolor sit amet consectetur adipiscing elit. + Nunc vel risus commodo viverra maecenas. Sit amet est placerat in egestas erat imperdiet sed euismod. Turpis + egestas maecenas pharetra convallis posuere. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor + aliquam. Dolor sit amet consectetur adipiscing elit. Aliquam purus sit amet luctus venenatis lectus magna + fringilla. Scelerisque fermentum dui faucibus in ornare quam viverra. Egestas maecenas pharetra convallis + posuere morbi leo urna. A diam sollicitudin tempor id eu nisl nunc. Lectus sit amet est placerat. +

+

+ Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. At tellus at urna condimentum + mattis pellentesque id nibh. Dui faucibus in ornare quam. Tincidunt id aliquet risus feugiat in ante metus + dictum. Adipiscing commodo elit at imperdiet dui. Dolor sed viverra ipsum nunc. Sodales neque sodales ut + etiam sit amet nisl. Hendrerit dolor magna eget est lorem ipsum dolor sit amet. Mattis molestie a iaculis at + erat pellentesque adipiscing. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. + Fringilla urna porttitor rhoncus dolor purus. +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et + dolore magna aliqua. Nisl pretium fusce id velit ut tortor. Leo vel fringilla est ullamcorper. Eget est + lorem ipsum dolor sit amet consectetur adipiscing elit. In mollis nunc sed id semper risus in hendrerit + gravida. Ullamcorper sit amet risus nullam eget felis eget. Dolor sed viverra ipsum nunc aliquet bibendum. + Facilisi morbi tempus iaculis urna id volutpat. Porta non pulvinar neque laoreet suspendisse. Nunc id cursus + metus aliquam eleifend mi in. A iaculis at erat pellentesque adipiscing commodo. Proin nibh nisl condimentum + id. In hac habitasse platea dictumst vestibulum rhoncus est. Non tellus orci ac auctor augue mauris augue + neque. Enim nulla aliquet porttitor lacus luctus accumsan tortor. Nascetur ridiculus mus mauris vitae + ultricies leo integer. Ullamcorper eget nulla facilisi etiam dignissim. Leo in vitae turpis massa sed + elementum tempus egestas sed. +

+

+ Ut enim blandit volutpat maecenas volutpat. Venenatis urna cursus eget nunc scelerisque viverra mauris. + Neque aliquam vestibulum morbi blandit. Porttitor eget dolor morbi non. Nisi quis eleifend quam adipiscing + vitae. Aliquam ultrices sagittis orci a scelerisque purus semper. Interdum varius sit amet mattis vulputate + enim nulla aliquet. Ut sem viverra aliquet eget sit amet tellus cras. Sit amet tellus cras adipiscing enim + eu turpis egestas. Amet cursus sit amet dictum sit amet justo donec enim. Neque gravida in fermentum et + sollicitudin ac. Arcu cursus euismod quis viverra nibh cras pulvinar mattis nunc. Ultrices eros in cursus + turpis massa tincidunt dui. Nisl rhoncus mattis rhoncus urna neque viverra justo. Odio pellentesque diam + volutpat commodo sed egestas. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Ipsum nunc aliquet + bibendum enim. Faucibus ornare suspendisse sed nisi lacus sed. Sapien nec sagittis aliquam malesuada + bibendum arcu vitae elementum. Metus vulputate eu scelerisque felis imperdiet. +

+

+ Consequat interdum varius sit amet mattis vulputate enim. Amet cursus sit amet dictum sit amet justo. Eget + aliquet nibh praesent tristique magna sit. Ut consequat semper viverra nam libero justo. Pharetra massa + massa ultricies mi. Sem viverra aliquet eget sit amet. Pulvinar mattis nunc sed blandit libero volutpat sed. + Pharetra diam sit amet nisl suscipit adipiscing bibendum. Consectetur adipiscing elit ut aliquam. Volutpat + diam ut venenatis tellus in metus vulputate. Scelerisque in dictum non consectetur a erat. Venenatis lectus + magna fringilla urna porttitor rhoncus. Vitae congue mauris rhoncus aenean vel elit. Neque laoreet + suspendisse interdum consectetur. Ultrices gravida dictum fusce ut placerat orci. Bibendum ut tristique et + egestas quis ipsum suspendisse. Mattis rhoncus urna neque viverra justo nec ultrices dui. Elit duis + tristique sollicitudin nibh sit amet. +

+

+ At risus viverra adipiscing at. Interdum posuere lorem ipsum dolor sit amet consectetur adipiscing elit. + Nunc vel risus commodo viverra maecenas. Sit amet est placerat in egestas erat imperdiet sed euismod. Turpis + egestas maecenas pharetra convallis posuere. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor + aliquam. Dolor sit amet consectetur adipiscing elit. Aliquam purus sit amet luctus venenatis lectus magna + fringilla. Scelerisque fermentum dui faucibus in ornare quam viverra. Egestas maecenas pharetra convallis + posuere morbi leo urna. A diam sollicitudin tempor id eu nisl nunc. Lectus sit amet est placerat. +

+

+ Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. At tellus at urna condimentum + mattis pellentesque id nibh. Dui faucibus in ornare quam. Tincidunt id aliquet risus feugiat in ante metus + dictum. Adipiscing commodo elit at imperdiet dui. Dolor sed viverra ipsum nunc. Sodales neque sodales ut + etiam sit amet nisl. Hendrerit dolor magna eget est lorem ipsum dolor sit amet. Mattis molestie a iaculis at + erat pellentesque adipiscing. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. + Fringilla urna porttitor rhoncus dolor purus. +

+
+ + + + + + +
+
+
+); + +ScrollLongContent.storyName = 'scroll long content'; + +export const ScrollLongContentDarkMode = getStoryVariant(ScrollLongContent, DARK_MODE); +export const ScrollLongContentHighContrast = getStoryVariant(ScrollLongContent, HIGH_CONTRAST); +export const ScrollLongContentRTL = getStoryVariant(ScrollLongContent, RTL); diff --git a/apps/vr-tests-react-components/src/stories/Field.stories.tsx b/apps/vr-tests-react-components/src/stories/Field.stories.tsx index 663edb6328523..8f1fae22d29d7 100644 --- a/apps/vr-tests-react-components/src/stories/Field.stories.tsx +++ b/apps/vr-tests-react-components/src/stories/Field.stories.tsx @@ -1,31 +1,28 @@ import * as React from 'react'; import Screener, { Steps } from 'screener-storybook/src/screener'; import { storiesOf } from '@storybook/react'; -import { Radio } from '@fluentui/react-radio'; -import { - CheckboxField, - ComboboxField, - InputField, - ProgressField, - RadioGroupField, - SelectField, - SliderField, - SpinButtonField, - SwitchField, - TextareaField, -} from '@fluentui/react-field'; +import { CheckboxField_unstable as CheckboxField } from '@fluentui/react-checkbox'; +import { ComboboxField_unstable as ComboboxField } from '@fluentui/react-combobox'; import { SparkleFilled } from '@fluentui/react-icons'; -import { FieldComponent, FieldPropsWithOptionalComponentProps } from '@fluentui/react-field/src/Field'; +import type { InputFieldProps_unstable as InputFieldProps } from '@fluentui/react-input'; +import { InputField_unstable as InputField } from '@fluentui/react-input'; +import { ProgressField_unstable as ProgressField } from '@fluentui/react-progress'; +import { Radio, RadioGroupField_unstable as RadioGroupField } from '@fluentui/react-radio'; +import { SelectField_unstable as SelectField } from '@fluentui/react-select'; +import { SliderField_unstable as SliderField } from '@fluentui/react-slider'; +import { SpinButtonField_unstable as SpinButtonField } from '@fluentui/react-spinbutton'; +import { SwitchField_unstable as SwitchField } from '@fluentui/react-switch'; +import { TextareaField_unstable as TextareaField } from '@fluentui/react-textarea'; -type FieldComponentProps = Pick< - FieldPropsWithOptionalComponentProps, +type FieldControlProps = Pick< + InputFieldProps, 'orientation' | 'required' | 'label' | 'validationState' | 'validationMessage' | 'validationMessageIcon' | 'hint' >; /** * Common VR tests for all field components. Pass the given Field component (or a wrapper around it). */ -const storiesOfField = (name: string, Field: React.VoidFunctionComponent) => +const storiesOfField = (name: string, Field: React.VoidFunctionComponent) => storiesOf(name, module) .addDecorator(story => {story()}) .addDecorator(story => ( @@ -65,7 +62,7 @@ const storiesOfField = (name: string, Field: React.VoidFunctionComponent, + Field: React.VoidFunctionComponent, ) => storiesOfField(name, Field) .addStory('size:small', () => ) diff --git a/apps/vr-tests-react-components/src/stories/Image.stories.tsx b/apps/vr-tests-react-components/src/stories/Image.stories.tsx deleted file mode 100644 index cf06075f882bf..0000000000000 --- a/apps/vr-tests-react-components/src/stories/Image.stories.tsx +++ /dev/null @@ -1,102 +0,0 @@ -import * as React from 'react'; -import { storiesOf } from '@storybook/react'; -import Screener from 'screener-storybook/src/screener'; -import { Image } from '@fluentui/react-image'; - -const imageUrl = 'https://fabricweb.azureedge.net/fabric-website/assets/images/avatar/AmandaBrady.jpg'; - -storiesOf('Image Converged', module) - .addDecorator((story: () => React.ReactNode) => ( - {story()} - )) - .addStory('Default', () => ( - Placeholder image - )) - .addStory('Image Shape', () => ( - <> -
- Amanda's avatar default -
-
- Amanda's avatar rounded -
-
- Amanda's avatar circular -
- - )) - .addStory('Image Variations Border', () => ( - <> -
- Amanda's avatar bordered -
-
- Amanda's avatar bordered and rounded -
-
- Amanda's avatar bordered and circular -
- - )) - .addStory('Image Variations Fallback', () => ( - Non-existent image fallback - )) - .addStory('Image Layout Fit', () => ( - <> -
- Placeholder for fit none -
-
- Placeholder for fit center -
-
- Placeholder for fit contain -
-
- Placeholder for fit cover -
- - )) - .addStory('Image Fluid', () => ( - <> -
- -
-
- -
- - )) - .addStory('Image Shadow', () => ( - - )); diff --git a/apps/vr-tests-react-components/src/stories/Image/Image.stories.tsx b/apps/vr-tests-react-components/src/stories/Image/Image.stories.tsx new file mode 100644 index 0000000000000..d24288b7aee42 --- /dev/null +++ b/apps/vr-tests-react-components/src/stories/Image/Image.stories.tsx @@ -0,0 +1,114 @@ +import * as React from 'react'; +import Screener from 'screener-storybook/src/screener'; +import { Image } from '@fluentui/react-image'; +import { ComponentMeta } from '@storybook/react'; + +const imageUrl = 'https://fabricweb.azureedge.net/fabric-website/assets/images/avatar/AmandaBrady.jpg'; + +export default { + title: 'Image Converged', + + decorators: [ + (story: () => React.ReactNode) => ( + {story()} + ), + ], +} as ComponentMeta; + +export const Default = () => ( + Placeholder image +); + +export const ImageShape = () => ( + <> +
+ Amanda's avatar default +
+
+ Amanda's avatar rounded +
+
+ Amanda's avatar circular +
+ +); + +export const ImageVariationsBorder = () => ( + <> +
+ Amanda's avatar bordered +
+
+ Amanda's avatar bordered and rounded +
+
+ Amanda's avatar bordered and circular +
+ +); + +export const ImageVariationsFallback = () => ( + Non-existent image fallback +); + +export const ImageLayoutFit = () => ( + <> +
+ Placeholder for fit none +
+
+ Placeholder for fit center +
+
+ Placeholder for fit contain +
+
+ Placeholder for fit cover +
+ +); + +export const ImageFluid = () => ( + <> +
+ +
+
+ +
+ +); + +export const ImageShadow = () => ( + +); diff --git a/apps/vr-tests-react-components/src/stories/Tabs.stories.tsx b/apps/vr-tests-react-components/src/stories/Tabs.stories.tsx index 1c397958bfa53..0904453a7d4da 100644 --- a/apps/vr-tests-react-components/src/stories/Tabs.stories.tsx +++ b/apps/vr-tests-react-components/src/stories/Tabs.stories.tsx @@ -92,6 +92,38 @@ storiesOf('TabList and Tab Converged', module) includeDarkMode: true, }, ) + .addStory( + 'Large size', + () => ( + + First + + Second + + Third + + ), + { + includeHighContrast: true, + includeDarkMode: true, + }, + ) + .addStory( + 'Vertical and large size', + () => ( + + First + + Second + + Third + + ), + { + includeHighContrast: true, + includeDarkMode: true, + }, + ) .addStory( 'Tab Selected (default)', () => ( diff --git a/apps/vr-tests/convertStoriesToStoryWright.sh b/apps/vr-tests/convertStoriesToStoryWright.sh new file mode 100755 index 0000000000000..35c46bf13278d --- /dev/null +++ b/apps/vr-tests/convertStoriesToStoryWright.sh @@ -0,0 +1,26 @@ +#!/usr/bin/env bash + +#!/usr/bin/env bash + +find ./src -type f |while read fname; do + impor="" + if grep -q "screener-storybook" $fname; then + echo "$fname" + if grep -q "/StoryWright>/g" + diff --git a/apps/vr-tests/package.json b/apps/vr-tests/package.json index aa3f06e1d749c..046bfa0a3646b 100644 --- a/apps/vr-tests/package.json +++ b/apps/vr-tests/package.json @@ -6,23 +6,27 @@ "scripts": { "build": "just-scripts build", "clean": "just-scripts clean", + "test:component": "storywright --browsers chromium --url dist/storybook --destpath dist/screenshots --waitTimeScreenshot 500 --concurrency 4 --headless true", "code-style": "just-scripts code-style", + "convert": "bash convertStoriesToStoryWright.sh", "just": "just-scripts", "lint": "just-scripts lint", "screener:build": "cross-env NODE_OPTIONS=--max-old-space-size=3072 just-scripts storybook:build", "screener": "just-scripts screener", - "start": "just-scripts dev:storybook" + "start": "just-scripts dev:storybook", + "type-check": "tsc" }, "devDependencies": { - "@fluentui/eslint-plugin": "*" + "@fluentui/eslint-plugin": "*", + "storywright": "0.0.25" }, "dependencies": { - "@fluentui/example-data": "^8.4.2", - "@fluentui/font-icons-mdl2": "^8.5.2", - "@fluentui/react": "^8.100.0", - "@fluentui/react-experiments": "^8.14.17", - "@fluentui/react-hooks": "^8.6.12", - "@fluentui/react-icons-mdl2": "^1.3.25", + "@fluentui/example-data": "^8.4.3", + "@fluentui/font-icons-mdl2": "^8.5.3", + "@fluentui/react": "^8.101.0", + "@fluentui/react-experiments": "^8.14.18", + "@fluentui/react-hooks": "^8.6.13", + "@fluentui/react-icons-mdl2": "^1.3.26", "@fluentui/scripts": "^1.0.0", "@fluentui/storybook": "^1.0.0", "react": "17.0.2", diff --git a/azure-pipelines.vrt-baseline.yml b/azure-pipelines.vrt-baseline.yml index d0426ef9f72d7..33bfe164b909a 100644 --- a/azure-pipelines.vrt-baseline.yml +++ b/azure-pipelines.vrt-baseline.yml @@ -15,50 +15,54 @@ variables: pool: '1ES-Host-Ubuntu' jobs: - - job: VRToolUpdateBaseline + - job: VRToolUpdateBaseline_V9 workspace: clean: all steps: - template: .devops/templates/tools.yml - - task: Bash@3 - inputs: - filePath: yarn-ci.sh - displayName: yarn (install packages) + - template: .devops/templates/runpublishvrscreenshot.yml + parameters: + fluentVersion: v9 + storyPackageName: '@fluentui/vr-tests-react-components' + storyPackagePath: 'apps/vr-tests-react-components' + shouldbuildstorybookaddon: true - - script: | - yarn workspace @fluentui/vr-tests-react-components convert - displayName: Convert screener component to storywright - - - script: | - yarn workspace @fluentui/vr-tests-react-components screener:build - displayName: Build VR tests components package - - - script: | - yarn lage test:component --verbose - displayName: 'Run VR tests' - - - script: | - mkdir -p screenshots - cp -rf apps/vr-tests-react-components/dist/screenshots/*.png screenshots/ - displayName: Collate Artifacts + - bash: node node_modules/vrscreenshotdiff/lib/index.js release --clientType "fluentuiv9" --buildId $(Build.BuildId) + displayName: 'Run Screenshotdiff update baseline' + env: + API_URL: $(System.CollectionUri) + API_TOKEN: $(TEST_PAT) + API_REPOSITORY: $(Build.Repository.Name) + API_PROJECT: $(System.TeamProject) + SCREENSHOT_ARTIFACT_FOLDER: vrscreenshotv9 + GITHUB_API_TOKEN: $(GITHUB_TEST_PAT) + STORAGE_ACCOUNT_FLUENTUI: $(STORAGE-ACCOUNT-FLUENTUI) + STORAGE_KEY_FLUENTUI: $(STORAGE-KEY-BLOB-FLUENTUI) + BLOB_CONNECTION_STRING: $(BLOB-CONNECTION-STRING) + VR_APPROVAL_CLIENT_SECRET: $(VR-APPROVAL-CLIENT-SECRET) - - task: PublishBuildArtifacts@1 - inputs: - PathtoPublish: 'screenshots' - ArtifactName: 'vrscreenshot' - publishLocation: 'Container' + - job: VRToolUpdateBaseline_V8 + workspace: + clean: all + steps: + - template: .devops/templates/tools.yml - # - bash: cd packages/screenshotdiff && yarn build - # displayName: 'Build' + - template: .devops/templates/runpublishvrscreenshot.yml + parameters: + fluentVersion: v8 + storyPackageName: '@fluentui/vr-tests' + storyPackagePath: 'apps/vr-tests' + shouldbuildstorybookaddon: false - - bash: node node_modules/vrscreenshotdiff/lib/index.js release --clientType "fluentui" --buildId $(Build.BuildId) + - bash: node node_modules/vrscreenshotdiff/lib/index.js release --clientType "fluentuiv8" --buildId $(Build.BuildId) displayName: 'Run Screenshotdiff update baseline' env: API_URL: $(System.CollectionUri) API_TOKEN: $(TEST_PAT) API_REPOSITORY: $(Build.Repository.Name) API_PROJECT: $(System.TeamProject) + SCREENSHOT_ARTIFACT_FOLDER: vrscreenshotv8 GITHUB_API_TOKEN: $(GITHUB_TEST_PAT) STORAGE_ACCOUNT_FLUENTUI: $(STORAGE-ACCOUNT-FLUENTUI) STORAGE_KEY_FLUENTUI: $(STORAGE-KEY-BLOB-FLUENTUI) diff --git a/azure-pipelines.vrt-pr.yml b/azure-pipelines.vrt-pr.yml index 1df717dd24a16..81992e2c293ee 100644 --- a/azure-pipelines.vrt-pr.yml +++ b/azure-pipelines.vrt-pr.yml @@ -15,7 +15,11 @@ variables: pool: '1ES-Host-Ubuntu' jobs: - - job: TestVRTool + - job: VisualRegressionTest_V9 + variables: + pipelineId: '211' + pipelineName: 'fluent-ui VRT Pipeline v9' + workspace: clean: all steps: @@ -38,9 +42,9 @@ jobs: "blockingPipeline":{ }, "nonBlockingPipeline":{ - "202": { + "$(pipelineId)": { "pipelineStatus": "PENDING", - "pipelineName": "fluent-ui VRT Pipeline" + "pipelineName": "$(pipelineName)" } }, "postPolicy": '${postPolicy}', @@ -50,33 +54,84 @@ jobs: env: VR_APPROVAL_CLIENT_SECRET: $(VR-APPROVAL-CLIENT-SECRET) - - task: Bash@3 - inputs: - filePath: yarn-ci.sh - displayName: yarn (install packages) + - template: .devops/templates/runpublishvrscreenshot.yml + parameters: + fluentVersion: v9 + storyPackageName: '@fluentui/vr-tests-react-components' + storyPackagePath: 'apps/vr-tests-react-components' + shouldbuildstorybookaddon: true - - script: | - yarn workspace @fluentui/vr-tests-react-components convert - displayName: Convert screener component to storywright + - powershell: | + $url = "https://dev.azure.com/uifabric/fabricpublic/_apis/build/builds?definitions=$env:BASELINE_PIPELINE_ID&statusFilter=completed&resultFilter=succeeded&queryOrder=finishTimeDescending&`$top=1" + Write-Host "Looking up latest official build via url: $url" + $pipelineBuildInfo = Invoke-RestMethod -Uri $url -Headers @{Authorization = "Bearer $env:SYSTEM_ACCESSTOKEN"} + Write-Host "Response: $pipelineBuildInfo" + [int]$latestBuildId = $pipelineBuildInfo.value.id + Write-Host "Setting variable LatestBuildId=$latestBuildId" + Write-Host "##vso[task.setvariable variable=LatestBuildId]$latestBuildId" + name: GetLatestGreenCIBuild + env: + SYSTEM_ACCESSTOKEN: $(System.AccessToken) + BASELINE_PIPELINE_ID: $(BASELINE-PIPELINE-ID) - - script: | - yarn workspace @fluentui/vr-tests-react-components screener:build - displayName: Build vr tests components package + - bash: node node_modules/vrscreenshotdiff/lib/index.js pr --clientType "fluentuiv9" --buildId $(Build.BuildId) --lkgCIBuild $(LatestBuildId) --pipelineId $(pipelineId) --pipelineName '$(pipelineName)' + displayName: 'Run fluentui-screenshotdiff' + env: + API_URL: $(System.CollectionUri) + API_TOKEN: $(TEST_PAT) + API_REPOSITORY: $(Build.Repository.Name) + API_PROJECT: $(System.TeamProject) + SCREENSHOT_ARTIFACT_FOLDER: vrscreenshotv9 + GITHUB_API_TOKEN: $(githubRepoStatusPAT) + STORAGE_ACCOUNT_FLUENTUI: $(STORAGE-ACCOUNT-FLUENTUI) + STORAGE_KEY_FLUENTUI: $(STORAGE-KEY-BLOB-FLUENTUI) + BLOB_CONNECTION_STRING: $(BLOB-CONNECTION-STRING) + VR_APPROVAL_CLIENT_SECRET: $(VR-APPROVAL-CLIENT-SECRET) - - script: | - yarn lage test:component --verbose - displayName: 'Run VR tests' + - job: VisualRegressionTest_V8 + variables: + pipelineId: '212' + pipelineName: 'fluent-ui VRT Pipeline v8' + workspace: + clean: all + steps: + - template: .devops/templates/tools.yml - - script: | - mkdir -p screenshots - cp -rf apps/vr-tests-react-components/dist/screenshots/*.png screenshots/ - displayName: Collate Artifacts + - bash: | + postPolicy="true"; + response=$(curl --request POST 'https://login.microsoftonline.com/72f988bf-86f1-41af-91ab-2d7cd011db47/oauth2/token' --header 'Content-Type: application/x-www-form-urlencoded' --data-urlencode 'grant_type=client_credentials' --data-urlencode 'client_id=288a69b6-760d-4c1f-ad6d-0183b5e5740f' --data-urlencode 'client_secret='${VR_APPROVAL_CLIENT_SECRET} ) + parsedResponse=${response/*"access_token"/} + token=${parsedResponse:3:${#parsedResponse}-5} + curl --location --request POST 'https://vrt-fluentapp.azurewebsites.net/api/policyState' \ + --header 'Authorization: Bearer '"$token" \ + --header 'Content-Type: application/json' \ + --data-raw ' { + "organization": "uifabric", + "projectName": "fabricpublic", + "prId": $(System.PullRequest.PullRequestNumber), + "commitId": "$(Build.SourceVersion)", + "generate":true, + "blockingPipeline":{ + }, + "nonBlockingPipeline":{ + "$(pipelineId)": { + "pipelineStatus": "PENDING", + "pipelineName": "$(pipelineName)" + } + }, + "postPolicy": '${postPolicy}', + "policyType": "OPTIONAL" + }' + displayName: 'Call policy State Api' + env: + VR_APPROVAL_CLIENT_SECRET: $(VR-APPROVAL-CLIENT-SECRET) - - task: PublishBuildArtifacts@1 - inputs: - PathtoPublish: 'screenshots' - ArtifactName: 'vrscreenshot' - publishLocation: 'Container' + - template: .devops/templates/runpublishvrscreenshot.yml + parameters: + fluentVersion: v8 + storyPackageName: '@fluentui/vr-tests' + storyPackagePath: 'apps/vr-tests' + shouldbuildstorybookaddon: false - powershell: | $url = "https://dev.azure.com/uifabric/fabricpublic/_apis/build/builds?definitions=$env:BASELINE_PIPELINE_ID&statusFilter=completed&resultFilter=succeeded&queryOrder=finishTimeDescending&`$top=1" @@ -91,13 +146,14 @@ jobs: SYSTEM_ACCESSTOKEN: $(System.AccessToken) BASELINE_PIPELINE_ID: $(BASELINE-PIPELINE-ID) - - bash: node node_modules/vrscreenshotdiff/lib/index.js pr --clientType "fluentui" --buildId $(Build.BuildId) --lkgCIBuild $(LatestBuildId) + - bash: node node_modules/vrscreenshotdiff/lib/index.js pr --clientType "fluentuiv8" --buildId $(Build.BuildId) --lkgCIBuild $(LatestBuildId) --pipelineId $(pipelineId) --pipelineName '$(pipelineName)' displayName: 'Run fluentui-screenshotdiff' env: API_URL: $(System.CollectionUri) API_TOKEN: $(TEST_PAT) API_REPOSITORY: $(Build.Repository.Name) API_PROJECT: $(System.TeamProject) + SCREENSHOT_ARTIFACT_FOLDER: vrscreenshotv8 GITHUB_API_TOKEN: $(githubRepoStatusPAT) STORAGE_ACCOUNT_FLUENTUI: $(STORAGE-ACCOUNT-FLUENTUI) STORAGE_KEY_FLUENTUI: $(STORAGE-KEY-BLOB-FLUENTUI) diff --git a/change/@fluentui-react-avatar-7d40837f-02b3-476a-82a1-6ed45891f298.json b/change/@fluentui-react-avatar-7d40837f-02b3-476a-82a1-6ed45891f298.json deleted file mode 100644 index 38da4ac5bd739..0000000000000 --- a/change/@fluentui-react-avatar-7d40837f-02b3-476a-82a1-6ed45891f298.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Replacing use of hard-coded constants with curve and duration tokens from theme.", - "packageName": "@fluentui/react-avatar", - "email": "humberto_makoto@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-avatar-c3167dd3-8b29-43f9-b555-d92a98a2b323.json b/change/@fluentui-react-avatar-c3167dd3-8b29-43f9-b555-d92a98a2b323.json deleted file mode 100644 index 0904caf50e0d4..0000000000000 --- a/change/@fluentui-react-avatar-c3167dd3-8b29-43f9-b555-d92a98a2b323.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Migrate to new package structure.", - "packageName": "@fluentui/react-avatar", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-button-225ecdbe-edd5-43c7-b12c-87a65fbaa0cd.json b/change/@fluentui-react-button-225ecdbe-edd5-43c7-b12c-87a65fbaa0cd.json deleted file mode 100644 index 94b226dc85245..0000000000000 --- a/change/@fluentui-react-button-225ecdbe-edd5-43c7-b12c-87a65fbaa0cd.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Replacing use of hard-coded constants with curve and duration tokens from theme.", - "packageName": "@fluentui/react-button", - "email": "humberto_makoto@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-button-c452c0d5-b913-4697-906a-ab9effbe88b2.json b/change/@fluentui-react-button-c452c0d5-b913-4697-906a-ab9effbe88b2.json deleted file mode 100644 index 42ce1efcd3357..0000000000000 --- a/change/@fluentui-react-button-c452c0d5-b913-4697-906a-ab9effbe88b2.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: Showing correct behavior for icons inside of Buttons on hover, pressed and toggle states.", - "packageName": "@fluentui/react-button", - "email": "humberto_makoto@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-card-4c8108dc-932c-4489-afa2-dc5b08d3465d.json b/change/@fluentui-react-card-4c8108dc-932c-4489-afa2-dc5b08d3465d.json deleted file mode 100644 index 60bc8437c2ce8..0000000000000 --- a/change/@fluentui-react-card-4c8108dc-932c-4489-afa2-dc5b08d3465d.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "feat: add selectable feature to card", - "packageName": "@fluentui/react-card", - "email": "marcosvmmoura@gmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-components-35f251b9-6362-4ca3-9d30-124fcfe024cf.json b/change/@fluentui-react-components-35f251b9-6362-4ca3-9d30-124fcfe024cf.json deleted file mode 100644 index dc6e12439eb02..0000000000000 --- a/change/@fluentui-react-components-35f251b9-6362-4ca3-9d30-124fcfe024cf.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Export ProgressField from @fluentui/react-components/unstable", - "packageName": "@fluentui/react-components", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-components-a065d3d7-c686-4ce0-b520-0b1875853ca0.json b/change/@fluentui-react-components-a065d3d7-c686-4ce0-b520-0b1875853ca0.json deleted file mode 100644 index 636809807da40..0000000000000 --- a/change/@fluentui-react-components-a065d3d7-c686-4ce0-b520-0b1875853ca0.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "feat: Exports `createColumn` utility from `@fluentui/react-table` as unstable", - "packageName": "@fluentui/react-components", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-components-ba631a4c-e394-4ffa-b4f3-e84de4f8c733.json b/change/@fluentui-react-components-ba631a4c-e394-4ffa-b4f3-e84de4f8c733.json deleted file mode 100644 index 399304b88e68f..0000000000000 --- a/change/@fluentui-react-components-ba631a4c-e394-4ffa-b4f3-e84de4f8c733.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "fix: stories from migrated v9 packages are now included.", - "packageName": "@fluentui/react-components", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-portal-54fcbe1c-d23f-48f6-916a-9752737af543.json b/change/@fluentui-react-portal-54fcbe1c-d23f-48f6-916a-9752737af543.json deleted file mode 100644 index 2a770628b1160..0000000000000 --- a/change/@fluentui-react-portal-54fcbe1c-d23f-48f6-916a-9752737af543.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Migrate to new package structure.", - "packageName": "@fluentui/react-portal", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-portal-compat-0f43f3ad-6a47-4dec-8dfc-209831dd34b5.json b/change/@fluentui-react-portal-compat-0f43f3ad-6a47-4dec-8dfc-209831dd34b5.json deleted file mode 100644 index 7fa24ca821436..0000000000000 --- a/change/@fluentui-react-portal-compat-0f43f3ad-6a47-4dec-8dfc-209831dd34b5.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "chore: Migrate to new package structure.", - "packageName": "@fluentui/react-portal-compat", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-portal-compat-context-a9e06321-41d0-43bb-b673-d1da46746c8a.json b/change/@fluentui-react-portal-compat-context-a9e06321-41d0-43bb-b673-d1da46746c8a.json deleted file mode 100644 index 11d29d810c6b4..0000000000000 --- a/change/@fluentui-react-portal-compat-context-a9e06321-41d0-43bb-b673-d1da46746c8a.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Migrate to new package structure.", - "packageName": "@fluentui/react-portal-compat-context", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-spinner-b295999d-5738-48b8-b9db-5d3f52ce0cc6.json b/change/@fluentui-react-spinner-b295999d-5738-48b8-b9db-5d3f52ce0cc6.json deleted file mode 100644 index 42a49d660f6a5..0000000000000 --- a/change/@fluentui-react-spinner-b295999d-5738-48b8-b9db-5d3f52ce0cc6.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Replacing use of hard-coded constants with curve and duration tokens from theme.", - "packageName": "@fluentui/react-spinner", - "email": "humberto_makoto@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-switch-5a890d50-6c5c-4606-a677-582ded4bb23c.json b/change/@fluentui-react-switch-5a890d50-6c5c-4606-a677-582ded4bb23c.json deleted file mode 100644 index 9e284703c22f2..0000000000000 --- a/change/@fluentui-react-switch-5a890d50-6c5c-4606-a677-582ded4bb23c.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Replacing use of hard-coded constants with curve and duration tokens from theme.", - "packageName": "@fluentui/react-switch", - "email": "humberto_makoto@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-table-350ae095-7533-4307-a31f-6d9cbb178cb8.json b/change/@fluentui-react-table-350ae095-7533-4307-a31f-6d9cbb178cb8.json deleted file mode 100644 index 9e7b32197151b..0000000000000 --- a/change/@fluentui-react-table-350ae095-7533-4307-a31f-6d9cbb178cb8.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "feat: Implement child render function for DataGrid rows", - "packageName": "@fluentui/react-table", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-table-7398941b-ae22-4a18-878d-1ac8e853c6ee.json b/change/@fluentui-react-table-7398941b-ae22-4a18-878d-1ac8e853c6ee.json deleted file mode 100644 index 8a693f617402c..0000000000000 --- a/change/@fluentui-react-table-7398941b-ae22-4a18-878d-1ac8e853c6ee.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "feat: Implement `focusMode` prop for DataGrid, apply role=\"grid\" correctly", - "packageName": "@fluentui/react-table", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-table-a94f4f80-c021-4eb8-a8e3-789425aee9e2.json b/change/@fluentui-react-table-a94f4f80-c021-4eb8-a8e3-789425aee9e2.json deleted file mode 100644 index 522584077d747..0000000000000 --- a/change/@fluentui-react-table-a94f4f80-c021-4eb8-a8e3-789425aee9e2.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "BREAKING: ColumnDefinition type is stricter, use createColumn to create column definition. Implments render function for DataGridRow.", - "packageName": "@fluentui/react-table", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-toolbar-bac826cc-5a66-447f-ab37-f85d8df68fb9.json b/change/@fluentui-react-toolbar-bac826cc-5a66-447f-ab37-f85d8df68fb9.json deleted file mode 100644 index 5d22ae19dc707..0000000000000 --- a/change/@fluentui-react-toolbar-bac826cc-5a66-447f-ab37-f85d8df68fb9.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "fix: ToolbarRadio example and click", - "packageName": "@fluentui/react-toolbar", - "email": "chassunc@microsoft.com", - "dependentChangeType": "none" -} diff --git a/package.json b/package.json index 2cfb4f5a5725a..eef0e4cbd20c1 100644 --- a/package.json +++ b/package.json @@ -153,7 +153,7 @@ "@types/loader-utils": "2.0.3", "@types/markdown-table": "2.0.0", "@types/micromatch": "4.0.2", - "@types/node": "10.17.55", + "@types/node": "14.18.32", "@types/node-fetch": "2.5.7", "@types/prettier": "2.2.3", "@types/progress": "2.0.5", @@ -249,7 +249,7 @@ "lage": "1.8.8", "lerna": "5.5.2", "lint-staged": "10.2.10", - "loader-utils": "2.0.0", + "loader-utils": "2.0.3", "markdown-table": "2.0.0", "memfs": "3.2.2", "mini-css-extract-plugin": "2.6.1", @@ -303,7 +303,7 @@ "tsconfig-paths-webpack-plugin": "4.0.0", "tslib": "2.4.0", "typescript": "4.3.5", - "vrscreenshotdiff": "0.0.6", + "vrscreenshotdiff": "0.0.9", "webpack": "5.74.0", "webpack-bundle-analyzer": "4.4.2", "webpack-cli": "4.10.0", diff --git a/packages/api-docs/package.json b/packages/api-docs/package.json index 781a28b4c1c87..111ab61ef6000 100644 --- a/packages/api-docs/package.json +++ b/packages/api-docs/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/api-docs", - "version": "8.2.3", + "version": "8.2.4", "description": "Transforms API Extractor .api.json files into .page.json files", "repository": { "type": "git", diff --git a/packages/azure-themes/CHANGELOG.json b/packages/azure-themes/CHANGELOG.json index bf9224e55d983..414de08f9243d 100644 --- a/packages/azure-themes/CHANGELOG.json +++ b/packages/azure-themes/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/azure-themes", "entries": [ + { + "date": "Wed, 09 Nov 2022 07:48:12 GMT", + "tag": "@fluentui/azure-themes_v8.5.23", + "version": "8.5.23", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/azure-themes", + "comment": "Bump @fluentui/react to v8.101.0", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + }, + { + "author": "beachball", + "package": "@fluentui/azure-themes", + "comment": "Bump @fluentui/set-version to v8.2.3", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + } + ] + } + }, { "date": "Fri, 04 Nov 2022 07:48:07 GMT", "tag": "@fluentui/azure-themes_v8.5.22", diff --git a/packages/azure-themes/CHANGELOG.md b/packages/azure-themes/CHANGELOG.md index bf6c089e871cd..c6abb13199e75 100644 --- a/packages/azure-themes/CHANGELOG.md +++ b/packages/azure-themes/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/azure-themes -This log was last generated on Fri, 04 Nov 2022 07:48:07 GMT and should not be manually modified. +This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified. +## [8.5.23](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.5.23) + +Wed, 09 Nov 2022 07:48:12 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/azure-themes_v8.5.22..@fluentui/azure-themes_v8.5.23) + +### Patches + +- Bump @fluentui/react to v8.101.0 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) +- Bump @fluentui/set-version to v8.2.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) + ## [8.5.22](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.5.22) Fri, 04 Nov 2022 07:48:07 GMT diff --git a/packages/azure-themes/package.json b/packages/azure-themes/package.json index 37cdb1b992a26..5850b01d59522 100644 --- a/packages/azure-themes/package.json +++ b/packages/azure-themes/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/azure-themes", - "version": "8.5.22", + "version": "8.5.23", "description": "Azure themes for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,8 +27,8 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react": "^8.100.0", - "@fluentui/set-version": "^8.2.2", + "@fluentui/react": "^8.101.0", + "@fluentui/set-version": "^8.2.3", "tslib": "^2.1.0" } } diff --git a/packages/bundle-size/CHANGELOG.json b/packages/bundle-size/CHANGELOG.json index d3a56b60aaa21..46f247d4c2559 100644 --- a/packages/bundle-size/CHANGELOG.json +++ b/packages/bundle-size/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/bundle-size", "entries": [ + { + "date": "Thu, 10 Nov 2022 07:55:03 GMT", + "tag": "@fluentui/bundle-size_v1.2.0", + "version": "1.2.0", + "comments": { + "minor": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/bundle-size", + "commit": "87859b052155ca206ef3540a2a9623803f6e2b93", + "comment": "fix(typings): fix type errors exposed by node 14 typings" + } + ] + } + }, { "date": "Wed, 28 Sep 2022 07:37:48 GMT", "tag": "@fluentui/bundle-size_v1.1.7", diff --git a/packages/bundle-size/CHANGELOG.md b/packages/bundle-size/CHANGELOG.md index c1f66856949a7..76d37564d2d41 100644 --- a/packages/bundle-size/CHANGELOG.md +++ b/packages/bundle-size/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/bundle-size -This log was last generated on Wed, 28 Sep 2022 07:37:48 GMT and should not be manually modified. +This log was last generated on Thu, 10 Nov 2022 07:55:03 GMT and should not be manually modified. +## [1.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/bundle-size_v1.2.0) + +Thu, 10 Nov 2022 07:55:03 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/bundle-size_v1.1.7..@fluentui/bundle-size_v1.2.0) + +### Minor changes + +- fix(typings): fix type errors exposed by node 14 typings ([PR #25510](https://github.com/microsoft/fluentui/pull/25510) by martinhochel@microsoft.com) + ## [1.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/bundle-size_v1.1.7) Wed, 28 Sep 2022 07:37:48 GMT diff --git a/packages/bundle-size/package.json b/packages/bundle-size/package.json index 64f78ec3500cf..c10f3f0fdb4b1 100644 --- a/packages/bundle-size/package.json +++ b/packages/bundle-size/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/bundle-size", - "version": "1.1.7", + "version": "1.2.0", "bin": { "bundle-size": "./bin/bundle-size.js" }, diff --git a/packages/bundle-size/src/utils/buildFixture.js b/packages/bundle-size/src/utils/buildFixture.js index 99ef2578e5583..aaaa1ace517f7 100644 --- a/packages/bundle-size/src/utils/buildFixture.js +++ b/packages/bundle-size/src/utils/buildFixture.js @@ -129,8 +129,8 @@ module.exports = async function buildFixture(preparedFixture, quiet) { /* eslint-enable @typescript-eslint/naming-convention */ ]); - await fs.writeFile(webpackOutputPath, terserOutput.code); - await fs.writeFile(terserOutputPath, terserOutputMinified.code); + await fs.writeFile(webpackOutputPath, terserOutput.code ?? ''); + await fs.writeFile(terserOutputPath, terserOutputMinified.code ?? ''); if (!quiet) { console.log( diff --git a/packages/bundle-size/src/utils/prepareFixture.js b/packages/bundle-size/src/utils/prepareFixture.js index 2a4ca190f3da3..97e1f30d80ac2 100644 --- a/packages/bundle-size/src/utils/prepareFixture.js +++ b/packages/bundle-size/src/utils/prepareFixture.js @@ -9,6 +9,11 @@ const ajv = new Ajv(); /** @typedef {{ name: string }} FixtureMetadata */ /** @typedef {{ absolutePath: string, relativePath: string, name: string }} PreparedFixture */ +/** + * @template T + * @typedef {NonNullable & {[P in keyof T]-?: NonNullable;}} RequiredNonNullableRecord + */ + /** * Prepares a fixture file to be compiled with Webpack, grabs data from a default export and removes it. * @@ -59,7 +64,7 @@ module.exports = async function prepareFixture(fixture) { /** * @param {typeof result} value - * @return {value is Required> & {metadata: FixtureMetadata}} + * @return {value is RequiredNonNullableRecord & {metadata: FixtureMetadata}} */ function isTransformedFixtureResultHasMetadata(value) { return Boolean(value && value.metadata && Object.keys(value.metadata).length); diff --git a/packages/codemods/package.json b/packages/codemods/package.json index 6d9a8ec5c5812..db7f1abe28b9c 100644 --- a/packages/codemods/package.json +++ b/packages/codemods/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/codemods", - "version": "8.4.5", + "version": "8.4.6", "description": "Tool enabling easy upgrades to new Fluent UI versions", "main": "lib-commonjs/index.js", "typings": "lib-commonjs/index.d.ts", diff --git a/packages/common-styles/CHANGELOG.json b/packages/common-styles/CHANGELOG.json index c365f856ac687..95cd6042bddc4 100644 --- a/packages/common-styles/CHANGELOG.json +++ b/packages/common-styles/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/common-styles", "entries": [ + { + "date": "Wed, 09 Nov 2022 07:48:12 GMT", + "tag": "@fluentui/common-styles_v1.2.12", + "version": "1.2.12", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/common-styles", + "comment": "Bump @fluentui/style-utilities to v8.8.2", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + } + ] + } + }, { "date": "Thu, 20 Oct 2022 07:43:14 GMT", "tag": "@fluentui/common-styles_v1.2.11", diff --git a/packages/common-styles/CHANGELOG.md b/packages/common-styles/CHANGELOG.md index d9a1d96729c57..cc1be61ec4f63 100644 --- a/packages/common-styles/CHANGELOG.md +++ b/packages/common-styles/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/common-styles -This log was last generated on Thu, 20 Oct 2022 07:43:14 GMT and should not be manually modified. +This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified. +## [1.2.12](https://github.com/microsoft/fluentui/tree/@fluentui/common-styles_v1.2.12) + +Wed, 09 Nov 2022 07:48:12 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/common-styles_v1.2.11..@fluentui/common-styles_v1.2.12) + +### Patches + +- Bump @fluentui/style-utilities to v8.8.2 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) + ## [1.2.11](https://github.com/microsoft/fluentui/tree/@fluentui/common-styles_v1.2.11) Thu, 20 Oct 2022 07:43:14 GMT diff --git a/packages/common-styles/package.json b/packages/common-styles/package.json index 763e158a60002..967714b27c191 100644 --- a/packages/common-styles/package.json +++ b/packages/common-styles/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/common-styles", - "version": "1.2.11", + "version": "1.2.12", "description": "Common style definitions for Fluent UI React components", "repository": { "type": "git", @@ -19,6 +19,6 @@ }, "devDependencies": { "@fluentui/scripts": "^1.0.0", - "@fluentui/style-utilities": "^8.8.1" + "@fluentui/style-utilities": "^8.8.2" } } diff --git a/packages/cra-template/CHANGELOG.json b/packages/cra-template/CHANGELOG.json index 151b6733b4589..91c0adb72bf93 100644 --- a/packages/cra-template/CHANGELOG.json +++ b/packages/cra-template/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/cra-template", "entries": [ + { + "date": "Wed, 09 Nov 2022 07:48:12 GMT", + "tag": "@fluentui/cra-template_v8.4.23", + "version": "8.4.23", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/cra-template", + "comment": "Bump @fluentui/react to v8.101.0", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + } + ] + } + }, { "date": "Fri, 04 Nov 2022 07:48:07 GMT", "tag": "@fluentui/cra-template_v8.4.22", diff --git a/packages/cra-template/CHANGELOG.md b/packages/cra-template/CHANGELOG.md index b7b886a446491..39915ab07164b 100644 --- a/packages/cra-template/CHANGELOG.md +++ b/packages/cra-template/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/cra-template -This log was last generated on Fri, 04 Nov 2022 07:48:07 GMT and should not be manually modified. +This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified. +## [8.4.23](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.23) + +Wed, 09 Nov 2022 07:48:12 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/cra-template_v8.4.22..@fluentui/cra-template_v8.4.23) + +### Patches + +- Bump @fluentui/react to v8.101.0 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) + ## [8.4.22](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.22) Fri, 04 Nov 2022 07:48:07 GMT diff --git a/packages/cra-template/package.json b/packages/cra-template/package.json index fe2ba32b3e5bd..ca0d5f37aabf2 100644 --- a/packages/cra-template/package.json +++ b/packages/cra-template/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/cra-template", - "version": "8.4.22", + "version": "8.4.23", "description": "Create React App template for Fluent UI React (@fluentui/react)", "repository": { "type": "git", @@ -18,7 +18,7 @@ "template.json" ], "devDependencies": { - "@fluentui/react": "^8.100.0", + "@fluentui/react": "^8.101.0", "@fluentui/scripts": "^1.0.0" } } diff --git a/packages/date-time-utilities/CHANGELOG.json b/packages/date-time-utilities/CHANGELOG.json index afbb7572a4516..5ba0600498306 100644 --- a/packages/date-time-utilities/CHANGELOG.json +++ b/packages/date-time-utilities/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/date-time-utilities", "entries": [ + { + "date": "Wed, 09 Nov 2022 07:48:12 GMT", + "tag": "@fluentui/date-time-utilities_v8.5.3", + "version": "8.5.3", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/date-time-utilities", + "comment": "Bump @fluentui/set-version to v8.2.3", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + } + ] + } + }, { "date": "Mon, 08 Aug 2022 07:39:33 GMT", "tag": "@fluentui/date-time-utilities_v8.5.2", diff --git a/packages/date-time-utilities/CHANGELOG.md b/packages/date-time-utilities/CHANGELOG.md index 3aed6938a17a6..b899b0afdf3c9 100644 --- a/packages/date-time-utilities/CHANGELOG.md +++ b/packages/date-time-utilities/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/date-time-utilities -This log was last generated on Mon, 08 Aug 2022 07:39:33 GMT and should not be manually modified. +This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified. +## [8.5.3](https://github.com/microsoft/fluentui/tree/@fluentui/date-time-utilities_v8.5.3) + +Wed, 09 Nov 2022 07:48:12 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/date-time-utilities_v8.5.2..@fluentui/date-time-utilities_v8.5.3) + +### Patches + +- Bump @fluentui/set-version to v8.2.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) + ## [8.5.2](https://github.com/microsoft/fluentui/tree/@fluentui/date-time-utilities_v8.5.2) Mon, 08 Aug 2022 07:39:33 GMT diff --git a/packages/date-time-utilities/package.json b/packages/date-time-utilities/package.json index 03ebfb1435c1f..fd9c79a3f2529 100644 --- a/packages/date-time-utilities/package.json +++ b/packages/date-time-utilities/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/date-time-utilities", - "version": "8.5.2", + "version": "8.5.3", "description": "Date-time utilities", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,7 +27,7 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/set-version": "^8.2.2", + "@fluentui/set-version": "^8.2.3", "tslib": "^2.1.0" }, "exports": { diff --git a/packages/dom-utilities/CHANGELOG.json b/packages/dom-utilities/CHANGELOG.json index 3a1df352e6cbf..7d8de48fb8b7e 100644 --- a/packages/dom-utilities/CHANGELOG.json +++ b/packages/dom-utilities/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/dom-utilities", "entries": [ + { + "date": "Wed, 09 Nov 2022 07:48:12 GMT", + "tag": "@fluentui/dom-utilities_v2.2.3", + "version": "2.2.3", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/dom-utilities", + "comment": "Bump @fluentui/set-version to v8.2.3", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + } + ] + } + }, { "date": "Mon, 08 Aug 2022 07:39:33 GMT", "tag": "@fluentui/dom-utilities_v2.2.2", diff --git a/packages/dom-utilities/CHANGELOG.md b/packages/dom-utilities/CHANGELOG.md index d98d7bd67427d..0899f5b211612 100644 --- a/packages/dom-utilities/CHANGELOG.md +++ b/packages/dom-utilities/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/dom-utilities -This log was last generated on Mon, 08 Aug 2022 07:39:33 GMT and should not be manually modified. +This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified. +## [2.2.3](https://github.com/microsoft/fluentui/tree/@fluentui/dom-utilities_v2.2.3) + +Wed, 09 Nov 2022 07:48:12 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/dom-utilities_v2.2.2..@fluentui/dom-utilities_v2.2.3) + +### Patches + +- Bump @fluentui/set-version to v8.2.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) + ## [2.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/dom-utilities_v2.2.2) Mon, 08 Aug 2022 07:39:33 GMT diff --git a/packages/dom-utilities/package.json b/packages/dom-utilities/package.json index adc574516c494..47493412f01d1 100644 --- a/packages/dom-utilities/package.json +++ b/packages/dom-utilities/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/dom-utilities", - "version": "2.2.2", + "version": "2.2.3", "description": "DOM utilities for use within Fluent web components", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,7 +27,7 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/set-version": "^8.2.2", + "@fluentui/set-version": "^8.2.3", "tslib": "^2.1.0" }, "exports": { diff --git a/packages/eslint-plugin/CHANGELOG.json b/packages/eslint-plugin/CHANGELOG.json index 934d9b53e7673..5f5c8f60633d2 100644 --- a/packages/eslint-plugin/CHANGELOG.json +++ b/packages/eslint-plugin/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/eslint-plugin", "entries": [ + { + "date": "Wed, 09 Nov 2022 07:48:12 GMT", + "tag": "@fluentui/eslint-plugin_v1.12.6", + "version": "1.12.6", + "comments": { + "patch": [ + { + "author": "dzearing@microsoft.com", + "package": "@fluentui/eslint-plugin", + "commit": "6ab9ad73f61226c779bd6bc297daa12b11791551", + "comment": "Updating react-legacy linting to warn on export star usage." + } + ] + } + }, { "date": "Mon, 10 Oct 2022 07:38:21 GMT", "tag": "@fluentui/eslint-plugin_v1.12.5", diff --git a/packages/eslint-plugin/CHANGELOG.md b/packages/eslint-plugin/CHANGELOG.md index 5e9f973083f98..da831b998d991 100644 --- a/packages/eslint-plugin/CHANGELOG.md +++ b/packages/eslint-plugin/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/eslint-plugin -This log was last generated on Mon, 10 Oct 2022 07:38:21 GMT and should not be manually modified. +This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified. +## [1.12.6](https://github.com/microsoft/fluentui/tree/@fluentui/eslint-plugin_v1.12.6) + +Wed, 09 Nov 2022 07:48:12 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/eslint-plugin_v1.12.5..@fluentui/eslint-plugin_v1.12.6) + +### Patches + +- Updating react-legacy linting to warn on export star usage. ([PR #25545](https://github.com/microsoft/fluentui/pull/25545) by dzearing@microsoft.com) + ## [1.12.5](https://github.com/microsoft/fluentui/tree/@fluentui/eslint-plugin_v1.12.5) Mon, 10 Oct 2022 07:38:21 GMT diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json index a6d9e69828cc8..332b85b9d2a9e 100644 --- a/packages/eslint-plugin/package.json +++ b/packages/eslint-plugin/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/eslint-plugin", - "version": "1.12.5", + "version": "1.12.6", "description": "ESLint configuration and custom rules for Fluent UI", "main": "src/index.js", "repository": { diff --git a/packages/eslint-plugin/src/configs/base-legacy.js b/packages/eslint-plugin/src/configs/base-legacy.js index 24b6140a3eb2f..0759ccf8776a5 100644 --- a/packages/eslint-plugin/src/configs/base-legacy.js +++ b/packages/eslint-plugin/src/configs/base-legacy.js @@ -14,5 +14,13 @@ module.exports = { */ ...getNamingConventionRule({ prefixInterface: true }), }, - overrides: [], + overrides: [ + { + files: '**/src/index.{ts,tsx,js}', + rules: { + // TODO: propagate to `error` once all packages barrel files have been fixed + '@rnx-kit/no-export-all': ['warn', { expand: 'all' }], + }, + }, + ], }; diff --git a/packages/eslint-plugin/src/configs/react-legacy.js b/packages/eslint-plugin/src/configs/react-legacy.js index 949646121d369..8d696ec41bfa1 100644 --- a/packages/eslint-plugin/src/configs/react-legacy.js +++ b/packages/eslint-plugin/src/configs/react-legacy.js @@ -10,4 +10,5 @@ module.exports = { 'jsdoc/check-tag-names': 'off', '@griffel/no-shorthands': 'off', }, + overrides: [], }; diff --git a/packages/example-data/package.json b/packages/example-data/package.json index 7167ab09431d1..bf4ea9770c765 100644 --- a/packages/example-data/package.json +++ b/packages/example-data/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/example-data", - "version": "8.4.2", + "version": "8.4.3", "description": "Data generators for Fluent UI React examples.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/font-icons-mdl2/CHANGELOG.json b/packages/font-icons-mdl2/CHANGELOG.json index 8350347270792..0ef05cb976bf4 100644 --- a/packages/font-icons-mdl2/CHANGELOG.json +++ b/packages/font-icons-mdl2/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/font-icons-mdl2", "entries": [ + { + "date": "Wed, 09 Nov 2022 07:48:12 GMT", + "tag": "@fluentui/font-icons-mdl2_v8.5.3", + "version": "8.5.3", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/font-icons-mdl2", + "comment": "Bump @fluentui/set-version to v8.2.3", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + }, + { + "author": "beachball", + "package": "@fluentui/font-icons-mdl2", + "comment": "Bump @fluentui/style-utilities to v8.8.2", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + }, + { + "author": "beachball", + "package": "@fluentui/font-icons-mdl2", + "comment": "Bump @fluentui/utilities to v8.13.3", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + } + ] + } + }, { "date": "Thu, 20 Oct 2022 07:43:14 GMT", "tag": "@fluentui/font-icons-mdl2_v8.5.2", diff --git a/packages/font-icons-mdl2/CHANGELOG.md b/packages/font-icons-mdl2/CHANGELOG.md index 5a16a0a583853..ac2298bc5254e 100644 --- a/packages/font-icons-mdl2/CHANGELOG.md +++ b/packages/font-icons-mdl2/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/font-icons-mdl2 -This log was last generated on Thu, 20 Oct 2022 07:43:14 GMT and should not be manually modified. +This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified. +## [8.5.3](https://github.com/microsoft/fluentui/tree/@fluentui/font-icons-mdl2_v8.5.3) + +Wed, 09 Nov 2022 07:48:12 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/font-icons-mdl2_v8.5.2..@fluentui/font-icons-mdl2_v8.5.3) + +### Patches + +- Bump @fluentui/set-version to v8.2.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) +- Bump @fluentui/style-utilities to v8.8.2 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) +- Bump @fluentui/utilities to v8.13.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) + ## [8.5.2](https://github.com/microsoft/fluentui/tree/@fluentui/font-icons-mdl2_v8.5.2) Thu, 20 Oct 2022 07:43:14 GMT diff --git a/packages/font-icons-mdl2/package.json b/packages/font-icons-mdl2/package.json index 02d786f7bd479..fd9df900fed5e 100644 --- a/packages/font-icons-mdl2/package.json +++ b/packages/font-icons-mdl2/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/font-icons-mdl2", - "version": "8.5.2", + "version": "8.5.3", "description": "Fluent UI React icon set.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -26,9 +26,9 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/set-version": "^8.2.2", - "@fluentui/style-utilities": "^8.8.1", - "@fluentui/utilities": "^8.13.2", + "@fluentui/set-version": "^8.2.3", + "@fluentui/style-utilities": "^8.8.2", + "@fluentui/utilities": "^8.13.3", "tslib": "^2.1.0" }, "exports": { diff --git a/packages/foundation-legacy/CHANGELOG.json b/packages/foundation-legacy/CHANGELOG.json index 7fb875167430e..864793dc638c0 100644 --- a/packages/foundation-legacy/CHANGELOG.json +++ b/packages/foundation-legacy/CHANGELOG.json @@ -1,6 +1,45 @@ { "name": "@fluentui/foundation-legacy", "entries": [ + { + "date": "Wed, 09 Nov 2022 07:48:12 GMT", + "tag": "@fluentui/foundation-legacy_v8.2.23", + "version": "8.2.23", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/foundation-legacy", + "comment": "Bump @fluentui/merge-styles to v8.5.4", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + }, + { + "author": "beachball", + "package": "@fluentui/foundation-legacy", + "comment": "Bump @fluentui/set-version to v8.2.3", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + }, + { + "author": "beachball", + "package": "@fluentui/foundation-legacy", + "comment": "Bump @fluentui/style-utilities to v8.8.2", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + }, + { + "author": "beachball", + "package": "@fluentui/foundation-legacy", + "comment": "Bump @fluentui/utilities to v8.13.3", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + }, + { + "author": "beachball", + "package": "@fluentui/foundation-legacy", + "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.21", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + } + ] + } + }, { "date": "Thu, 20 Oct 2022 07:43:14 GMT", "tag": "@fluentui/foundation-legacy_v8.2.22", diff --git a/packages/foundation-legacy/CHANGELOG.md b/packages/foundation-legacy/CHANGELOG.md index e7f32e088e6a3..4d0bce83a55b1 100644 --- a/packages/foundation-legacy/CHANGELOG.md +++ b/packages/foundation-legacy/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/foundation-legacy -This log was last generated on Thu, 20 Oct 2022 07:43:14 GMT and should not be manually modified. +This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified. +## [8.2.23](https://github.com/microsoft/fluentui/tree/@fluentui/foundation-legacy_v8.2.23) + +Wed, 09 Nov 2022 07:48:12 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/foundation-legacy_v8.2.22..@fluentui/foundation-legacy_v8.2.23) + +### Patches + +- Bump @fluentui/merge-styles to v8.5.4 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) +- Bump @fluentui/set-version to v8.2.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) +- Bump @fluentui/style-utilities to v8.8.2 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) +- Bump @fluentui/utilities to v8.13.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) +- Bump @fluentui/jest-serializer-merge-styles to v8.0.21 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) + ## [8.2.22](https://github.com/microsoft/fluentui/tree/@fluentui/foundation-legacy_v8.2.22) Thu, 20 Oct 2022 07:43:14 GMT diff --git a/packages/foundation-legacy/package.json b/packages/foundation-legacy/package.json index 9286d3d97c266..226528ed173fa 100644 --- a/packages/foundation-legacy/package.json +++ b/packages/foundation-legacy/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/foundation-legacy", - "version": "8.2.22", + "version": "8.2.23", "description": "Legacy utilities for building Fluent UI React components.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,14 +27,14 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/scripts": "^1.0.0", - "@fluentui/jest-serializer-merge-styles": "^8.0.20", + "@fluentui/jest-serializer-merge-styles": "^8.0.21", "react-hooks-testing-library": "^0.5.0" }, "dependencies": { - "@fluentui/merge-styles": "^8.5.3", - "@fluentui/set-version": "^8.2.2", - "@fluentui/style-utilities": "^8.8.1", - "@fluentui/utilities": "^8.13.2", + "@fluentui/merge-styles": "^8.5.4", + "@fluentui/set-version": "^8.2.3", + "@fluentui/style-utilities": "^8.8.2", + "@fluentui/utilities": "^8.13.3", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/jest-serializer-merge-styles/CHANGELOG.json b/packages/jest-serializer-merge-styles/CHANGELOG.json index 91c30174120d2..e9672c2926212 100644 --- a/packages/jest-serializer-merge-styles/CHANGELOG.json +++ b/packages/jest-serializer-merge-styles/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/jest-serializer-merge-styles", "entries": [ + { + "date": "Wed, 09 Nov 2022 07:48:12 GMT", + "tag": "@fluentui/jest-serializer-merge-styles_v8.0.21", + "version": "8.0.21", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/jest-serializer-merge-styles", + "comment": "Bump @fluentui/merge-styles to v8.5.4", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + } + ] + } + }, { "date": "Mon, 08 Aug 2022 07:39:33 GMT", "tag": "@fluentui/jest-serializer-merge-styles_v8.0.20", diff --git a/packages/jest-serializer-merge-styles/CHANGELOG.md b/packages/jest-serializer-merge-styles/CHANGELOG.md index 14fa359d7a91d..a0deb3dadb0da 100644 --- a/packages/jest-serializer-merge-styles/CHANGELOG.md +++ b/packages/jest-serializer-merge-styles/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/jest-serializer-merge-styles -This log was last generated on Mon, 08 Aug 2022 07:39:33 GMT and should not be manually modified. +This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified. +## [8.0.21](https://github.com/microsoft/fluentui/tree/@fluentui/jest-serializer-merge-styles_v8.0.21) + +Wed, 09 Nov 2022 07:48:12 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/jest-serializer-merge-styles_v8.0.20..@fluentui/jest-serializer-merge-styles_v8.0.21) + +### Patches + +- Bump @fluentui/merge-styles to v8.5.4 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) + ## [8.0.20](https://github.com/microsoft/fluentui/tree/@fluentui/jest-serializer-merge-styles_v8.0.20) Mon, 08 Aug 2022 07:39:33 GMT diff --git a/packages/jest-serializer-merge-styles/package.json b/packages/jest-serializer-merge-styles/package.json index 131520528e318..5a38e92e82c03 100644 --- a/packages/jest-serializer-merge-styles/package.json +++ b/packages/jest-serializer-merge-styles/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/jest-serializer-merge-styles", - "version": "8.0.20", + "version": "8.0.21", "description": "Jest serializer for merge-styles.", "main": "lib-commonjs/index.js", "typings": "lib-commonjs/index.d.ts", @@ -23,6 +23,6 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/merge-styles": "^8.5.3" + "@fluentui/merge-styles": "^8.5.4" } } diff --git a/packages/keyboard-key/package.json b/packages/keyboard-key/package.json index b1c0ca3685f23..d536bae6011f8 100644 --- a/packages/keyboard-key/package.json +++ b/packages/keyboard-key/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/keyboard-key", - "version": "0.4.2", + "version": "0.4.3", "description": "A simple utility for determining the KeyboardEvent.key property from a keyboard event.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/merge-styles/CHANGELOG.json b/packages/merge-styles/CHANGELOG.json index a17df5d6b25c9..f3c112c3c740d 100644 --- a/packages/merge-styles/CHANGELOG.json +++ b/packages/merge-styles/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/merge-styles", "entries": [ + { + "date": "Wed, 09 Nov 2022 07:48:12 GMT", + "tag": "@fluentui/merge-styles_v8.5.4", + "version": "8.5.4", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/merge-styles", + "comment": "Bump @fluentui/set-version to v8.2.3", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + } + ] + } + }, { "date": "Mon, 08 Aug 2022 07:39:33 GMT", "tag": "@fluentui/merge-styles_v8.5.3", diff --git a/packages/merge-styles/CHANGELOG.md b/packages/merge-styles/CHANGELOG.md index 15b86b730f165..a64beb7e9089d 100644 --- a/packages/merge-styles/CHANGELOG.md +++ b/packages/merge-styles/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/merge-styles -This log was last generated on Mon, 08 Aug 2022 07:39:33 GMT and should not be manually modified. +This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified. +## [8.5.4](https://github.com/microsoft/fluentui/tree/@fluentui/merge-styles_v8.5.4) + +Wed, 09 Nov 2022 07:48:12 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/merge-styles_v8.5.3..@fluentui/merge-styles_v8.5.4) + +### Patches + +- Bump @fluentui/set-version to v8.2.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) + ## [8.5.3](https://github.com/microsoft/fluentui/tree/@fluentui/merge-styles_v8.5.3) Mon, 08 Aug 2022 07:39:33 GMT diff --git a/packages/merge-styles/package.json b/packages/merge-styles/package.json index cac4f8bb01c93..e01cd47286c91 100644 --- a/packages/merge-styles/package.json +++ b/packages/merge-styles/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/merge-styles", - "version": "8.5.3", + "version": "8.5.4", "description": "Style loading utilities.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/set-version": "^8.2.2", + "@fluentui/set-version": "^8.2.3", "tslib": "^2.1.0" }, "exports": { diff --git a/packages/monaco-editor/package.json b/packages/monaco-editor/package.json index aaaea26be1491..de1632b13730c 100644 --- a/packages/monaco-editor/package.json +++ b/packages/monaco-editor/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/monaco-editor", - "version": "1.3.2", + "version": "1.3.3", "description": "Version of monaco-editor with configuration helpers and transformed CSS files", "module": "./lib/monacoBundle.js", "typings": "./esm/vs/editor/editor.api.d.ts", diff --git a/packages/public-docsite-setup/package.json b/packages/public-docsite-setup/package.json index c6d51007fa87e..713ec65e296fc 100644 --- a/packages/public-docsite-setup/package.json +++ b/packages/public-docsite-setup/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/public-docsite-setup", - "version": "0.3.12", + "version": "0.3.13", "description": "Bootstrap code for the Fluent UI website. Internal use only.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/react-cards/CHANGELOG.json b/packages/react-cards/CHANGELOG.json index e862e74da686b..c8f279d3962a5 100644 --- a/packages/react-cards/CHANGELOG.json +++ b/packages/react-cards/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-cards", "entries": [ + { + "date": "Wed, 09 Nov 2022 07:48:12 GMT", + "tag": "@fluentui/react-cards_v0.205.23", + "version": "0.205.23", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/react to v8.101.0", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + }, + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/foundation-legacy to v8.2.23", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + }, + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/set-version to v8.2.3", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + }, + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.21", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + } + ] + } + }, { "date": "Fri, 04 Nov 2022 07:48:07 GMT", "tag": "@fluentui/react-cards_v0.205.22", diff --git a/packages/react-cards/CHANGELOG.md b/packages/react-cards/CHANGELOG.md index 3be887bb84571..d04cd41b7ec28 100644 --- a/packages/react-cards/CHANGELOG.md +++ b/packages/react-cards/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-cards -This log was last generated on Fri, 04 Nov 2022 07:48:07 GMT and should not be manually modified. +This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified. +## [0.205.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.23) + +Wed, 09 Nov 2022 07:48:12 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-cards_v0.205.22..@fluentui/react-cards_v0.205.23) + +### Patches + +- Bump @fluentui/react to v8.101.0 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) +- Bump @fluentui/foundation-legacy to v8.2.23 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) +- Bump @fluentui/set-version to v8.2.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) +- Bump @fluentui/jest-serializer-merge-styles to v8.0.21 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) + ## [0.205.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.22) Fri, 04 Nov 2022 07:48:07 GMT diff --git a/packages/react-cards/package.json b/packages/react-cards/package.json index ff9b4b371f043..d7b793e27e17b 100644 --- a/packages/react-cards/package.json +++ b/packages/react-cards/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-cards", - "version": "0.205.22", + "version": "0.205.23", "description": "Deprecated experimental Card container components for Fluent UI React.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,13 +27,13 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/jest-serializer-merge-styles": "^8.0.20", + "@fluentui/jest-serializer-merge-styles": "^8.0.21", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react": "^8.100.0", - "@fluentui/foundation-legacy": "^8.2.22", - "@fluentui/set-version": "^8.2.2", + "@fluentui/react": "^8.101.0", + "@fluentui/foundation-legacy": "^8.2.23", + "@fluentui/set-version": "^8.2.3", "@microsoft/load-themed-styles": "^1.10.26", "tslib": "^2.1.0" }, diff --git a/packages/react-charting/CHANGELOG.json b/packages/react-charting/CHANGELOG.json index a0166ae56824c..e2f78fa2175dd 100644 --- a/packages/react-charting/CHANGELOG.json +++ b/packages/react-charting/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-charting", "entries": [ + { + "date": "Wed, 09 Nov 2022 07:48:12 GMT", + "tag": "@fluentui/react-charting_v5.14.13", + "version": "5.14.13", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/react-focus to v8.8.9", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + }, + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/set-version to v8.2.3", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + }, + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/react to v8.101.0", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + }, + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.21", + "commit": "99542b13a50433f03228b30113f305bc38a1340c" + } + ] + } + }, { "date": "Fri, 04 Nov 2022 07:48:06 GMT", "tag": "@fluentui/react-charting_v5.14.12", diff --git a/packages/react-charting/CHANGELOG.md b/packages/react-charting/CHANGELOG.md index d107d334bd18b..eadc5ab648b4a 100644 --- a/packages/react-charting/CHANGELOG.md +++ b/packages/react-charting/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-charting -This log was last generated on Fri, 04 Nov 2022 07:48:06 GMT and should not be manually modified. +This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified. +## [5.14.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.14.13) + +Wed, 09 Nov 2022 07:48:12 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.14.12..@fluentui/react-charting_v5.14.13) + +### Patches + +- Bump @fluentui/react-focus to v8.8.9 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) +- Bump @fluentui/set-version to v8.2.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) +- Bump @fluentui/react to v8.101.0 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) +- Bump @fluentui/jest-serializer-merge-styles to v8.0.21 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball) + ## [5.14.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.14.12) Fri, 04 Nov 2022 07:48:06 GMT diff --git a/packages/react-charting/package.json b/packages/react-charting/package.json index fb9efa376342e..139fc8c6c40b2 100644 --- a/packages/react-charting/package.json +++ b/packages/react-charting/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-charting", - "version": "5.14.12", + "version": "5.14.13", "description": "Experimental React charting components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,13 +28,13 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react": "^8.100.0", + "@fluentui/react": "^8.101.0", "@types/react-addons-test-utils": "0.14.18", "@fluentui/scripts": "^1.0.0", - "@fluentui/jest-serializer-merge-styles": "^8.0.20" + "@fluentui/jest-serializer-merge-styles": "^8.0.21" }, "dependencies": { - "@fluentui/react-focus": "^8.8.8", + "@fluentui/react-focus": "^8.8.9", "@microsoft/load-themed-styles": "^1.10.26", "@types/d3-array": "1.2.1", "@types/d3-axis": "1.0.10", @@ -46,7 +46,7 @@ "@types/d3-shape": "^1.2.3", "@types/d3-time-format": "^2.1.0", "@types/d3-time": "^1.1.0", - "@fluentui/set-version": "^8.2.2", + "@fluentui/set-version": "^8.2.3", "d3-array": "1.2.1", "d3-axis": "1.0.8", "d3-format": "^1.4.4", @@ -60,7 +60,7 @@ "tslib": "^2.1.0" }, "peerDependencies": { - "@fluentui/react": "^8.100.0", + "@fluentui/react": "^8.101.0", "@types/react": ">=16.8.0 <19.0.0", "@types/react-dom": ">=16.8.0 <19.0.0", "react": ">=16.8.0 <19.0.0", diff --git a/packages/react-components/babel-preset-global-context/CHANGELOG.json b/packages/react-components/babel-preset-global-context/CHANGELOG.json index 3ef66524e7932..10b57d0abfe32 100644 --- a/packages/react-components/babel-preset-global-context/CHANGELOG.json +++ b/packages/react-components/babel-preset-global-context/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/babel-preset-global-context", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:49 GMT", + "tag": "@fluentui/babel-preset-global-context_v9.0.0-beta.8", + "version": "9.0.0-beta.8", + "comments": { + "prerelease": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/babel-preset-global-context", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "beachball", + "package": "@fluentui/babel-preset-global-context", + "comment": "Bump @fluentui/global-context to v9.0.0-beta.8", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:58:07 GMT", "tag": "@fluentui/babel-preset-global-context_v9.0.0-beta.7", diff --git a/packages/react-components/babel-preset-global-context/CHANGELOG.md b/packages/react-components/babel-preset-global-context/CHANGELOG.md index 5d021fe58e137..0d19b20ff8126 100644 --- a/packages/react-components/babel-preset-global-context/CHANGELOG.md +++ b/packages/react-components/babel-preset-global-context/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/babel-preset-global-context -This log was last generated on Wed, 02 Nov 2022 11:58:07 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:49 GMT and should not be manually modified. +## [9.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/babel-preset-global-context_v9.0.0-beta.8) + +Fri, 11 Nov 2022 14:57:49 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/babel-preset-global-context_v9.0.0-beta.7..@fluentui/babel-preset-global-context_v9.0.0-beta.8) + +### Changes + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/global-context to v9.0.0-beta.8 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.0-beta.7](https://github.com/microsoft/fluentui/tree/@fluentui/babel-preset-global-context_v9.0.0-beta.7) Wed, 02 Nov 2022 11:58:07 GMT diff --git a/packages/react-components/babel-preset-global-context/package.json b/packages/react-components/babel-preset-global-context/package.json index be2285015d849..3a5272d50c745 100644 --- a/packages/react-components/babel-preset-global-context/package.json +++ b/packages/react-components/babel-preset-global-context/package.json @@ -1,9 +1,9 @@ { "name": "@fluentui/babel-preset-global-context", - "version": "9.0.0-beta.7", + "version": "9.0.0-beta.8", "description": "Babel preset that transforms createContext calls to use global context shims", "main": "lib-commonjs/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "repository": { "type": "git", "url": "https://github.com/microsoft/fluentui" @@ -38,7 +38,7 @@ "tslib": "^2.1.0" }, "peerDependencies": { - "@fluentui/global-context": "9.0.0-beta.7" + "@fluentui/global-context": "9.0.0-beta.8" }, "beachball": { "disallowedChangeTypes": [ @@ -46,5 +46,12 @@ "minor", "patch" ] + }, + "exports": { + ".": { + "types": "./dist/index.d.ts", + "require": "./lib-commonjs/index.js" + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/global-context/CHANGELOG.json b/packages/react-components/global-context/CHANGELOG.json index 077f7fa047214..6419a704f5db9 100644 --- a/packages/react-components/global-context/CHANGELOG.json +++ b/packages/react-components/global-context/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/global-context", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:50 GMT", + "tag": "@fluentui/global-context_v9.0.0-beta.8", + "version": "9.0.0-beta.8", + "comments": { + "prerelease": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/global-context", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "beachball", + "package": "@fluentui/global-context", + "comment": "Bump @fluentui/react-context-selector to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/global-context", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:58:07 GMT", "tag": "@fluentui/global-context_v9.0.0-beta.7", diff --git a/packages/react-components/global-context/CHANGELOG.md b/packages/react-components/global-context/CHANGELOG.md index abd829868048b..7f23d3dce93b2 100644 --- a/packages/react-components/global-context/CHANGELOG.md +++ b/packages/react-components/global-context/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/global-context -This log was last generated on Wed, 02 Nov 2022 11:58:07 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:50 GMT and should not be manually modified. +## [9.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/global-context_v9.0.0-beta.8) + +Fri, 11 Nov 2022 14:57:50 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/global-context_v9.0.0-beta.7..@fluentui/global-context_v9.0.0-beta.8) + +### Changes + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/react-context-selector to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.0-beta.7](https://github.com/microsoft/fluentui/tree/@fluentui/global-context_v9.0.0-beta.7) Wed, 02 Nov 2022 11:58:07 GMT diff --git a/packages/react-components/global-context/package.json b/packages/react-components/global-context/package.json index d024b29140346..41e623590888c 100644 --- a/packages/react-components/global-context/package.json +++ b/packages/react-components/global-context/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/global-context", - "version": "9.0.0-beta.7", + "version": "9.0.0-beta.8", "description": "Extension of React createContext to be a true singleton on the global scope", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -30,8 +30,8 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.0", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-context-selector": "^9.1.1", + "@fluentui/react-utilities": "^9.2.1", "tslib": "^2.1.0" }, "peerDependencies": { @@ -47,5 +47,13 @@ "minor", "patch" ] + }, + "exports": { + ".": { + "types": "./dist/index.d.ts", + "import": "./lib/index.js", + "require": "./lib-commonjs/index.js" + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/keyboard-keys/CHANGELOG.json b/packages/react-components/keyboard-keys/CHANGELOG.json index 197d3ec8ce684..80b49b2a849be 100644 --- a/packages/react-components/keyboard-keys/CHANGELOG.json +++ b/packages/react-components/keyboard-keys/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/keyboard-keys", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:50 GMT", + "tag": "@fluentui/keyboard-keys_v9.0.1", + "version": "9.0.1", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/keyboard-keys", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + } + ] + } + }, { "date": "Tue, 25 Oct 2022 22:09:50 GMT", "tag": "@fluentui/keyboard-keys_v9.0.0", diff --git a/packages/react-components/keyboard-keys/CHANGELOG.md b/packages/react-components/keyboard-keys/CHANGELOG.md index 6ecdc20f6de37..8a8390c5f4f5b 100644 --- a/packages/react-components/keyboard-keys/CHANGELOG.md +++ b/packages/react-components/keyboard-keys/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/keyboard-keys -This log was last generated on Tue, 28 Jun 2022 15:14:09 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:50 GMT and should not be manually modified. +## [9.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/keyboard-keys_v9.0.1) + +Fri, 11 Nov 2022 14:57:50 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/keyboard-keys_v9.0.0..@fluentui/keyboard-keys_v9.0.1) + +### Patches + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + ## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/keyboard-keys_v9.0.0) Tue, 28 Jun 2022 15:14:09 GMT diff --git a/packages/react-components/keyboard-keys/package.json b/packages/react-components/keyboard-keys/package.json index 1084622d24e26..8822c3318127c 100644 --- a/packages/react-components/keyboard-keys/package.json +++ b/packages/react-components/keyboard-keys/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/keyboard-keys", - "version": "9.0.0", + "version": "9.0.1", "description": "Contains a set of keyboard constants for key and keyCode", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -37,9 +37,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/priority-overflow/CHANGELOG.json b/packages/react-components/priority-overflow/CHANGELOG.json index f4c7c23761950..fb19f41fb455a 100644 --- a/packages/react-components/priority-overflow/CHANGELOG.json +++ b/packages/react-components/priority-overflow/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/priority-overflow", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:50 GMT", + "tag": "@fluentui/priority-overflow_v9.0.0-beta.4", + "version": "9.0.0-beta.4", + "comments": { + "prerelease": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/priority-overflow", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + } + ] + } + }, { "date": "Tue, 25 Oct 2022 22:09:50 GMT", "tag": "@fluentui/priority-overflow_v9.0.0-beta.3", diff --git a/packages/react-components/priority-overflow/CHANGELOG.md b/packages/react-components/priority-overflow/CHANGELOG.md index a06b0aec1ca23..fd641717ae80b 100644 --- a/packages/react-components/priority-overflow/CHANGELOG.md +++ b/packages/react-components/priority-overflow/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/priority-overflow -This log was last generated on Thu, 13 Oct 2022 11:02:41 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:50 GMT and should not be manually modified. +## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/priority-overflow_v9.0.0-beta.4) + +Fri, 11 Nov 2022 14:57:50 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/priority-overflow_v9.0.0-beta.3..@fluentui/priority-overflow_v9.0.0-beta.4) + +### Changes + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/priority-overflow_v9.0.0-beta.3) Thu, 13 Oct 2022 11:02:41 GMT diff --git a/packages/react-components/priority-overflow/package.json b/packages/react-components/priority-overflow/package.json index fc5a72f042214..83224b3277078 100644 --- a/packages/react-components/priority-overflow/package.json +++ b/packages/react-components/priority-overflow/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/priority-overflow", - "version": "9.0.0-beta.3", + "version": "9.0.0-beta.4", "description": "Vanilla JS utilities to implement overflow menus", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -36,5 +36,13 @@ "minor", "patch" ] + }, + "exports": { + ".": { + "types": "./dist/index.d.ts", + "import": "./lib/index.js", + "require": "./lib-commonjs/index.js" + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-accordion/CHANGELOG.json b/packages/react-components/react-accordion/CHANGELOG.json index f274aa6388090..674d2d7d1a289 100644 --- a/packages/react-components/react-accordion/CHANGELOG.json +++ b/packages/react-components/react-accordion/CHANGELOG.json @@ -1,6 +1,65 @@ { "name": "@fluentui/react-accordion", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:51 GMT", + "tag": "@fluentui/react-accordion_v9.0.11", + "version": "9.0.11", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-accordion", + "commit": "87859b052155ca206ef3540a2a9623803f6e2b93", + "comment": "test: replace deprecated module.parent with require.main within isConformance" + } + ], + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-aria to v9.3.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-context-selector to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-shared-contexts to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-tabster to v9.3.0", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:46 GMT", "tag": "@fluentui/react-accordion_v9.0.10", diff --git a/packages/react-components/react-accordion/CHANGELOG.md b/packages/react-components/react-accordion/CHANGELOG.md index 233ac4912a7de..f63bbdda62659 100644 --- a/packages/react-components/react-accordion/CHANGELOG.md +++ b/packages/react-components/react-accordion/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-accordion -This log was last generated on Wed, 02 Nov 2022 11:57:46 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:51 GMT and should not be manually modified. +## [9.0.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.11) + +Fri, 11 Nov 2022 14:57:51 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.10..@fluentui/react-accordion_v9.0.11) + +### Patches + +- Bump @fluentui/react-aria to v9.3.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-context-selector to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-shared-contexts to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.10) Wed, 02 Nov 2022 11:57:46 GMT diff --git a/packages/react-components/react-accordion/package.json b/packages/react-components/react-accordion/package.json index 2d514a2b3924e..2f0233771442e 100644 --- a/packages/react-components/react-accordion/package.json +++ b/packages/react-components/react-accordion/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-accordion", - "version": "9.0.10", + "version": "9.0.11", "description": "Fluent UI accordion component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,17 +27,17 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-aria": "^9.3.0", - "@fluentui/react-context-selector": "^9.1.0", + "@fluentui/react-aria": "^9.3.1", + "@fluentui/react-context-selector": "^9.1.1", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-shared-contexts": "^9.1.0", - "@fluentui/react-tabster": "^9.2.1", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-shared-contexts": "^9.1.1", + "@fluentui/react-tabster": "^9.3.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-accordion/src/testing/isConformant.ts b/packages/react-components/react-accordion/src/testing/isConformant.ts index 0a15c2c64f0fb..183b694ab7ee3 100644 --- a/packages/react-components/react-accordion/src/testing/isConformant.ts +++ b/packages/react-components/react-accordion/src/testing/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-alert/CHANGELOG.json b/packages/react-components/react-alert/CHANGELOG.json index d3ea29b60fa5e..640c387c2763d 100644 --- a/packages/react-components/react-alert/CHANGELOG.json +++ b/packages/react-components/react-alert/CHANGELOG.json @@ -1,6 +1,53 @@ { "name": "@fluentui/react-alert", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:51 GMT", + "tag": "@fluentui/react-alert_v9.0.0-beta.17", + "version": "9.0.0-beta.17", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-alert", + "commit": "87859b052155ca206ef3540a2a9623803f6e2b93", + "comment": "test: replace deprecated module.parent with require.main within isConformance" + } + ], + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-avatar to v9.2.6", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-button to v9.1.8", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:47 GMT", "tag": "@fluentui/react-alert_v9.0.0-beta.16", diff --git a/packages/react-components/react-alert/CHANGELOG.md b/packages/react-components/react-alert/CHANGELOG.md index 520ef8718dcf0..11a20b240a42e 100644 --- a/packages/react-components/react-alert/CHANGELOG.md +++ b/packages/react-components/react-alert/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-alert -This log was last generated on Wed, 02 Nov 2022 11:57:47 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:51 GMT and should not be manually modified. +## [9.0.0-beta.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-alert_v9.0.0-beta.17) + +Fri, 11 Nov 2022 14:57:51 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-alert_v9.0.0-beta.16..@fluentui/react-alert_v9.0.0-beta.17) + +### Changes + +- Bump @fluentui/react-avatar to v9.2.6 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-button to v9.1.8 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.0-beta.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-alert_v9.0.0-beta.16) Wed, 02 Nov 2022 11:57:47 GMT diff --git a/packages/react-components/react-alert/package.json b/packages/react-components/react-alert/package.json index bc05bab4bd3e3..6be48b99cba59 100644 --- a/packages/react-components/react-alert/package.json +++ b/packages/react-components/react-alert/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-alert", - "version": "9.0.0-beta.16", + "version": "9.0.0-beta.17", "description": "An alert component to display brief messages", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,15 +27,15 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-avatar": "^9.2.5", - "@fluentui/react-button": "^9.1.7", + "@fluentui/react-avatar": "^9.2.6", + "@fluentui/react-button": "^9.1.8", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-alert/src/testing/isConformant.ts b/packages/react-components/react-alert/src/testing/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-alert/src/testing/isConformant.ts +++ b/packages/react-components/react-alert/src/testing/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-aria/CHANGELOG.json b/packages/react-components/react-aria/CHANGELOG.json index 9fcd590109367..c8be4ee247ba3 100644 --- a/packages/react-components/react-aria/CHANGELOG.json +++ b/packages/react-components/react-aria/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-aria", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:51 GMT", + "tag": "@fluentui/react-aria_v9.3.1", + "version": "9.3.1", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-aria", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "beachball", + "package": "@fluentui/react-aria", + "comment": "Bump @fluentui/keyboard-keys to v9.0.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-aria", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:47 GMT", "tag": "@fluentui/react-aria_v9.3.0", diff --git a/packages/react-components/react-aria/CHANGELOG.md b/packages/react-components/react-aria/CHANGELOG.md index a4c4055b58d50..da2a2c3c381cb 100644 --- a/packages/react-components/react-aria/CHANGELOG.md +++ b/packages/react-components/react-aria/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-aria -This log was last generated on Wed, 02 Nov 2022 11:57:47 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:51 GMT and should not be manually modified. +## [9.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.3.1) + +Fri, 11 Nov 2022 14:57:51 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-aria_v9.3.0..@fluentui/react-aria_v9.3.1) + +### Patches + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/keyboard-keys to v9.0.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.3.0) Wed, 02 Nov 2022 11:57:47 GMT diff --git a/packages/react-components/react-aria/package.json b/packages/react-components/react-aria/package.json index 555f748ba57f5..19eece421bddf 100644 --- a/packages/react-components/react-aria/package.json +++ b/packages/react-components/react-aria/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-aria", - "version": "9.3.0", + "version": "9.3.1", "description": "React helper to ensure ARIA", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -30,8 +30,8 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/keyboard-keys": "^9.0.0", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/keyboard-keys": "^9.0.1", + "@fluentui/react-utilities": "^9.2.1", "tslib": "^2.1.0" }, "peerDependencies": { @@ -48,9 +48,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-avatar-context/package.json b/packages/react-components/react-avatar-context/package.json index 3dc0c329ce5df..ac4fbd313c742 100644 --- a/packages/react-components/react-avatar-context/package.json +++ b/packages/react-components/react-avatar-context/package.json @@ -5,7 +5,7 @@ "description": "Context to override avatar props", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -25,12 +25,12 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -46,5 +46,13 @@ "minor", "patch" ] + }, + "exports": { + ".": { + "types": "./dist/index.d.ts", + "import": "./lib/index.js", + "require": "./lib-commonjs/index.js" + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-avatar/CHANGELOG.json b/packages/react-components/react-avatar/CHANGELOG.json index a045372e59a8a..44327265e72b1 100644 --- a/packages/react-components/react-avatar/CHANGELOG.json +++ b/packages/react-components/react-avatar/CHANGELOG.json @@ -1,6 +1,107 @@ { "name": "@fluentui/react-avatar", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:52 GMT", + "tag": "@fluentui/react-avatar_v9.2.6", + "version": "9.2.6", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-avatar", + "commit": "87859b052155ca206ef3540a2a9623803f6e2b93", + "comment": "test: replace deprecated module.parent with require.main within isConformance" + } + ], + "patch": [ + { + "author": "humberto_makoto@hotmail.com", + "package": "@fluentui/react-avatar", + "commit": "81a3171e14fcaead04c6cf3fbf8eda962178b442", + "comment": "chore: Replacing use of hard-coded constants with curve and duration tokens from theme." + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-avatar", + "commit": "19c8608a71aa59113bea131bbbd1922125303ced", + "comment": "fix: Update Avatar active ring color to match base color" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-avatar", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-avatar", + "commit": "b932f8ce3676d1fd82a6bdc79364007c9d3b2def", + "comment": "chore: Remove AvatarGroup unstable warnings." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-avatar", + "commit": "50d5f2ef0d6a06851e78f736055fcc313d61029b", + "comment": "chore: Migrate to new package structure." + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-badge to v9.0.12", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-context-selector to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-popover to v9.3.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-shared-contexts to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-tabster to v9.3.0", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-tooltip to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:47 GMT", "tag": "@fluentui/react-avatar_v9.2.5", diff --git a/packages/react-components/react-avatar/CHANGELOG.md b/packages/react-components/react-avatar/CHANGELOG.md index efcf91ad45a2f..9f4ece09a6353 100644 --- a/packages/react-components/react-avatar/CHANGELOG.md +++ b/packages/react-components/react-avatar/CHANGELOG.md @@ -1,9 +1,31 @@ # Change Log - @fluentui/react-avatar -This log was last generated on Wed, 02 Nov 2022 11:57:47 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:52 GMT and should not be manually modified. +## [9.2.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.2.6) + +Fri, 11 Nov 2022 14:57:52 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.2.5..@fluentui/react-avatar_v9.2.6) + +### Patches + +- chore: Replacing use of hard-coded constants with curve and duration tokens from theme. ([PR #25522](https://github.com/microsoft/fluentui/pull/25522) by humberto_makoto@hotmail.com) +- fix: Update Avatar active ring color to match base color ([PR #25497](https://github.com/microsoft/fluentui/pull/25497) by behowell@microsoft.com) +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- chore: Remove AvatarGroup unstable warnings. ([PR #25005](https://github.com/microsoft/fluentui/pull/25005) by esteban.230@hotmail.com) +- chore: Migrate to new package structure. ([PR #25473](https://github.com/microsoft/fluentui/pull/25473) by tristan.watanabe@gmail.com) +- Bump @fluentui/react-badge to v9.0.12 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-context-selector to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-popover to v9.3.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-shared-contexts to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tooltip to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.2.5) Wed, 02 Nov 2022 11:57:47 GMT diff --git a/packages/react-components/react-avatar/README-AvatarGroup.md b/packages/react-components/react-avatar/README-AvatarGroup.md index ffcedd7740778..ec30506b1bc24 100644 --- a/packages/react-components/react-avatar/README-AvatarGroup.md +++ b/packages/react-components/react-avatar/README-AvatarGroup.md @@ -4,20 +4,10 @@ The AvatarGroup component represents a group of multiple people or entities by taking care of the arrangement of individual Avatars in a spread, stack, or pie layout. -## STATUS: WIP 🚧 - -These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release. - ## Usage To import AvatarGroup, AvatarGroupItem, AvatarGroupPopover, and partitionAvatarGroupItems: -```js -import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover, partitionAvatarGroupItems } from '@fluentui/react-avatar'; -``` - -Once the AvatarGroup component graduates to a production release, the component will be available at: - ```js import { AvatarGroup, diff --git a/packages/react-components/react-avatar/package.json b/packages/react-components/react-avatar/package.json index de36f9c98b34c..c9a3af1eb2881 100644 --- a/packages/react-components/react-avatar/package.json +++ b/packages/react-components/react-avatar/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-avatar", - "version": "9.2.5", + "version": "9.2.6", "description": "React components for building Microsoft web experiences.", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -29,20 +29,20 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0", "es6-weak-map": "^2.0.2" }, "dependencies": { - "@fluentui/react-badge": "^9.0.11", - "@fluentui/react-context-selector": "^9.1.0", + "@fluentui/react-badge": "^9.0.12", + "@fluentui/react-context-selector": "^9.1.1", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-popover": "^9.3.0", - "@fluentui/react-shared-contexts": "^9.1.0", - "@fluentui/react-tabster": "^9.2.1", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-tooltip": "^9.1.0", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-popover": "^9.3.1", + "@fluentui/react-shared-contexts": "^9.1.1", + "@fluentui/react-tabster": "^9.3.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-tooltip": "^9.1.1", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -61,9 +61,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-avatar/src/components/Avatar/useAvatarStyles.ts b/packages/react-components/react-avatar/src/components/Avatar/useAvatarStyles.ts index a2665273d7d51..20c09ca725219 100644 --- a/packages/react-components/react-avatar/src/components/Avatar/useAvatarStyles.ts +++ b/packages/react-components/react-avatar/src/components/Avatar/useAvatarStyles.ts @@ -89,7 +89,6 @@ const useStyles = makeStyles({ ring: { '::before': { - ...shorthands.borderColor(tokens.colorBrandBackgroundStatic), ...shorthands.borderStyle('solid'), }, }, @@ -216,130 +215,163 @@ const useColorStyles = makeStyles({ neutral: { color: tokens.colorNeutralForeground3, backgroundColor: tokens.colorNeutralBackground6, + // The ::before element is the ring when active + '::before': { color: tokens.colorBrandStroke1 }, }, brand: { color: tokens.colorNeutralForegroundStaticInverted, backgroundColor: tokens.colorBrandBackgroundStatic, + '::before': { color: tokens.colorBrandStroke1 }, }, 'dark-red': { color: tokens.colorPaletteDarkRedForeground2, backgroundColor: tokens.colorPaletteDarkRedBackground2, + '::before': { color: tokens.colorPaletteDarkRedBorderActive }, }, cranberry: { color: tokens.colorPaletteCranberryForeground2, backgroundColor: tokens.colorPaletteCranberryBackground2, + '::before': { color: tokens.colorPaletteCranberryBorderActive }, }, red: { color: tokens.colorPaletteRedForeground2, backgroundColor: tokens.colorPaletteRedBackground2, + '::before': { color: tokens.colorPaletteRedBorderActive }, }, pumpkin: { color: tokens.colorPalettePumpkinForeground2, backgroundColor: tokens.colorPalettePumpkinBackground2, + '::before': { color: tokens.colorPalettePumpkinBorderActive }, }, peach: { color: tokens.colorPalettePeachForeground2, backgroundColor: tokens.colorPalettePeachBackground2, + '::before': { color: tokens.colorPalettePeachBorderActive }, }, marigold: { color: tokens.colorPaletteMarigoldForeground2, backgroundColor: tokens.colorPaletteMarigoldBackground2, + '::before': { color: tokens.colorPaletteMarigoldBorderActive }, }, gold: { color: tokens.colorPaletteGoldForeground2, backgroundColor: tokens.colorPaletteGoldBackground2, + '::before': { color: tokens.colorPaletteGoldBorderActive }, }, brass: { color: tokens.colorPaletteBrassForeground2, backgroundColor: tokens.colorPaletteBrassBackground2, + '::before': { color: tokens.colorPaletteBrassBorderActive }, }, brown: { color: tokens.colorPaletteBrownForeground2, backgroundColor: tokens.colorPaletteBrownBackground2, + '::before': { color: tokens.colorPaletteBrownBorderActive }, }, forest: { color: tokens.colorPaletteForestForeground2, backgroundColor: tokens.colorPaletteForestBackground2, + '::before': { color: tokens.colorPaletteForestBorderActive }, }, seafoam: { color: tokens.colorPaletteSeafoamForeground2, backgroundColor: tokens.colorPaletteSeafoamBackground2, + '::before': { color: tokens.colorPaletteSeafoamBorderActive }, }, 'dark-green': { color: tokens.colorPaletteDarkGreenForeground2, backgroundColor: tokens.colorPaletteDarkGreenBackground2, + '::before': { color: tokens.colorPaletteDarkGreenBorderActive }, }, 'light-teal': { color: tokens.colorPaletteLightTealForeground2, backgroundColor: tokens.colorPaletteLightTealBackground2, + '::before': { color: tokens.colorPaletteLightTealBorderActive }, }, teal: { color: tokens.colorPaletteTealForeground2, backgroundColor: tokens.colorPaletteTealBackground2, + '::before': { color: tokens.colorPaletteTealBorderActive }, }, steel: { color: tokens.colorPaletteSteelForeground2, backgroundColor: tokens.colorPaletteSteelBackground2, + '::before': { color: tokens.colorPaletteSteelBorderActive }, }, blue: { color: tokens.colorPaletteBlueForeground2, backgroundColor: tokens.colorPaletteBlueBackground2, + '::before': { color: tokens.colorPaletteBlueBorderActive }, }, 'royal-blue': { color: tokens.colorPaletteRoyalBlueForeground2, backgroundColor: tokens.colorPaletteRoyalBlueBackground2, + '::before': { color: tokens.colorPaletteRoyalBlueBorderActive }, }, cornflower: { color: tokens.colorPaletteCornflowerForeground2, backgroundColor: tokens.colorPaletteCornflowerBackground2, + '::before': { color: tokens.colorPaletteCornflowerBorderActive }, }, navy: { color: tokens.colorPaletteNavyForeground2, backgroundColor: tokens.colorPaletteNavyBackground2, + '::before': { color: tokens.colorPaletteNavyBorderActive }, }, lavender: { color: tokens.colorPaletteLavenderForeground2, backgroundColor: tokens.colorPaletteLavenderBackground2, + '::before': { color: tokens.colorPaletteLavenderBorderActive }, }, purple: { color: tokens.colorPalettePurpleForeground2, backgroundColor: tokens.colorPalettePurpleBackground2, + '::before': { color: tokens.colorPalettePurpleBorderActive }, }, grape: { color: tokens.colorPaletteGrapeForeground2, backgroundColor: tokens.colorPaletteGrapeBackground2, + '::before': { color: tokens.colorPaletteGrapeBorderActive }, }, lilac: { color: tokens.colorPaletteLilacForeground2, backgroundColor: tokens.colorPaletteLilacBackground2, + '::before': { color: tokens.colorPaletteLilacBorderActive }, }, pink: { color: tokens.colorPalettePinkForeground2, backgroundColor: tokens.colorPalettePinkBackground2, + '::before': { color: tokens.colorPalettePinkBorderActive }, }, magenta: { color: tokens.colorPaletteMagentaForeground2, backgroundColor: tokens.colorPaletteMagentaBackground2, + '::before': { color: tokens.colorPaletteMagentaBorderActive }, }, plum: { color: tokens.colorPalettePlumForeground2, backgroundColor: tokens.colorPalettePlumBackground2, + '::before': { color: tokens.colorPalettePlumBorderActive }, }, beige: { color: tokens.colorPaletteBeigeForeground2, backgroundColor: tokens.colorPaletteBeigeBackground2, + '::before': { color: tokens.colorPaletteBeigeBorderActive }, }, mink: { color: tokens.colorPaletteMinkForeground2, backgroundColor: tokens.colorPaletteMinkBackground2, + '::before': { color: tokens.colorPaletteMinkBorderActive }, }, platinum: { color: tokens.colorPalettePlatinumForeground2, backgroundColor: tokens.colorPalettePlatinumBackground2, + '::before': { color: tokens.colorPalettePlatinumBorderActive }, }, anchor: { color: tokens.colorPaletteAnchorForeground2, backgroundColor: tokens.colorPaletteAnchorBackground2, + '::before': { color: tokens.colorPaletteAnchorBorderActive }, }, }); diff --git a/packages/react-components/react-avatar/src/index.ts b/packages/react-components/react-avatar/src/index.ts index 9bf255a845f58..4d6965e19d616 100644 --- a/packages/react-components/react-avatar/src/index.ts +++ b/packages/react-components/react-avatar/src/index.ts @@ -40,9 +40,9 @@ export { } from './AvatarGroupPopover'; export type { AvatarGroupPopoverProps, AvatarGroupPopoverSlots, AvatarGroupPopoverState } from './AvatarGroupPopover'; export { - AvatarGroupProvider, - useAvatarGroupContext_unstable, AvatarContextProvider, + AvatarGroupProvider, useAvatarContext, + useAvatarGroupContext_unstable, } from './contexts/index'; export type { AvatarContextValue } from './contexts/index'; diff --git a/packages/react-components/react-avatar/src/testing/isConformant.ts b/packages/react-components/react-avatar/src/testing/isConformant.ts index 0a15c2c64f0fb..183b694ab7ee3 100644 --- a/packages/react-components/react-avatar/src/testing/isConformant.ts +++ b/packages/react-components/react-avatar/src/testing/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarActive.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarActive.stories.tsx index db579aab5680d..22173fd6b13c5 100644 --- a/packages/react-components/react-avatar/stories/Avatar/AvatarActive.stories.tsx +++ b/packages/react-components/react-avatar/stories/Avatar/AvatarActive.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Avatar } from '@fluentui/react-avatar'; +import { Avatar } from '@fluentui/react-components'; export const Active = () => (
diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarActiveAppearance.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarActiveAppearance.stories.tsx index 69616d8bd3e0f..108fe31f9d784 100644 --- a/packages/react-components/react-avatar/stories/Avatar/AvatarActiveAppearance.stories.tsx +++ b/packages/react-components/react-avatar/stories/Avatar/AvatarActiveAppearance.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Avatar } from '@fluentui/react-avatar'; +import { Avatar } from '@fluentui/react-components'; export const ActiveAppearance = () => (
diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarBadge.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarBadge.stories.tsx index 441069fe4b077..b0f48113fbf47 100644 --- a/packages/react-components/react-avatar/stories/Avatar/AvatarBadge.stories.tsx +++ b/packages/react-components/react-avatar/stories/Avatar/AvatarBadge.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Avatar } from '@fluentui/react-avatar'; +import { Avatar } from '@fluentui/react-components'; export const Badge = () => ( <> diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarColorBrand.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarColorBrand.stories.tsx index 7a0100e620029..cb43d38e6706d 100644 --- a/packages/react-components/react-avatar/stories/Avatar/AvatarColorBrand.stories.tsx +++ b/packages/react-components/react-avatar/stories/Avatar/AvatarColorBrand.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Avatar } from '@fluentui/react-avatar'; +import { Avatar } from '@fluentui/react-components'; export const ColorBrand = () => ; diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarColorColorful.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarColorColorful.stories.tsx index 0641c4a4bd51e..82f470e64920d 100644 --- a/packages/react-components/react-avatar/stories/Avatar/AvatarColorColorful.stories.tsx +++ b/packages/react-components/react-avatar/stories/Avatar/AvatarColorColorful.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Avatar } from '@fluentui/react-avatar'; +import { Avatar } from '@fluentui/react-components'; import { GuestRegular } from '@fluentui/react-icons'; export const ColorColorful = () => ( diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarColorPalette.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarColorPalette.stories.tsx index 41554791b15f2..e8031cf202525 100644 --- a/packages/react-components/react-avatar/stories/Avatar/AvatarColorPalette.stories.tsx +++ b/packages/react-components/react-avatar/stories/Avatar/AvatarColorPalette.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Avatar } from '@fluentui/react-avatar'; +import { Avatar } from '@fluentui/react-components'; export const ColorPalette = () => ( <> diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarDefault.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarDefault.stories.tsx index cc36159f42d51..7791967d60bb0 100644 --- a/packages/react-components/react-avatar/stories/Avatar/AvatarDefault.stories.tsx +++ b/packages/react-components/react-avatar/stories/Avatar/AvatarDefault.stories.tsx @@ -1,6 +1,7 @@ import { ArgTypes } from '@storybook/api'; import * as React from 'react'; -import { Avatar, AvatarProps } from '@fluentui/react-avatar'; +import { Avatar } from '@fluentui/react-components'; +import type { AvatarProps } from '@fluentui/react-components'; export const Default = (props: Partial) => ; diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarIcon.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarIcon.stories.tsx index e975c1c07b91c..aea20df3b601b 100644 --- a/packages/react-components/react-avatar/stories/Avatar/AvatarIcon.stories.tsx +++ b/packages/react-components/react-avatar/stories/Avatar/AvatarIcon.stories.tsx @@ -9,7 +9,7 @@ import { PersonCallRegular, } from '@fluentui/react-icons'; -import { Avatar } from '@fluentui/react-avatar'; +import { Avatar } from '@fluentui/react-components'; export const Icon = () => ( <> diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarImage.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarImage.stories.tsx index 9162ce1c71837..1e712b4abd8f2 100644 --- a/packages/react-components/react-avatar/stories/Avatar/AvatarImage.stories.tsx +++ b/packages/react-components/react-avatar/stories/Avatar/AvatarImage.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Avatar } from '@fluentui/react-avatar'; +import { Avatar } from '@fluentui/react-components'; export const Image = () => ( ; diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarName.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarName.stories.tsx index b347117f836b6..0ac56f889ee9f 100644 --- a/packages/react-components/react-avatar/stories/Avatar/AvatarName.stories.tsx +++ b/packages/react-components/react-avatar/stories/Avatar/AvatarName.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Avatar } from '@fluentui/react-avatar'; +import { Avatar } from '@fluentui/react-components'; export const Name = () => ; diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarSize.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarSize.stories.tsx index e926684c56d97..753c3f69a3bb7 100644 --- a/packages/react-components/react-avatar/stories/Avatar/AvatarSize.stories.tsx +++ b/packages/react-components/react-avatar/stories/Avatar/AvatarSize.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Avatar } from '@fluentui/react-avatar'; +import { Avatar } from '@fluentui/react-components'; export const Size = () => ( <> diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarSquare.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarSquare.stories.tsx index a41652a2d5aff..4f2f4b278eb83 100644 --- a/packages/react-components/react-avatar/stories/Avatar/AvatarSquare.stories.tsx +++ b/packages/react-components/react-avatar/stories/Avatar/AvatarSquare.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Avatar } from '@fluentui/react-avatar'; +import { Avatar } from '@fluentui/react-components'; import { PeopleTeamRegular } from '@fluentui/react-icons'; export const Square = () => } />; diff --git a/packages/react-components/react-avatar/stories/Avatar/index.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/index.stories.tsx index 3bbc9c1061202..df0f43825ef5a 100644 --- a/packages/react-components/react-avatar/stories/Avatar/index.stories.tsx +++ b/packages/react-components/react-avatar/stories/Avatar/index.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Avatar } from '@fluentui/react-avatar'; +import { Avatar } from '@fluentui/react-components'; import { Meta } from '@storybook/react'; export { Default } from './AvatarDefault.stories'; diff --git a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupDefault.stories.tsx b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupDefault.stories.tsx index 6005c35e96ffd..c4757cc150209 100644 --- a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupDefault.stories.tsx +++ b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupDefault.stories.tsx @@ -1,6 +1,11 @@ import * as React from 'react'; -import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover, partitionAvatarGroupItems } from '@fluentui/react-avatar'; -import type { AvatarGroupProps } from '@fluentui/react-avatar'; +import { + AvatarGroup, + AvatarGroupItem, + AvatarGroupPopover, + partitionAvatarGroupItems, +} from '@fluentui/react-components'; +import type { AvatarGroupProps } from '@fluentui/react-components'; const names = [ 'Johnie McConnell', diff --git a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupDescription.md b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupDescription.md index 38e30edeffaa9..8014a06f48f01 100644 --- a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupDescription.md +++ b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupDescription.md @@ -1,15 +1,2 @@ An AvatarGroup is a graphical representation of multiple people associated with a given entity. AvatarGroup leverages the Avatar component, with each Avatar representing a person and containing their image, initials, or an icon. An AvatarGroup can be represented in a spread, stack, or pie layout. - - - -> **⚠️ Preview components are considered unstable:** -> -> ```jsx -> -> import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover } from '@fluentui/react-components/unstable'; -> -> ``` -> -> - Features and APIs may change before final release -> - Please contact us if you intend to use this in your product diff --git a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupIndicator.stories.tsx b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupIndicator.stories.tsx index bca72cc72a5a1..09e98678c1938 100644 --- a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupIndicator.stories.tsx +++ b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupIndicator.stories.tsx @@ -1,6 +1,11 @@ import * as React from 'react'; -import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover, partitionAvatarGroupItems } from '@fluentui/react-avatar'; -import { makeStyles } from '@fluentui/react-components'; +import { + AvatarGroup, + AvatarGroupItem, + AvatarGroupPopover, + makeStyles, + partitionAvatarGroupItems, +} from '@fluentui/react-components'; const useStyles = makeStyles({ root: { diff --git a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupLayout.stories.tsx b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupLayout.stories.tsx index ffc79ae266ccc..1bd8090da7faf 100644 --- a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupLayout.stories.tsx +++ b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupLayout.stories.tsx @@ -1,6 +1,11 @@ import * as React from 'react'; -import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover, partitionAvatarGroupItems } from '@fluentui/react-avatar'; -import { makeStyles } from '@fluentui/react-components'; +import { + AvatarGroup, + AvatarGroupItem, + AvatarGroupPopover, + makeStyles, + partitionAvatarGroupItems, +} from '@fluentui/react-components'; const useStyles = makeStyles({ root: { diff --git a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizePie.stories.tsx b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizePie.stories.tsx index 2fcd3fbe8450a..3114c8d7bc61a 100644 --- a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizePie.stories.tsx +++ b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizePie.stories.tsx @@ -1,7 +1,12 @@ import * as React from 'react'; -import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover, partitionAvatarGroupItems } from '@fluentui/react-avatar'; -import { makeStyles } from '@fluentui/react-components'; -import type { AvatarSizes } from '@fluentui/react-avatar'; +import { + AvatarGroup, + AvatarGroupItem, + AvatarGroupPopover, + makeStyles, + partitionAvatarGroupItems, +} from '@fluentui/react-components'; +import type { AvatarSizes } from '@fluentui/react-components'; const useStyles = makeStyles({ root: { diff --git a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizeSpread.stories.tsx b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizeSpread.stories.tsx index f84fe857908fd..9aa18cddef469 100644 --- a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizeSpread.stories.tsx +++ b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizeSpread.stories.tsx @@ -1,7 +1,12 @@ import * as React from 'react'; -import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover, partitionAvatarGroupItems } from '@fluentui/react-avatar'; -import { makeStyles } from '@fluentui/react-components'; -import type { AvatarSizes } from '@fluentui/react-avatar'; +import { + AvatarGroup, + AvatarGroupItem, + AvatarGroupPopover, + makeStyles, + partitionAvatarGroupItems, +} from '@fluentui/react-components'; +import type { AvatarSizes } from '@fluentui/react-components'; const useStyles = makeStyles({ root: { diff --git a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizeStack.stories.tsx b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizeStack.stories.tsx index bd6cd3b12ec41..adbf2abd84289 100644 --- a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizeStack.stories.tsx +++ b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizeStack.stories.tsx @@ -1,7 +1,12 @@ import * as React from 'react'; -import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover, partitionAvatarGroupItems } from '@fluentui/react-avatar'; -import { makeStyles } from '@fluentui/react-components'; -import type { AvatarSizes } from '@fluentui/react-avatar'; +import { + AvatarGroup, + AvatarGroupItem, + AvatarGroupPopover, + makeStyles, + partitionAvatarGroupItems, +} from '@fluentui/react-components'; +import type { AvatarSizes } from '@fluentui/react-components'; const useStyles = makeStyles({ root: { diff --git a/packages/react-components/react-avatar/stories/AvatarGroup/index.stories.tsx b/packages/react-components/react-avatar/stories/AvatarGroup/index.stories.tsx index 11afee06493ad..2e6ef64334327 100644 --- a/packages/react-components/react-avatar/stories/AvatarGroup/index.stories.tsx +++ b/packages/react-components/react-avatar/stories/AvatarGroup/index.stories.tsx @@ -1,4 +1,4 @@ -import { AvatarGroup } from '@fluentui/react-avatar'; +import { AvatarGroup } from '@fluentui/react-components'; import bestPracticesMd from './AvatarGroupBestPractices.md'; import descriptionMd from './AvatarGroupDescription.md'; @@ -11,7 +11,7 @@ export { SizeStack } from './AvatarGroupSizeStack.stories'; export { SizePie } from './AvatarGroupSizePie.stories'; export default { - title: 'Preview Components/AvatarGroup', + title: 'Components/AvatarGroup', component: AvatarGroup, parameters: { docs: { diff --git a/packages/react-components/react-badge/CHANGELOG.json b/packages/react-components/react-badge/CHANGELOG.json index 12821bb3b845b..299c5952fb466 100644 --- a/packages/react-components/react-badge/CHANGELOG.json +++ b/packages/react-components/react-badge/CHANGELOG.json @@ -1,6 +1,47 @@ { "name": "@fluentui/react-badge", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:54 GMT", + "tag": "@fluentui/react-badge_v9.0.12", + "version": "9.0.12", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-badge", + "commit": "87859b052155ca206ef3540a2a9623803f6e2b93", + "comment": "test: replace deprecated module.parent with require.main within isConformance" + } + ], + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-badge", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "beachball", + "package": "@fluentui/react-badge", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-badge", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-badge", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:48 GMT", "tag": "@fluentui/react-badge_v9.0.11", diff --git a/packages/react-components/react-badge/CHANGELOG.md b/packages/react-components/react-badge/CHANGELOG.md index d9a7100cc5e47..c8d67ad658156 100644 --- a/packages/react-components/react-badge/CHANGELOG.md +++ b/packages/react-components/react-badge/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-badge -This log was last generated on Wed, 02 Nov 2022 11:57:48 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:54 GMT and should not be manually modified. +## [9.0.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.12) + +Fri, 11 Nov 2022 14:57:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.11..@fluentui/react-badge_v9.0.12) + +### Patches + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.11) Wed, 02 Nov 2022 11:57:48 GMT diff --git a/packages/react-components/react-badge/package.json b/packages/react-components/react-badge/package.json index f35e8fcae687e..5922c0eb3c329 100644 --- a/packages/react-components/react-badge/package.json +++ b/packages/react-components/react-badge/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-badge", - "version": "9.0.11", + "version": "9.0.12", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -28,14 +28,14 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { "@fluentui/react-icons": "^2.0.175", "@griffel/react": "^1.4.2", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "tslib": "^2.1.0" }, "peerDependencies": { @@ -52,9 +52,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-badge/src/testing/isConformant.ts b/packages/react-components/react-badge/src/testing/isConformant.ts index 0a15c2c64f0fb..183b694ab7ee3 100644 --- a/packages/react-components/react-badge/src/testing/isConformant.ts +++ b/packages/react-components/react-badge/src/testing/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-button/CHANGELOG.json b/packages/react-components/react-button/CHANGELOG.json index ec84ab646a9da..2d14340f98a84 100644 --- a/packages/react-components/react-button/CHANGELOG.json +++ b/packages/react-components/react-button/CHANGELOG.json @@ -1,6 +1,83 @@ { "name": "@fluentui/react-button", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:54 GMT", + "tag": "@fluentui/react-button_v9.1.8", + "version": "9.1.8", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-button", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "humberto_makoto@hotmail.com", + "package": "@fluentui/react-button", + "commit": "81a3171e14fcaead04c6cf3fbf8eda962178b442", + "comment": "chore: Replacing use of hard-coded constants with curve and duration tokens from theme." + }, + { + "author": "humberto_makoto@hotmail.com", + "package": "@fluentui/react-button", + "commit": "6bfd92ec66ded6bc86d73b072d7ee5b3a7b5fcac", + "comment": "fix: Showing correct behavior for icons inside of Buttons on hover, pressed and toggle states." + }, + { + "author": "humberto_makoto@hotmail.com", + "package": "@fluentui/react-button", + "commit": "8dc8e99d3ef23ec868eb1128bb8e167373d1f4cc", + "comment": "fix: Adding expanded styles for MenuButtons and making various other styling fixes for Button components." + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/keyboard-keys to v9.0.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-aria to v9.3.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-tabster to v9.3.0", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ], + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-button", + "commit": "87859b052155ca206ef3540a2a9623803f6e2b93", + "comment": "test: replace deprecated module.parent with require.main within isConformance" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:48 GMT", "tag": "@fluentui/react-button_v9.1.7", diff --git a/packages/react-components/react-button/CHANGELOG.md b/packages/react-components/react-button/CHANGELOG.md index 8662f2db87eb9..14215c79c4d20 100644 --- a/packages/react-components/react-button/CHANGELOG.md +++ b/packages/react-components/react-button/CHANGELOG.md @@ -1,9 +1,27 @@ # Change Log - @fluentui/react-button -This log was last generated on Wed, 02 Nov 2022 11:57:48 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:54 GMT and should not be manually modified. +## [9.1.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.1.8) + +Fri, 11 Nov 2022 14:57:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.1.7..@fluentui/react-button_v9.1.8) + +### Patches + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- chore: Replacing use of hard-coded constants with curve and duration tokens from theme. ([PR #25522](https://github.com/microsoft/fluentui/pull/25522) by humberto_makoto@hotmail.com) +- fix: Showing correct behavior for icons inside of Buttons on hover, pressed and toggle states. ([PR #25479](https://github.com/microsoft/fluentui/pull/25479) by humberto_makoto@hotmail.com) +- fix: Adding expanded styles for MenuButtons and making various other styling fixes for Button components. ([PR #25521](https://github.com/microsoft/fluentui/pull/25521) by humberto_makoto@hotmail.com) +- Bump @fluentui/keyboard-keys to v9.0.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-aria to v9.3.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.1.7) Wed, 02 Nov 2022 11:57:48 GMT diff --git a/packages/react-components/react-button/package.json b/packages/react-components/react-button/package.json index f38e6cc21f58d..7ddbcaf005fd0 100644 --- a/packages/react-components/react-button/package.json +++ b/packages/react-components/react-button/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-button", - "version": "9.1.7", + "version": "9.1.8", "description": "Fluent UI React Button component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -29,16 +29,16 @@ "@fluentui/a11y-testing": "^0.1.0", "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/keyboard-keys": "^9.0.0", - "@fluentui/react-aria": "^9.3.0", + "@fluentui/keyboard-keys": "^9.0.1", + "@fluentui/react-aria": "^9.3.1", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-tabster": "^9.2.1", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-tabster": "^9.3.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -56,9 +56,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.ts b/packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.ts index c40a8e257e7ee..ce8c0866695e3 100644 --- a/packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.ts +++ b/packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.ts @@ -1,7 +1,8 @@ -import { mergeClasses, makeStyles } from '@griffel/react'; +import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons'; import { tokens } from '@fluentui/react-theme'; -import { useButtonStyles_unstable } from '../Button/useButtonStyles'; import type { SlotClassNames } from '@fluentui/react-utilities'; +import { mergeClasses, makeStyles, shorthands } from '@griffel/react'; +import { useButtonStyles_unstable } from '../Button/useButtonStyles'; import type { MenuButtonSlots, MenuButtonState } from './MenuButton.types'; export const menuButtonClassNames: SlotClassNames = { @@ -10,6 +11,59 @@ export const menuButtonClassNames: SlotClassNames = { menuIcon: 'fui-MenuButton__menuIcon', }; +const useRootExpandedStyles = makeStyles({ + base: { + [`& .${iconFilledClassName}`]: { + display: 'inline', + }, + [`& .${iconRegularClassName}`]: { + display: 'none', + }, + }, + + // Appearance variations + outline: { + ...shorthands.borderColor(tokens.colorNeutralStroke1Selected), + ...shorthands.borderWidth(tokens.strokeWidthThicker), + color: tokens.colorNeutralForeground1Selected, + }, + primary: { + backgroundColor: tokens.colorBrandBackgroundSelected, + }, + secondary: { + backgroundColor: tokens.colorNeutralBackground1Selected, + ...shorthands.borderColor(tokens.colorNeutralStroke1Selected), + color: tokens.colorNeutralForeground1Selected, + }, + subtle: { + backgroundColor: tokens.colorSubtleBackgroundSelected, + color: tokens.colorNeutralForeground2Selected, + }, + transparent: { + backgroundColor: tokens.colorTransparentBackgroundSelected, + color: tokens.colorNeutralForeground2BrandSelected, + }, +}); + +const useIconExpandedStyles = makeStyles({ + // Appearance variations + outline: { + color: tokens.colorNeutralForeground1Selected, + }, + primary: { + /* The primary styles are exactly the same as the base styles. */ + }, + secondary: { + color: tokens.colorNeutralForeground1Selected, + }, + subtle: { + color: tokens.colorNeutralForeground2BrandSelected, + }, + transparent: { + color: tokens.colorNeutralForeground2BrandSelected, + }, +}); + const useMenuIconStyles = makeStyles({ base: { lineHeight: 0, @@ -42,12 +96,23 @@ const useMenuIconStyles = makeStyles({ }); export const useMenuButtonStyles_unstable = (state: MenuButtonState): MenuButtonState => { + const rootExpandedStyles = useRootExpandedStyles(); + const iconExpandedStyles = useIconExpandedStyles(); const menuIconStyles = useMenuIconStyles(); - state.root.className = mergeClasses(menuButtonClassNames.root, state.root.className); + state.root.className = mergeClasses( + menuButtonClassNames.root, + state.root['aria-expanded'] && rootExpandedStyles.base, + state.root['aria-expanded'] && rootExpandedStyles[state.appearance], + state.root.className, + ); if (state.icon) { - state.icon.className = mergeClasses(menuButtonClassNames.icon, state.icon.className); + state.icon.className = mergeClasses( + menuButtonClassNames.icon, + state.root['aria-expanded'] && iconExpandedStyles[state.appearance], + state.icon.className, + ); } if (state.menuIcon) { diff --git a/packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.ts b/packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.ts index 6255bff36195e..0dda272794259 100644 --- a/packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.ts +++ b/packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.ts @@ -12,7 +12,7 @@ export const toggleButtonClassNames: SlotClassNames = { icon: 'fui-ToggleButton__icon', }; -const useCheckedStyles = makeStyles({ +const useRootCheckedStyles = makeStyles({ // Base styles base: { backgroundColor: tokens.colorNeutralBackground1Selected, @@ -74,6 +74,7 @@ const useCheckedStyles = makeStyles({ // Appearance variations outline: { backgroundColor: tokens.colorTransparentBackgroundSelected, + ...shorthands.borderColor(tokens.colorNeutralStroke1), ...shorthands.borderWidth(tokens.strokeWidthThicker), ':hover': { @@ -144,7 +145,7 @@ const useCheckedStyles = makeStyles({ }, }); -const useDisabledStyles = makeStyles({ +const useRootDisabledStyles = makeStyles({ // Base styles base: { backgroundColor: tokens.colorNeutralBackgroundDisabled, @@ -214,15 +215,15 @@ const useDisabledStyles = makeStyles({ const useIconCheckedStyles = makeStyles({ // Appearance variations - subtle: { + subtleOrTransparent: { color: tokens.colorNeutralForeground2BrandSelected, }, }); export const useToggleButtonStyles_unstable = (state: ToggleButtonState): ToggleButtonState => { - const checkedStyles = useCheckedStyles(); - const disabledStyles = useDisabledStyles(); - const iconStyles = useIconCheckedStyles(); + const rootCheckedStyles = useRootCheckedStyles(); + const rootDisabledStyles = useRootDisabledStyles(); + const iconCheckedStyles = useIconCheckedStyles(); const { appearance, checked, disabled, disabledFocusable } = state; @@ -230,13 +231,13 @@ export const useToggleButtonStyles_unstable = (state: ToggleButtonState): Toggle toggleButtonClassNames.root, // Checked styles - checked && checkedStyles.base, - checked && checkedStyles.highContrast, - appearance && checked && checkedStyles[appearance], + checked && rootCheckedStyles.base, + checked && rootCheckedStyles.highContrast, + appearance && checked && rootCheckedStyles[appearance], // Disabled styles - (disabled || disabledFocusable) && disabledStyles.base, - appearance && (disabled || disabledFocusable) && disabledStyles[appearance], + (disabled || disabledFocusable) && rootDisabledStyles.base, + appearance && (disabled || disabledFocusable) && rootDisabledStyles[appearance], // User provided class name state.root.className, @@ -245,7 +246,7 @@ export const useToggleButtonStyles_unstable = (state: ToggleButtonState): Toggle if (state.icon) { state.icon.className = mergeClasses( toggleButtonClassNames.icon, - appearance === 'subtle' && checked && iconStyles.subtle, + (appearance === 'subtle' || appearance === 'transparent') && iconCheckedStyles.subtleOrTransparent, state.icon.className, ); } diff --git a/packages/react-components/react-button/src/testing/isConformant.ts b/packages/react-components/react-button/src/testing/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-button/src/testing/isConformant.ts +++ b/packages/react-components/react-button/src/testing/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-button/stories/MenuButton/MenuButtonAppearance.stories.tsx b/packages/react-components/react-button/stories/MenuButton/MenuButtonAppearance.stories.tsx index ea464e824bd06..6f0e63547787c 100644 --- a/packages/react-components/react-button/stories/MenuButton/MenuButtonAppearance.stories.tsx +++ b/packages/react-components/react-button/stories/MenuButton/MenuButtonAppearance.stories.tsx @@ -1,5 +1,8 @@ import * as React from 'react'; import { makeStyles, Menu, MenuButton, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components'; +import { bundleIcon, CalendarMonthFilled, CalendarMonthRegular } from '@fluentui/react-icons'; + +const CalendarMonth = bundleIcon(CalendarMonthFilled, CalendarMonthRegular); const useStyles = makeStyles({ wrapper: { @@ -15,7 +18,7 @@ export const Appearance = () => {
- Default + }>Default @@ -28,7 +31,9 @@ export const Appearance = () => { - Primary + }> + Primary + @@ -41,7 +46,9 @@ export const Appearance = () => { - Outline + }> + Outline + @@ -54,7 +61,9 @@ export const Appearance = () => { - Subtle + }> + Subtle + @@ -67,7 +76,9 @@ export const Appearance = () => { - Transparent + }> + Transparent + diff --git a/packages/react-components/react-card/CHANGELOG.json b/packages/react-components/react-card/CHANGELOG.json index c2aeb837eda72..12183e0d8ec01 100644 --- a/packages/react-components/react-card/CHANGELOG.json +++ b/packages/react-components/react-card/CHANGELOG.json @@ -1,6 +1,65 @@ { "name": "@fluentui/react-card", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:56 GMT", + "tag": "@fluentui/react-card_v9.0.0-beta.32", + "version": "9.0.0-beta.32", + "comments": { + "prerelease": [ + { + "author": "marcosvmmoura@gmail.com", + "package": "@fluentui/react-card", + "commit": "7c951efddfb820f51d6a52a8f994f1c1c712698a", + "comment": "feat: add selectable feature to card" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/keyboard-keys to v9.0.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-tabster to v9.3.0", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-button to v9.1.8", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ], + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-card", + "commit": "87859b052155ca206ef3540a2a9623803f6e2b93", + "comment": "test: replace deprecated module.parent with require.main within isConformance" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:49 GMT", "tag": "@fluentui/react-card_v9.0.0-beta.31", diff --git a/packages/react-components/react-card/CHANGELOG.md b/packages/react-components/react-card/CHANGELOG.md index 3a282b37d53f6..d14ba86956e2d 100644 --- a/packages/react-components/react-card/CHANGELOG.md +++ b/packages/react-components/react-card/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-card -This log was last generated on Wed, 02 Nov 2022 11:57:49 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:56 GMT and should not be manually modified. +## [9.0.0-beta.32](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.32) + +Fri, 11 Nov 2022 14:57:56 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.31..@fluentui/react-card_v9.0.0-beta.32) + +### Changes + +- feat: add selectable feature to card ([PR #24486](https://github.com/microsoft/fluentui/pull/24486) by marcosvmmoura@gmail.com) +- Bump @fluentui/keyboard-keys to v9.0.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-button to v9.1.8 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.0-beta.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.31) Wed, 02 Nov 2022 11:57:49 GMT diff --git a/packages/react-components/react-card/package.json b/packages/react-components/react-card/package.json index c7561968586e5..4c777bafc08ba 100644 --- a/packages/react-components/react-card/package.json +++ b/packages/react-components/react-card/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-card", - "version": "9.0.0-beta.31", + "version": "9.0.0-beta.32", "private": false, "description": "Card container components for Fluent UI React.", "main": "lib-commonjs/index.js", @@ -29,16 +29,16 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/react-conformance": "*", - "@fluentui/react-button": "^9.1.7", + "@fluentui/react-button": "^9.1.8", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/keyboard-keys": "^9.0.0", - "@fluentui/react-tabster": "^9.2.1", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/keyboard-keys": "^9.0.1", + "@fluentui/react-tabster": "^9.3.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-card/src/testing/isConformant.ts b/packages/react-components/react-card/src/testing/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-card/src/testing/isConformant.ts +++ b/packages/react-components/react-card/src/testing/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-checkbox/CHANGELOG.json b/packages/react-components/react-checkbox/CHANGELOG.json index 70f15104ee87b..ae48c4a484682 100644 --- a/packages/react-components/react-checkbox/CHANGELOG.json +++ b/packages/react-components/react-checkbox/CHANGELOG.json @@ -1,6 +1,71 @@ { "name": "@fluentui/react-checkbox", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:57 GMT", + "tag": "@fluentui/react-checkbox_v9.0.12", + "version": "9.0.12", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-checkbox", + "commit": "87859b052155ca206ef3540a2a9623803f6e2b93", + "comment": "test: replace deprecated module.parent with require.main within isConformance" + } + ], + "patch": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-checkbox", + "commit": "39ba7b6d4648781b979fcf694579f97b851348af", + "comment": "chore: Move CheckboxField into the @fluentui/react-checkbox package and export as _unstable" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-checkbox", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.8", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-label to v9.0.10", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-tabster to v9.3.0", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:49 GMT", "tag": "@fluentui/react-checkbox_v9.0.11", diff --git a/packages/react-components/react-checkbox/CHANGELOG.md b/packages/react-components/react-checkbox/CHANGELOG.md index 9fb2378afd002..09919f572f19c 100644 --- a/packages/react-components/react-checkbox/CHANGELOG.md +++ b/packages/react-components/react-checkbox/CHANGELOG.md @@ -1,9 +1,25 @@ # Change Log - @fluentui/react-checkbox -This log was last generated on Wed, 02 Nov 2022 11:57:49 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:57 GMT and should not be manually modified. +## [9.0.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.12) + +Fri, 11 Nov 2022 14:57:57 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.0.11..@fluentui/react-checkbox_v9.0.12) + +### Patches + +- chore: Move CheckboxField into the @fluentui/react-checkbox package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/react-field to v9.0.0-alpha.8 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-label to v9.0.10 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.11) Wed, 02 Nov 2022 11:57:49 GMT diff --git a/packages/react-components/react-checkbox/etc/react-checkbox.api.md b/packages/react-components/react-checkbox/etc/react-checkbox.api.md index 77b94ea4e82ae..a9f6ea7b129e6 100644 --- a/packages/react-components/react-checkbox/etc/react-checkbox.api.md +++ b/packages/react-components/react-checkbox/etc/react-checkbox.api.md @@ -8,11 +8,14 @@ import { ComponentProps } from '@fluentui/react-utilities'; import { ComponentState } from '@fluentui/react-utilities'; -import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { FieldControl } from '@fluentui/react-field'; +import type { FieldProps } from '@fluentui/react-field'; +import { FieldSlots } from '@fluentui/react-field'; +import { ForwardRefComponent } from '@fluentui/react-utilities'; import { Label } from '@fluentui/react-label'; import * as React_2 from 'react'; import { Slot } from '@fluentui/react-utilities'; -import type { SlotClassNames } from '@fluentui/react-utilities'; +import { SlotClassNames } from '@fluentui/react-utilities'; // @public export const Checkbox: ForwardRefComponent; @@ -20,6 +23,18 @@ export const Checkbox: ForwardRefComponent; // @public (undocumented) export const checkboxClassNames: SlotClassNames; +// @public (undocumented) +export const CheckboxField_unstable: ForwardRefComponent; + +// @public (undocumented) +export const checkboxFieldClassNames: SlotClassNames>; + +// @public (undocumented) +export type CheckboxFieldProps_unstable = Omit, 'label'> & { + label?: CheckboxProps['label']; + fieldLabel?: FieldProps['label']; +}; + // @public export interface CheckboxOnChangeData { // (undocumented) diff --git a/packages/react-components/react-checkbox/package.json b/packages/react-components/react-checkbox/package.json index b1aec2ca284c1..3096b86ff95b5 100644 --- a/packages/react-components/react-checkbox/package.json +++ b/packages/react-components/react-checkbox/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-checkbox", - "version": "9.0.11", + "version": "9.0.12", "description": "Fluent UI checkbox component", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -27,15 +27,16 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { + "@fluentui/react-field": "9.0.0-alpha.8", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-label": "^9.0.9", - "@fluentui/react-tabster": "^9.2.1", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-label": "^9.0.10", + "@fluentui/react-tabster": "^9.3.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -53,9 +54,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-field/src/CheckboxField.ts b/packages/react-components/react-checkbox/src/CheckboxField.ts similarity index 100% rename from packages/react-components/react-field/src/CheckboxField.ts rename to packages/react-components/react-checkbox/src/CheckboxField.ts diff --git a/packages/react-components/react-field/src/components/CheckboxField/CheckboxField.test.tsx b/packages/react-components/react-checkbox/src/components/CheckboxField/CheckboxField.test.tsx similarity index 89% rename from packages/react-components/react-field/src/components/CheckboxField/CheckboxField.test.tsx rename to packages/react-components/react-checkbox/src/components/CheckboxField/CheckboxField.test.tsx index 41c99c1d55379..9c72ba88a9a04 100644 --- a/packages/react-components/react-field/src/components/CheckboxField/CheckboxField.test.tsx +++ b/packages/react-components/react-checkbox/src/components/CheckboxField/CheckboxField.test.tsx @@ -1,12 +1,13 @@ import * as React from 'react'; import { render } from '@testing-library/react'; -import { isConformant } from '../../common/isConformant'; +import { isConformant } from '../../testing/isConformant'; import { CheckboxField } from './CheckboxField'; describe('CheckboxField', () => { isConformant({ Component: CheckboxField, displayName: 'CheckboxField', + primarySlot: 'control', testOptions: { 'has-static-classnames': [ { @@ -20,6 +21,7 @@ describe('CheckboxField', () => { }, ], }, + disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable }); // Most functionality is tested by Field.test.tsx, and Checkbox's tests diff --git a/packages/react-components/react-field/src/components/CheckboxField/CheckboxField.tsx b/packages/react-components/react-checkbox/src/components/CheckboxField/CheckboxField.tsx similarity index 80% rename from packages/react-components/react-field/src/components/CheckboxField/CheckboxField.tsx rename to packages/react-components/react-checkbox/src/components/CheckboxField/CheckboxField.tsx index f8c26120b101b..321a658dba5f6 100644 --- a/packages/react-components/react-field/src/components/CheckboxField/CheckboxField.tsx +++ b/packages/react-components/react-checkbox/src/components/CheckboxField/CheckboxField.tsx @@ -1,9 +1,14 @@ import * as React from 'react'; -import type { CheckboxProps } from '@fluentui/react-checkbox'; -import { Checkbox } from '@fluentui/react-checkbox'; +import type { FieldProps } from '@fluentui/react-field'; +import { + getFieldClassNames, + renderField_unstable, + useFieldStyles_unstable, + useField_unstable, +} from '@fluentui/react-field'; import { ForwardRefComponent } from '@fluentui/react-utilities'; -import type { FieldProps } from '../../Field'; -import { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '../../Field'; +import type { CheckboxProps } from '../../Checkbox'; +import { Checkbox } from '../../Checkbox'; export type CheckboxFieldProps = Omit, 'label'> & { /** diff --git a/packages/react-components/react-field/src/components/CheckboxField/index.ts b/packages/react-components/react-checkbox/src/components/CheckboxField/index.ts similarity index 100% rename from packages/react-components/react-field/src/components/CheckboxField/index.ts rename to packages/react-components/react-checkbox/src/components/CheckboxField/index.ts diff --git a/packages/react-components/react-checkbox/src/index.ts b/packages/react-components/react-checkbox/src/index.ts index 1bb3babd0ea8b..21a66ccad202f 100644 --- a/packages/react-components/react-checkbox/src/index.ts +++ b/packages/react-components/react-checkbox/src/index.ts @@ -6,3 +6,6 @@ export { useCheckbox_unstable, } from './Checkbox'; export type { CheckboxOnChangeData, CheckboxProps, CheckboxSlots, CheckboxState } from './Checkbox'; + +export { CheckboxField as CheckboxField_unstable, checkboxFieldClassNames } from './CheckboxField'; +export type { CheckboxFieldProps as CheckboxFieldProps_unstable } from './CheckboxField'; diff --git a/packages/react-components/react-checkbox/src/testing/isConformant.ts b/packages/react-components/react-checkbox/src/testing/isConformant.ts index 91541d5a381f7..2ffff9d342a7e 100644 --- a/packages/react-components/react-checkbox/src/testing/isConformant.ts +++ b/packages/react-components/react-checkbox/src/testing/isConformant.ts @@ -5,7 +5,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-field/src/stories/CheckboxField/CheckboxFieldDefault.stories.tsx b/packages/react-components/react-checkbox/stories/CheckboxField/CheckboxFieldDefault.stories.tsx similarity index 65% rename from packages/react-components/react-field/src/stories/CheckboxField/CheckboxFieldDefault.stories.tsx rename to packages/react-components/react-checkbox/stories/CheckboxField/CheckboxFieldDefault.stories.tsx index 5a15a4792746a..0ec85e63acc88 100644 --- a/packages/react-components/react-field/src/stories/CheckboxField/CheckboxFieldDefault.stories.tsx +++ b/packages/react-components/react-checkbox/stories/CheckboxField/CheckboxFieldDefault.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import type { CheckboxFieldProps } from '@fluentui/react-field'; -import { CheckboxField } from '@fluentui/react-field'; +import type { CheckboxFieldProps } from '@fluentui/react-components/unstable'; +import { CheckboxField } from '@fluentui/react-components/unstable'; export const Default = (props: Partial) => ( ; diff --git a/packages/react-components/react-field/src/stories/CheckboxField/index.stories.tsx b/packages/react-components/react-checkbox/stories/CheckboxField/index.stories.tsx similarity index 84% rename from packages/react-components/react-field/src/stories/CheckboxField/index.stories.tsx rename to packages/react-components/react-checkbox/stories/CheckboxField/index.stories.tsx index 760e3cee55f28..5f93fe32574d6 100644 --- a/packages/react-components/react-field/src/stories/CheckboxField/index.stories.tsx +++ b/packages/react-components/react-checkbox/stories/CheckboxField/index.stories.tsx @@ -1,4 +1,4 @@ -import { CheckboxField } from '@fluentui/react-field'; +import { CheckboxField } from '@fluentui/react-components/unstable'; import descriptionMd from './CheckboxFieldDescription.md'; diff --git a/packages/react-components/react-combobox/CHANGELOG.json b/packages/react-components/react-combobox/CHANGELOG.json index 5e3bd63bd503b..6d0ac9f3664af 100644 --- a/packages/react-components/react-combobox/CHANGELOG.json +++ b/packages/react-components/react-combobox/CHANGELOG.json @@ -1,6 +1,81 @@ { "name": "@fluentui/react-combobox", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:58 GMT", + "tag": "@fluentui/react-combobox_v9.0.0-beta.15", + "version": "9.0.0-beta.15", + "comments": { + "prerelease": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-combobox", + "commit": "39ba7b6d4648781b979fcf694579f97b851348af", + "comment": "chore: Move InputField into the @fluentui/react-input package and export as _unstable" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-combobox", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "sarah.higley@microsoft.com", + "package": "@fluentui/react-combobox", + "commit": "023737b640281434710caecc55270838895b50bc", + "comment": "fix: update disabled + underline styles, have all text-like form control disabled states match" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/keyboard-keys to v9.0.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-context-selector to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.8", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-portal to v9.0.10", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-positioning to v9.3.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:49 GMT", "tag": "@fluentui/react-combobox_v9.0.0-beta.14", diff --git a/packages/react-components/react-combobox/CHANGELOG.md b/packages/react-components/react-combobox/CHANGELOG.md index f64f9635081d9..cb4bc9adea301 100644 --- a/packages/react-components/react-combobox/CHANGELOG.md +++ b/packages/react-components/react-combobox/CHANGELOG.md @@ -1,9 +1,28 @@ # Change Log - @fluentui/react-combobox -This log was last generated on Wed, 02 Nov 2022 11:57:49 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:58 GMT and should not be manually modified. +## [9.0.0-beta.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-combobox_v9.0.0-beta.15) + +Fri, 11 Nov 2022 14:57:58 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-combobox_v9.0.0-beta.14..@fluentui/react-combobox_v9.0.0-beta.15) + +### Changes + +- chore: Move InputField into the @fluentui/react-input package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- fix: update disabled + underline styles, have all text-like form control disabled states match ([PR #25543](https://github.com/microsoft/fluentui/pull/25543) by sarah.higley@microsoft.com) +- Bump @fluentui/keyboard-keys to v9.0.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-context-selector to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-field to v9.0.0-alpha.8 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-portal to v9.0.10 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-positioning to v9.3.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.0-beta.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-combobox_v9.0.0-beta.14) Wed, 02 Nov 2022 11:57:49 GMT diff --git a/packages/react-components/react-combobox/etc/react-combobox.api.md b/packages/react-components/react-combobox/etc/react-combobox.api.md index 0b3719b173c67..2b7bf39e9bb3d 100644 --- a/packages/react-components/react-combobox/etc/react-combobox.api.md +++ b/packages/react-components/react-combobox/etc/react-combobox.api.md @@ -9,6 +9,9 @@ import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; import { FC } from 'react'; +import { FieldControl } from '@fluentui/react-field'; +import type { FieldProps } from '@fluentui/react-field'; +import { FieldSlots } from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import type { PositioningShorthand } from '@fluentui/react-positioning'; import { Provider } from 'react'; @@ -29,6 +32,15 @@ export type ComboboxContextValue = Pick; + +// @public (undocumented) +export const comboboxFieldClassNames: SlotClassNames>; + +// @public (undocumented) +export type ComboboxFieldProps_unstable = FieldProps; + // @public (undocumented) export type ComboboxOpenChangeData = ComboboxBaseOpenChangeData; diff --git a/packages/react-components/react-combobox/package.json b/packages/react-components/react-combobox/package.json index cbda7396cd037..355fa9e062a7b 100644 --- a/packages/react-components/react-combobox/package.json +++ b/packages/react-components/react-combobox/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-combobox", - "version": "9.0.0-beta.14", + "version": "9.0.0-beta.15", "description": "Fluent UI React Combobox component", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -28,17 +28,18 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/keyboard-keys": "^9.0.0", - "@fluentui/react-context-selector": "^9.1.0", + "@fluentui/keyboard-keys": "^9.0.1", + "@fluentui/react-context-selector": "^9.1.1", + "@fluentui/react-field": "9.0.0-alpha.8", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-portal": "^9.0.9", - "@fluentui/react-positioning": "^9.3.0", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-portal": "^9.0.10", + "@fluentui/react-positioning": "^9.3.1", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -59,9 +60,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-field/src/ComboboxField.ts b/packages/react-components/react-combobox/src/ComboboxField.ts similarity index 100% rename from packages/react-components/react-field/src/ComboboxField.ts rename to packages/react-components/react-combobox/src/ComboboxField.ts diff --git a/packages/react-components/react-combobox/src/common/isConformant.ts b/packages/react-components/react-combobox/src/common/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-combobox/src/common/isConformant.ts +++ b/packages/react-components/react-combobox/src/common/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-combobox/src/components/Combobox/useComboboxStyles.ts b/packages/react-components/react-combobox/src/components/Combobox/useComboboxStyles.ts index 9edb4c15afecc..d6bc1d50c4ba3 100644 --- a/packages/react-components/react-combobox/src/components/Combobox/useComboboxStyles.ts +++ b/packages/react-components/react-combobox/src/components/Combobox/useComboboxStyles.ts @@ -25,7 +25,6 @@ const fieldHeights = { const useStyles = makeStyles({ root: { alignItems: 'center', - ...shorthands.border(tokens.strokeWidthThin, 'solid', 'transparent'), ...shorthands.borderRadius(tokens.borderRadiusMedium), boxSizing: 'border-box', columnGap: tokens.spacingHorizontalXXS, @@ -104,7 +103,9 @@ const useStyles = makeStyles({ backgroundColor: tokens.colorNeutralBackground1, ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1), borderBottomColor: tokens.colorNeutralStrokeAccessible, + }, + outlineInteractive: { '&:hover': { ...shorthands.borderColor(tokens.colorNeutralStroke1Hover), borderBottomColor: tokens.colorNeutralStrokeAccessible, @@ -122,9 +123,11 @@ const useStyles = makeStyles({ }, 'filled-lighter': { backgroundColor: tokens.colorNeutralBackground1, + ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorTransparentStroke), }, 'filled-darker': { backgroundColor: tokens.colorNeutralBackground3, + ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorTransparentStroke), }, invalid: { ':not(:focus-within),:hover:not(:focus-within)': { @@ -136,6 +139,15 @@ const useStyles = makeStyles({ borderBottomColor: tokens.colorPaletteRedBorder2, }, }, + + disabled: { + cursor: 'not-allowed', + backgroundColor: tokens.colorTransparentBackground, + ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled), + '@media (forced-colors: active)': { + ...shorthands.borderColor('GrayText'), + }, + }, }); const useInputStyles = makeStyles({ @@ -174,6 +186,14 @@ const useInputStyles = makeStyles({ lineHeight: tokens.lineHeightBase400, ...shorthands.padding(0, 0, 0, `calc(${tokens.spacingHorizontalM} + ${tokens.spacingHorizontalSNudge})`), }, + disabled: { + color: tokens.colorNeutralForegroundDisabled, + backgroundColor: tokens.colorTransparentBackground, + cursor: 'not-allowed', + '::placeholder': { + color: tokens.colorNeutralForegroundDisabled, + }, + }, }); const useIconStyles = makeStyles({ @@ -203,6 +223,9 @@ const useIconStyles = makeStyles({ fontSize: iconSizes.large, marginLeft: tokens.spacingHorizontalSNudge, }, + disabled: { + color: tokens.colorNeutralForegroundDisabled, + }, }); /** @@ -211,6 +234,7 @@ const useIconStyles = makeStyles({ export const useComboboxStyles_unstable = (state: ComboboxState): ComboboxState => { const { appearance, open, size } = state; const invalid = `${state.input['aria-invalid']}` === 'true'; + const disabled = state.input.disabled; const styles = useStyles(); const iconStyles = useIconStyles(); const inputStyles = useInputStyles(); @@ -220,8 +244,10 @@ export const useComboboxStyles_unstable = (state: ComboboxState): ComboboxState styles.root, styles[appearance], styles[size], + !disabled && appearance === 'outline' && styles.outlineInteractive, invalid && appearance !== 'underline' && styles.invalid, invalid && appearance === 'underline' && styles.invalidUnderline, + disabled && styles.disabled, state.root.className, ); @@ -229,6 +255,7 @@ export const useComboboxStyles_unstable = (state: ComboboxState): ComboboxState comboboxClassNames.input, inputStyles.input, inputStyles[size], + disabled && inputStyles.disabled, state.input.className, ); @@ -246,6 +273,7 @@ export const useComboboxStyles_unstable = (state: ComboboxState): ComboboxState comboboxClassNames.expandIcon, iconStyles.icon, iconStyles[size], + disabled && iconStyles.disabled, state.expandIcon.className, ); } diff --git a/packages/react-components/react-combobox/src/components/ComboboxField/ComboboxField.test.tsx b/packages/react-components/react-combobox/src/components/ComboboxField/ComboboxField.test.tsx new file mode 100644 index 0000000000000..63fcb3bf6331f --- /dev/null +++ b/packages/react-components/react-combobox/src/components/ComboboxField/ComboboxField.test.tsx @@ -0,0 +1,25 @@ +import { isConformant } from '../../common/isConformant'; +import { ComboboxField } from './ComboboxField'; + +describe('ComboboxField', () => { + isConformant({ + Component: ComboboxField, + displayName: 'ComboboxField', + primarySlot: 'control', + testOptions: { + 'has-static-classnames': [ + { + props: { + label: 'label text', + validationState: 'error', + validationMessage: 'validation message text', + hint: 'hint text', + }, + }, + ], + }, + disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable + }); + + // Most functionality is tested by Field.test.tsx, and Combobox's tests +}); diff --git a/packages/react-components/react-field/src/components/ComboboxField/ComboboxField.tsx b/packages/react-components/react-combobox/src/components/ComboboxField/ComboboxField.tsx similarity index 71% rename from packages/react-components/react-field/src/components/ComboboxField/ComboboxField.tsx rename to packages/react-components/react-combobox/src/components/ComboboxField/ComboboxField.tsx index 88690183f3a9c..592fd9b45c8e9 100644 --- a/packages/react-components/react-field/src/components/ComboboxField/ComboboxField.tsx +++ b/packages/react-components/react-combobox/src/components/ComboboxField/ComboboxField.tsx @@ -1,8 +1,13 @@ import * as React from 'react'; -import { Combobox } from '@fluentui/react-combobox'; +import type { FieldProps } from '@fluentui/react-field'; +import { + getFieldClassNames, + renderField_unstable, + useFieldStyles_unstable, + useField_unstable, +} from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; -import type { FieldProps } from '../../Field'; -import { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '../../Field'; +import { Combobox } from '../../Combobox'; export type ComboboxFieldProps = FieldProps; diff --git a/packages/react-components/react-field/src/components/ComboboxField/index.ts b/packages/react-components/react-combobox/src/components/ComboboxField/index.ts similarity index 100% rename from packages/react-components/react-field/src/components/ComboboxField/index.ts rename to packages/react-components/react-combobox/src/components/ComboboxField/index.ts diff --git a/packages/react-components/react-combobox/src/components/Dropdown/useDropdownStyles.ts b/packages/react-components/react-combobox/src/components/Dropdown/useDropdownStyles.ts index 50ea467ac7c93..689720fcd65bc 100644 --- a/packages/react-components/react-combobox/src/components/Dropdown/useDropdownStyles.ts +++ b/packages/react-components/react-combobox/src/components/Dropdown/useDropdownStyles.ts @@ -16,7 +16,6 @@ export const dropdownClassNames: SlotClassNames = { */ const useStyles = makeStyles({ root: { - ...shorthands.border(tokens.strokeWidthThin, 'solid', 'transparent'), ...shorthands.borderRadius(tokens.borderRadiusMedium), boxSizing: 'border-box', display: 'inline-block', @@ -137,7 +136,8 @@ const useStyles = makeStyles({ backgroundColor: tokens.colorNeutralBackground1, ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1), borderBottomColor: tokens.colorNeutralStrokeAccessible, - + }, + outlineInteractive: { '&:hover': { ...shorthands.borderColor(tokens.colorNeutralStroke1Hover), borderBottomColor: tokens.colorNeutralStrokeAccessible, @@ -155,9 +155,11 @@ const useStyles = makeStyles({ }, 'filled-lighter': { backgroundColor: tokens.colorNeutralBackground1, + ...shorthands.border(tokens.strokeWidthThin, 'solid', 'transparent'), }, 'filled-darker': { backgroundColor: tokens.colorNeutralBackground3, + ...shorthands.border(tokens.strokeWidthThin, 'solid', 'transparent'), }, invalid: { ':not(:focus-within),:hover:not(:focus-within)': { @@ -169,6 +171,14 @@ const useStyles = makeStyles({ borderBottomColor: tokens.colorPaletteRedBorder2, }, }, + disabled: { + cursor: 'not-allowed', + backgroundColor: tokens.colorTransparentBackground, + ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled), + '@media (forced-colors: active)': { + ...shorthands.borderColor('GrayText'), + }, + }, }); const useIconStyles = makeStyles({ @@ -200,6 +210,10 @@ const useIconStyles = makeStyles({ fontSize: iconSizes.large, marginLeft: tokens.spacingHorizontalSNudge, }, + + disabled: { + color: tokens.colorNeutralForegroundDisabled, + }, }); /** @@ -208,6 +222,7 @@ const useIconStyles = makeStyles({ export const useDropdownStyles_unstable = (state: DropdownState): DropdownState => { const { appearance, open, placeholderVisible, size } = state; const invalid = `${state.button['aria-invalid']}` === 'true'; + const disabled = state.button.disabled; const styles = useStyles(); const iconStyles = useIconStyles(); @@ -217,6 +232,7 @@ export const useDropdownStyles_unstable = (state: DropdownState): DropdownState styles[appearance], invalid && appearance !== 'underline' && styles.invalid, invalid && appearance === 'underline' && styles.invalidUnderline, + disabled && styles.disabled, state.root.className, ); @@ -242,6 +258,7 @@ export const useDropdownStyles_unstable = (state: DropdownState): DropdownState dropdownClassNames.expandIcon, iconStyles.icon, iconStyles[size], + disabled && iconStyles.disabled, state.expandIcon.className, ); } diff --git a/packages/react-components/react-combobox/src/index.ts b/packages/react-components/react-combobox/src/index.ts index bb95cbfb3cb5b..2466a11ac994c 100644 --- a/packages/react-components/react-combobox/src/index.ts +++ b/packages/react-components/react-combobox/src/index.ts @@ -58,3 +58,6 @@ export { useOptionGroup_unstable, } from './OptionGroup'; export type { OptionGroupProps, OptionGroupSlots, OptionGroupState } from './OptionGroup'; + +export { ComboboxField as ComboboxField_unstable, comboboxFieldClassNames } from './ComboboxField'; +export type { ComboboxFieldProps as ComboboxFieldProps_unstable } from './ComboboxField'; diff --git a/packages/react-components/react-field/src/stories/ComboboxField/ComboboxFieldDefault.stories.tsx b/packages/react-components/react-combobox/src/stories/ComboboxField/ComboboxFieldDefault.stories.tsx similarity index 75% rename from packages/react-components/react-field/src/stories/ComboboxField/ComboboxFieldDefault.stories.tsx rename to packages/react-components/react-combobox/src/stories/ComboboxField/ComboboxFieldDefault.stories.tsx index 55c5916861853..385ec203cb0f1 100644 --- a/packages/react-components/react-field/src/stories/ComboboxField/ComboboxFieldDefault.stories.tsx +++ b/packages/react-components/react-combobox/src/stories/ComboboxField/ComboboxFieldDefault.stories.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { Option } from '@fluentui/react-combobox'; -import type { ComboboxFieldProps } from '@fluentui/react-field'; -import { ComboboxField } from '@fluentui/react-field'; +import type { ComboboxFieldProps } from '@fluentui/react-components/unstable'; +import { ComboboxField } from '@fluentui/react-components/unstable'; export const Default = (props: Partial) => ( +## [9.7.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.7.0) + +Fri, 11 Nov 2022 14:57:29 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.6.3..@fluentui/react-components_v9.7.0) + +### Minor changes + +- `@fluentui/react-tabs` + - Added support for reserving space for selected state ([PR #25542](https://github.com/microsoft/fluentui/pull/25542) by gcox@microsoft.com) + - Added large size tabs ([PR #25577](https://github.com/microsoft/fluentui/pull/25577) by gcox@microsoft.com) +- `@fluentui/react-tabster` + - Add both options to axis config ([PR #25568](https://github.com/microsoft/fluentui/pull/25568) by chassunc@microsoft.com) +- `@fluentui/react-components` + - feat: Move AvatarGroup to stable. ([PR #25005](https://github.com/microsoft/fluentui/pull/25005) by esteban.230@hotmail.com) + +### Patches + +- `@fluentui/react-portal` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + - chore: Migrate to new package structure. ([PR #25481](https://github.com/microsoft/fluentui/pull/25481) by tristan.watanabe@gmail.com) +- `@fluentui/react-portal-compat` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-portal-compat-context` + - chore: Migrate to new package structure. ([PR #25481](https://github.com/microsoft/fluentui/pull/25481) by tristan.watanabe@gmail.com) + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-positioning` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-provider` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-radio` + - chore: Move RadioGroupField into the @fluentui/react-radio package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-shared-contexts` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-slider` + - chore: Move SliderField into the @fluentui/react-slider package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) +- `@fluentui/react-spinbutton` + - chore: Move SpinButtonField into the @fluentui/react-spinbutton package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) + - fix: update disabled + underline and filled styles to match other text-like form control styles ([PR #25543](https://github.com/microsoft/fluentui/pull/25543) by sarah.higley@microsoft.com) + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-spinner` + - Add documentation for Spinner when reduced-motion is active ([PR #25561](https://github.com/microsoft/fluentui/pull/25561) by ololubek@microsoft.com) + - chore: Replacing use of hard-coded constants with curve and duration tokens from theme. ([PR #25522](https://github.com/microsoft/fluentui/pull/25522) by humberto_makoto@hotmail.com) + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-switch` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + - bugfix: adds line-height=0 to switch indicator slot ([PR #25507](https://github.com/microsoft/fluentui/pull/25507) by bernardo.sunderhus@gmail.com) + - chore: Move SwitchField into the @fluentui/react-switch package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) + - chore: Replacing use of hard-coded constants with curve and duration tokens from theme. ([PR #25522](https://github.com/microsoft/fluentui/pull/25522) by humberto_makoto@hotmail.com) +- `@fluentui/react-tabs` + - Added support for regular/filled icon toggling ([PR #25597](https://github.com/microsoft/fluentui/pull/25597) by gcox@microsoft.com) +- `@fluentui/react-tabster` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-textarea` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + - chore: Move TextareaField into the @fluentui/react-textarea package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) +- `@fluentui/react-theme` + - Fixed incorrect typography style ([PR #25577](https://github.com/microsoft/fluentui/pull/25577) by gcox@microsoft.com) + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-tooltip` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-utilities` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/keyboard-keys` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-aria` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-avatar` + - chore: Replacing use of hard-coded constants with curve and duration tokens from theme. ([PR #25522](https://github.com/microsoft/fluentui/pull/25522) by humberto_makoto@hotmail.com) + - fix: Update Avatar active ring color to match base color ([PR #25497](https://github.com/microsoft/fluentui/pull/25497) by behowell@microsoft.com) + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + - chore: Remove AvatarGroup unstable warnings. ([PR #25005](https://github.com/microsoft/fluentui/pull/25005) by esteban.230@hotmail.com) + - chore: Migrate to new package structure. ([PR #25473](https://github.com/microsoft/fluentui/pull/25473) by tristan.watanabe@gmail.com) +- `@fluentui/react-badge` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-button` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + - chore: Replacing use of hard-coded constants with curve and duration tokens from theme. ([PR #25522](https://github.com/microsoft/fluentui/pull/25522) by humberto_makoto@hotmail.com) + - fix: Showing correct behavior for icons inside of Buttons on hover, pressed and toggle states. ([PR #25479](https://github.com/microsoft/fluentui/pull/25479) by humberto_makoto@hotmail.com) + - fix: Adding expanded styles for MenuButtons and making various other styling fixes for Button components. ([PR #25521](https://github.com/microsoft/fluentui/pull/25521) by humberto_makoto@hotmail.com) +- `@fluentui/react-checkbox` + - chore: Move CheckboxField into the @fluentui/react-checkbox package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-components` + - chore: Update exports for field components from @fluentui/react-components/unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) + - chore: Export ProgressField from @fluentui/react-components/unstable ([PR #25536](https://github.com/microsoft/fluentui/pull/25536) by behowell@microsoft.com) + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + - feat: Exports `createColumn` utility from `@fluentui/react-table` as unstable ([PR #25495](https://github.com/microsoft/fluentui/pull/25495) by lingfangao@hotmail.com) +- `@fluentui/react-context-selector` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-dialog` + - chore: removes unnecessary union case for DialogOpenChangeData ([PR #25504](https://github.com/microsoft/fluentui/pull/25504) by bernardo.sunderhus@gmail.com) + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-divider` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-input` + - fix: update disabled + underline styles, have all text-like form control disabled states match ([PR #25543](https://github.com/microsoft/fluentui/pull/25543) by sarah.higley@microsoft.com) + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + - chore: Move InputField into the @fluentui/react-input package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) +- `@fluentui/react-label` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-link` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-menu` + - fix: remove unwanted aria attributes on context menu ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by bernardo.sunderhus@gmail.com) +- `@fluentui/react-popover` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + +### Changes + +- `@fluentui/react-progress` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + - Add styling and documentation for reduced-motion ([PR #25563](https://github.com/microsoft/fluentui/pull/25563) by ololubek@microsoft.com) + - chore: Move ProgressField into the @fluentui/react-progress package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) +- `@fluentui/react-select` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + - chore: Move SelectField into the @fluentui/react-select package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) + - fix: update disabled + underline styles, have all text-like form control disabled states match ([PR #25543](https://github.com/microsoft/fluentui/pull/25543) by sarah.higley@microsoft.com) +- `@fluentui/react-table` + - feat: Implement child render function for DataGrid rows ([PR #25476](https://github.com/microsoft/fluentui/pull/25476) by lingfangao@hotmail.com) + - feat: Implement `focusMode` prop for DataGrid, apply role="grid" correctly ([PR #25530](https://github.com/microsoft/fluentui/pull/25530) by lingfangao@hotmail.com) + - BREAKING: ColumnDefinition type is stricter, use createColumn to create column definition. Implments render function for DataGridRow. ([PR #25495](https://github.com/microsoft/fluentui/pull/25495) by lingfangao@hotmail.com) +- `@fluentui/react-theme-sass` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-toolbar` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/babel-preset-global-context` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/global-context` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/priority-overflow` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-card` + - feat: add selectable feature to card ([PR #24486](https://github.com/microsoft/fluentui/pull/24486) by marcosvmmoura@gmail.com) +- `@fluentui/react-combobox` + - chore: Move InputField into the @fluentui/react-input package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + - fix: update disabled + underline styles, have all text-like form control disabled states match ([PR #25543](https://github.com/microsoft/fluentui/pull/25543) by sarah.higley@microsoft.com) +- `@fluentui/react-conformance-griffel` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-field` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + - chore: Clean up Field tests and story imports in preparation of moving to individual packages ([PR #25594](https://github.com/microsoft/fluentui/pull/25594) by behowell@microsoft.com) + - chore: Move individual field components into their respective packages, and out of @fluentui/react-field ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) +- `@fluentui/react-overflow` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- `@fluentui/react-persona` + - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + ## [9.6.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.6.3) Wed, 02 Nov 2022 14:27:34 GMT diff --git a/packages/react-components/react-components/etc/react-components.api.md b/packages/react-components/react-components/etc/react-components.api.md index d1a9fc58e1e1d..bb89ccad1f4e9 100644 --- a/packages/react-components/react-components/etc/react-components.api.md +++ b/packages/react-components/react-components/etc/react-components.api.md @@ -44,6 +44,24 @@ import { AccordionToggleEventHandler } from '@fluentui/react-accordion'; import { arrowHeights } from '@fluentui/react-popover'; import { Avatar } from '@fluentui/react-avatar'; import { avatarClassNames } from '@fluentui/react-avatar'; +import { AvatarGroup } from '@fluentui/react-avatar'; +import { avatarGroupClassNames } from '@fluentui/react-avatar'; +import { AvatarGroupContextValue } from '@fluentui/react-avatar'; +import { AvatarGroupContextValues } from '@fluentui/react-avatar'; +import { AvatarGroupItem } from '@fluentui/react-avatar'; +import { avatarGroupItemClassNames } from '@fluentui/react-avatar'; +import { AvatarGroupItemProps } from '@fluentui/react-avatar'; +import { AvatarGroupItemSlots } from '@fluentui/react-avatar'; +import { AvatarGroupItemState } from '@fluentui/react-avatar'; +import { AvatarGroupPopover } from '@fluentui/react-avatar'; +import { avatarGroupPopoverClassNames } from '@fluentui/react-avatar'; +import { AvatarGroupPopoverProps } from '@fluentui/react-avatar'; +import { AvatarGroupPopoverSlots } from '@fluentui/react-avatar'; +import { AvatarGroupPopoverState } from '@fluentui/react-avatar'; +import { AvatarGroupProps } from '@fluentui/react-avatar'; +import { AvatarGroupProvider } from '@fluentui/react-avatar'; +import { AvatarGroupSlots } from '@fluentui/react-avatar'; +import { AvatarGroupState } from '@fluentui/react-avatar'; import { AvatarNamedColor } from '@fluentui/react-avatar'; import { AvatarProps } from '@fluentui/react-avatar'; import { AvatarSizes } from '@fluentui/react-avatar'; @@ -260,6 +278,9 @@ import { OnOpenChangeData } from '@fluentui/react-popover'; import { OnVisibleChangeData } from '@fluentui/react-tooltip'; import { OpenPopoverEvents } from '@fluentui/react-popover'; import { PartialTheme } from '@fluentui/react-theme'; +import { PartitionAvatarGroupItems } from '@fluentui/react-avatar'; +import { partitionAvatarGroupItems } from '@fluentui/react-avatar'; +import { PartitionAvatarGroupItemsOptions } from '@fluentui/react-avatar'; import { Popover } from '@fluentui/react-popover'; import { PopoverContextValue } from '@fluentui/react-popover'; import { PopoverProps } from '@fluentui/react-popover'; @@ -309,6 +330,9 @@ import { renderAccordionHeader_unstable } from '@fluentui/react-accordion'; import { renderAccordionItem_unstable } from '@fluentui/react-accordion'; import { renderAccordionPanel_unstable } from '@fluentui/react-accordion'; import { renderAvatar_unstable } from '@fluentui/react-avatar'; +import { renderAvatarGroup_unstable } from '@fluentui/react-avatar'; +import { renderAvatarGroupItem_unstable } from '@fluentui/react-avatar'; +import { renderAvatarGroupPopover_unstable } from '@fluentui/react-avatar'; import { renderBadge_unstable } from '@fluentui/react-badge'; import { renderButton_unstable } from '@fluentui/react-button'; import { renderCheckbox_unstable } from '@fluentui/react-checkbox'; @@ -476,6 +500,14 @@ import { useAccordionStyles_unstable } from '@fluentui/react-accordion'; import { useArrowNavigationGroup } from '@fluentui/react-tabster'; import { UseArrowNavigationGroupOptions } from '@fluentui/react-tabster'; import { useAvatar_unstable } from '@fluentui/react-avatar'; +import { useAvatarGroup_unstable } from '@fluentui/react-avatar'; +import { useAvatarGroupContext_unstable } from '@fluentui/react-avatar'; +import { useAvatarGroupContextValues } from '@fluentui/react-avatar'; +import { useAvatarGroupItem_unstable } from '@fluentui/react-avatar'; +import { useAvatarGroupItemStyles_unstable } from '@fluentui/react-avatar'; +import { useAvatarGroupPopover_unstable } from '@fluentui/react-avatar'; +import { useAvatarGroupPopoverStyles_unstable } from '@fluentui/react-avatar'; +import { useAvatarGroupStyles_unstable } from '@fluentui/react-avatar'; import { useAvatarStyles_unstable } from '@fluentui/react-avatar'; import { useBadge_unstable } from '@fluentui/react-badge'; import { useBadgeStyles_unstable } from '@fluentui/react-badge'; @@ -677,6 +709,42 @@ export { Avatar } export { avatarClassNames } +export { AvatarGroup } + +export { avatarGroupClassNames } + +export { AvatarGroupContextValue } + +export { AvatarGroupContextValues } + +export { AvatarGroupItem } + +export { avatarGroupItemClassNames } + +export { AvatarGroupItemProps } + +export { AvatarGroupItemSlots } + +export { AvatarGroupItemState } + +export { AvatarGroupPopover } + +export { avatarGroupPopoverClassNames } + +export { AvatarGroupPopoverProps } + +export { AvatarGroupPopoverSlots } + +export { AvatarGroupPopoverState } + +export { AvatarGroupProps } + +export { AvatarGroupProvider } + +export { AvatarGroupSlots } + +export { AvatarGroupState } + export { AvatarNamedColor } export { AvatarProps } @@ -1109,6 +1177,12 @@ export { OpenPopoverEvents } export { PartialTheme } +export { PartitionAvatarGroupItems } + +export { partitionAvatarGroupItems } + +export { PartitionAvatarGroupItemsOptions } + export { Popover } export { PopoverContextValue } @@ -1207,6 +1281,12 @@ export { renderAccordionPanel_unstable } export { renderAvatar_unstable } +export { renderAvatarGroup_unstable } + +export { renderAvatarGroupItem_unstable } + +export { renderAvatarGroupPopover_unstable } + export { renderBadge_unstable } export { renderButton_unstable } @@ -1541,6 +1621,22 @@ export { UseArrowNavigationGroupOptions } export { useAvatar_unstable } +export { useAvatarGroup_unstable } + +export { useAvatarGroupContext_unstable } + +export { useAvatarGroupContextValues } + +export { useAvatarGroupItem_unstable } + +export { useAvatarGroupItemStyles_unstable } + +export { useAvatarGroupPopover_unstable } + +export { useAvatarGroupPopoverStyles_unstable } + +export { useAvatarGroupStyles_unstable } + export { useAvatarStyles_unstable } export { useBadge_unstable } diff --git a/packages/react-components/react-components/etc/react-components.unstable.api.md b/packages/react-components/react-components/etc/react-components.unstable.api.md index 284fa37ded125..0b5546cde182e 100644 --- a/packages/react-components/react-components/etc/react-components.unstable.api.md +++ b/packages/react-components/react-components/etc/react-components.unstable.api.md @@ -9,22 +9,6 @@ import { alertClassNames } from '@fluentui/react-alert'; import { AlertProps } from '@fluentui/react-alert'; import { AlertSlots } from '@fluentui/react-alert'; import { AlertState } from '@fluentui/react-alert'; -import { AvatarGroup } from '@fluentui/react-avatar'; -import { avatarGroupClassNames } from '@fluentui/react-avatar'; -import { AvatarGroupItem } from '@fluentui/react-avatar'; -import { avatarGroupItemClassNames } from '@fluentui/react-avatar'; -import { AvatarGroupItemProps } from '@fluentui/react-avatar'; -import { AvatarGroupItemSlots } from '@fluentui/react-avatar'; -import { AvatarGroupItemState } from '@fluentui/react-avatar'; -import { AvatarGroupPopover } from '@fluentui/react-avatar'; -import { avatarGroupPopoverClassNames } from '@fluentui/react-avatar'; -import { AvatarGroupPopoverProps } from '@fluentui/react-avatar'; -import { AvatarGroupPopoverSlots } from '@fluentui/react-avatar'; -import { AvatarGroupPopoverState } from '@fluentui/react-avatar'; -import { AvatarGroupProps } from '@fluentui/react-avatar'; -import { AvatarGroupProvider } from '@fluentui/react-avatar'; -import { AvatarGroupSlots } from '@fluentui/react-avatar'; -import { AvatarGroupState } from '@fluentui/react-avatar'; import { Card } from '@fluentui/react-card'; import { cardClassNames } from '@fluentui/react-card'; import { cardCSSVars } from '@fluentui/react-card'; @@ -47,17 +31,17 @@ import { CardPreviewState } from '@fluentui/react-card'; import { CardProps } from '@fluentui/react-card'; import { CardSlots } from '@fluentui/react-card'; import { CardState } from '@fluentui/react-card'; -import { CheckboxField } from '@fluentui/react-field'; -import { checkboxFieldClassNames } from '@fluentui/react-field'; -import { CheckboxFieldProps } from '@fluentui/react-field'; +import { CheckboxField_unstable as CheckboxField } from '@fluentui/react-checkbox'; +import { checkboxFieldClassNames } from '@fluentui/react-checkbox'; +import { CheckboxFieldProps_unstable as CheckboxFieldProps } from '@fluentui/react-checkbox'; import { ColumnDefinition } from '@fluentui/react-table'; import { ColumnId } from '@fluentui/react-table'; import { Combobox } from '@fluentui/react-combobox'; import { comboboxClassNames } from '@fluentui/react-combobox'; import { ComboboxContextValues } from '@fluentui/react-combobox'; -import { ComboboxField } from '@fluentui/react-field'; -import { comboboxFieldClassNames } from '@fluentui/react-field'; -import { ComboboxFieldProps } from '@fluentui/react-field'; +import { ComboboxField_unstable as ComboboxField } from '@fluentui/react-combobox'; +import { comboboxFieldClassNames } from '@fluentui/react-combobox'; +import { ComboboxFieldProps_unstable as ComboboxFieldProps } from '@fluentui/react-combobox'; import { ComboboxOpenChangeData } from '@fluentui/react-combobox'; import { ComboboxOpenEvents } from '@fluentui/react-combobox'; import { ComboboxProps } from '@fluentui/react-combobox'; @@ -81,9 +65,9 @@ import { FieldProps } from '@fluentui/react-field'; import { FieldSlots } from '@fluentui/react-field'; import { FieldState } from '@fluentui/react-field'; import { getFieldClassNames } from '@fluentui/react-field'; -import { InputField } from '@fluentui/react-field'; -import { inputFieldClassNames } from '@fluentui/react-field'; -import { InputFieldProps } from '@fluentui/react-field'; +import { InputField_unstable as InputField } from '@fluentui/react-input'; +import { inputFieldClassNames } from '@fluentui/react-input'; +import { InputFieldProps_unstable as InputFieldProps } from '@fluentui/react-input'; import { Listbox } from '@fluentui/react-combobox'; import { listboxClassNames } from '@fluentui/react-combobox'; import { ListboxContextValues } from '@fluentui/react-combobox'; @@ -104,9 +88,6 @@ import { Overflow } from '@fluentui/react-overflow'; import { OverflowItem } from '@fluentui/react-overflow'; import { OverflowItemProps } from '@fluentui/react-overflow'; import { OverflowProps } from '@fluentui/react-overflow'; -import { PartitionAvatarGroupItems } from '@fluentui/react-avatar'; -import { partitionAvatarGroupItems } from '@fluentui/react-avatar'; -import { PartitionAvatarGroupItemsOptions } from '@fluentui/react-avatar'; import { Persona } from '@fluentui/react-persona'; import { personaClassNames } from '@fluentui/react-persona'; import { PersonaProps } from '@fluentui/react-persona'; @@ -114,19 +95,16 @@ import { PersonaSlots } from '@fluentui/react-persona'; import { PersonaState } from '@fluentui/react-persona'; import { Progress } from '@fluentui/react-progress'; import { progressClassNames } from '@fluentui/react-progress'; -import { ProgressField } from '@fluentui/react-field'; -import { progressFieldClassNames } from '@fluentui/react-field'; -import { ProgressFieldProps } from '@fluentui/react-field'; +import { ProgressField_unstable as ProgressField } from '@fluentui/react-progress'; +import { progressFieldClassNames } from '@fluentui/react-progress'; +import { ProgressFieldProps_unstable as ProgressFieldProps } from '@fluentui/react-progress'; import { ProgressProps } from '@fluentui/react-progress'; import { ProgressSlots } from '@fluentui/react-progress'; import { ProgressState } from '@fluentui/react-progress'; -import { RadioGroupField } from '@fluentui/react-field'; -import { radioGroupFieldClassNames } from '@fluentui/react-field'; -import { RadioGroupFieldProps } from '@fluentui/react-field'; +import { RadioGroupField_unstable as RadioGroupField } from '@fluentui/react-radio'; +import { radioGroupFieldClassNames } from '@fluentui/react-radio'; +import { RadioGroupFieldProps_unstable as RadioGroupFieldProps } from '@fluentui/react-radio'; import { renderAlert_unstable } from '@fluentui/react-alert'; -import { renderAvatarGroup_unstable } from '@fluentui/react-avatar'; -import { renderAvatarGroupItem_unstable } from '@fluentui/react-avatar'; -import { renderAvatarGroupPopover_unstable } from '@fluentui/react-avatar'; import { renderCard_unstable } from '@fluentui/react-card'; import { renderCardFooter_unstable } from '@fluentui/react-card'; import { renderCardHeader_unstable } from '@fluentui/react-card'; @@ -154,22 +132,22 @@ import { RowId } from '@fluentui/react-table'; import { RowState } from '@fluentui/react-table'; import { Select } from '@fluentui/react-select'; import { selectClassNames } from '@fluentui/react-select'; -import { SelectField } from '@fluentui/react-field'; -import { selectFieldClassNames } from '@fluentui/react-field'; -import { SelectFieldProps } from '@fluentui/react-field'; +import { SelectField_unstable as SelectField } from '@fluentui/react-select'; +import { selectFieldClassNames } from '@fluentui/react-select'; +import { SelectFieldProps_unstable as SelectFieldProps } from '@fluentui/react-select'; import { SelectProps } from '@fluentui/react-select'; import { SelectSlots } from '@fluentui/react-select'; import { SelectState } from '@fluentui/react-select'; -import { SliderField } from '@fluentui/react-field'; -import { sliderFieldClassNames } from '@fluentui/react-field'; -import { SliderFieldProps } from '@fluentui/react-field'; +import { SliderField_unstable as SliderField } from '@fluentui/react-slider'; +import { sliderFieldClassNames } from '@fluentui/react-slider'; +import { SliderFieldProps_unstable as SliderFieldProps } from '@fluentui/react-slider'; import { SortDirection } from '@fluentui/react-table'; -import { SpinButtonField } from '@fluentui/react-field'; -import { spinButtonFieldClassNames } from '@fluentui/react-field'; -import { SpinButtonFieldProps } from '@fluentui/react-field'; -import { SwitchField } from '@fluentui/react-field'; -import { switchFieldClassNames } from '@fluentui/react-field'; -import { SwitchFieldProps } from '@fluentui/react-field'; +import { SpinButtonField_unstable as SpinButtonField } from '@fluentui/react-spinbutton'; +import { spinButtonFieldClassNames } from '@fluentui/react-spinbutton'; +import { SpinButtonFieldProps_unstable as SpinButtonFieldProps } from '@fluentui/react-spinbutton'; +import { SwitchField_unstable as SwitchField } from '@fluentui/react-switch'; +import { switchFieldClassNames } from '@fluentui/react-switch'; +import { SwitchFieldProps_unstable as SwitchFieldProps } from '@fluentui/react-switch'; import { Table } from '@fluentui/react-table'; import { TableBody } from '@fluentui/react-table'; import { tableBodyClassName } from '@fluentui/react-table'; @@ -224,9 +202,9 @@ import { TableSlots } from '@fluentui/react-table'; import { TableSortState } from '@fluentui/react-table'; import { TableState } from '@fluentui/react-table'; import { TableStatePlugin } from '@fluentui/react-table'; -import { TextareaField } from '@fluentui/react-field'; -import { textareaFieldClassNames } from '@fluentui/react-field'; -import { TextareaFieldProps } from '@fluentui/react-field'; +import { TextareaField_unstable as TextareaField } from '@fluentui/react-textarea'; +import { textareaFieldClassNames } from '@fluentui/react-textarea'; +import { TextareaFieldProps_unstable as TextareaFieldProps } from '@fluentui/react-textarea'; import { Toolbar } from '@fluentui/react-toolbar'; import { ToolbarButton } from '@fluentui/react-toolbar'; import { ToolbarButtonProps } from '@fluentui/react-toolbar'; @@ -245,13 +223,6 @@ import { ToolbarToggleButtonProps } from '@fluentui/react-toolbar'; import { ToolbarToggleButtonState } from '@fluentui/react-toolbar'; import { useAlert_unstable } from '@fluentui/react-alert'; import { useAlertStyles_unstable } from '@fluentui/react-alert'; -import { useAvatarGroup_unstable } from '@fluentui/react-avatar'; -import { useAvatarGroupContext_unstable } from '@fluentui/react-avatar'; -import { useAvatarGroupItem_unstable } from '@fluentui/react-avatar'; -import { useAvatarGroupItemStyles_unstable } from '@fluentui/react-avatar'; -import { useAvatarGroupPopover_unstable } from '@fluentui/react-avatar'; -import { useAvatarGroupPopoverStyles_unstable } from '@fluentui/react-avatar'; -import { useAvatarGroupStyles_unstable } from '@fluentui/react-avatar'; import { useCard_unstable } from '@fluentui/react-card'; import { useCardFooter_unstable } from '@fluentui/react-card'; import { useCardFooterStyles_unstable } from '@fluentui/react-card'; @@ -318,38 +289,6 @@ export { AlertSlots } export { AlertState } -export { AvatarGroup } - -export { avatarGroupClassNames } - -export { AvatarGroupItem } - -export { avatarGroupItemClassNames } - -export { AvatarGroupItemProps } - -export { AvatarGroupItemSlots } - -export { AvatarGroupItemState } - -export { AvatarGroupPopover } - -export { avatarGroupPopoverClassNames } - -export { AvatarGroupPopoverProps } - -export { AvatarGroupPopoverSlots } - -export { AvatarGroupPopoverState } - -export { AvatarGroupProps } - -export { AvatarGroupProvider } - -export { AvatarGroupSlots } - -export { AvatarGroupState } - export { Card } export { cardClassNames } @@ -508,12 +447,6 @@ export { OverflowItemProps } export { OverflowProps } -export { PartitionAvatarGroupItems } - -export { partitionAvatarGroupItems } - -export { PartitionAvatarGroupItemsOptions } - export { Persona } export { personaClassNames } @@ -548,12 +481,6 @@ export { RadioGroupFieldProps } export { renderAlert_unstable } -export { renderAvatarGroup_unstable } - -export { renderAvatarGroupItem_unstable } - -export { renderAvatarGroupPopover_unstable } - export { renderCard_unstable } export { renderCardFooter_unstable } @@ -791,20 +718,6 @@ export { useAlert_unstable } export { useAlertStyles_unstable } -export { useAvatarGroup_unstable } - -export { useAvatarGroupContext_unstable } - -export { useAvatarGroupItem_unstable } - -export { useAvatarGroupItemStyles_unstable } - -export { useAvatarGroupPopover_unstable } - -export { useAvatarGroupPopoverStyles_unstable } - -export { useAvatarGroupStyles_unstable } - export { useCard_unstable } export { useCardFooter_unstable } diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json index f6d79f87c3c57..58f2d83ff5077 100644 --- a/packages/react-components/react-components/package.json +++ b/packages/react-components/react-components/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-components", - "version": "9.6.3", + "version": "9.7.0", "description": "Suite package for converged React components", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -32,45 +32,45 @@ "react-hook-form": "^5.7.2" }, "dependencies": { - "@fluentui/react-accordion": "^9.0.10", - "@fluentui/react-alert": "9.0.0-beta.16", - "@fluentui/react-avatar": "^9.2.5", - "@fluentui/react-badge": "^9.0.11", - "@fluentui/react-button": "^9.1.7", - "@fluentui/react-card": "9.0.0-beta.31", - "@fluentui/react-checkbox": "^9.0.11", - "@fluentui/react-combobox": "^9.0.0-beta.14", - "@fluentui/react-dialog": "^9.1.0", - "@fluentui/react-divider": "^9.1.3", - "@fluentui/react-field": "9.0.0-alpha.7", - "@fluentui/react-image": "^9.0.10", - "@fluentui/react-input": "^9.2.4", - "@fluentui/react-label": "^9.0.9", - "@fluentui/react-link": "^9.0.10", - "@fluentui/react-menu": "^9.4.0", - "@fluentui/react-overflow": "9.0.0-beta.13", - "@fluentui/react-persona": "9.1.0-beta.2", - "@fluentui/react-portal": "^9.0.9", - "@fluentui/react-popover": "^9.3.0", - "@fluentui/react-positioning": "^9.3.0", - "@fluentui/react-progress": "9.0.0-alpha.4", - "@fluentui/react-provider": "^9.1.6", - "@fluentui/react-radio": "^9.0.10", - "@fluentui/react-select": "9.0.0-beta.13", - "@fluentui/react-shared-contexts": "^9.1.0", - "@fluentui/react-slider": "^9.0.9", - "@fluentui/react-spinbutton": "^9.0.7", - "@fluentui/react-spinner": "^9.0.9", - "@fluentui/react-switch": "^9.0.10", - "@fluentui/react-table": "9.0.0-alpha.10", - "@fluentui/react-tabs": "^9.0.10", - "@fluentui/react-tabster": "^9.2.1", - "@fluentui/react-textarea": "^9.1.4", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-toolbar": "9.0.0-beta.12", - "@fluentui/react-tooltip": "^9.1.0", - "@fluentui/react-utilities": "^9.2.0", - "@fluentui/react-text": "^9.1.5", + "@fluentui/react-accordion": "^9.0.11", + "@fluentui/react-alert": "9.0.0-beta.17", + "@fluentui/react-avatar": "^9.2.6", + "@fluentui/react-badge": "^9.0.12", + "@fluentui/react-button": "^9.1.8", + "@fluentui/react-card": "9.0.0-beta.32", + "@fluentui/react-checkbox": "^9.0.12", + "@fluentui/react-combobox": "^9.0.0-beta.15", + "@fluentui/react-dialog": "^9.1.1", + "@fluentui/react-divider": "^9.1.4", + "@fluentui/react-field": "9.0.0-alpha.8", + "@fluentui/react-image": "^9.0.11", + "@fluentui/react-input": "^9.2.5", + "@fluentui/react-label": "^9.0.10", + "@fluentui/react-link": "^9.0.11", + "@fluentui/react-menu": "^9.4.1", + "@fluentui/react-overflow": "9.0.0-beta.14", + "@fluentui/react-persona": "9.1.0-beta.3", + "@fluentui/react-portal": "^9.0.10", + "@fluentui/react-popover": "^9.3.1", + "@fluentui/react-positioning": "^9.3.1", + "@fluentui/react-progress": "9.0.0-alpha.5", + "@fluentui/react-provider": "^9.1.7", + "@fluentui/react-radio": "^9.0.11", + "@fluentui/react-select": "9.0.0-beta.14", + "@fluentui/react-shared-contexts": "^9.1.1", + "@fluentui/react-slider": "^9.0.10", + "@fluentui/react-spinbutton": "^9.0.8", + "@fluentui/react-spinner": "^9.0.10", + "@fluentui/react-switch": "^9.0.11", + "@fluentui/react-table": "9.0.0-alpha.11", + "@fluentui/react-tabs": "^9.1.0", + "@fluentui/react-tabster": "^9.3.0", + "@fluentui/react-textarea": "^9.1.5", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-toolbar": "9.0.0-beta.13", + "@fluentui/react-tooltip": "^9.1.1", + "@fluentui/react-utilities": "^9.2.1", + "@fluentui/react-text": "^9.1.6", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -88,12 +88,12 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" }, "./unstable": { - "types": "./lib/unstable/index.d.ts", + "types": "./dist/unstable.d.ts", "import": "./lib/unstable/index.js", "require": "./lib-commonjs/unstable/index.js" }, diff --git a/packages/react-components/react-components/src/index.ts b/packages/react-components/react-components/src/index.ts index d0a6c3c32f7fc..d24a8bc7e7582 100644 --- a/packages/react-components/react-components/src/index.ts +++ b/packages/react-components/react-components/src/index.ts @@ -212,8 +212,46 @@ export { renderAvatar_unstable, useAvatar_unstable, useAvatarStyles_unstable, + AvatarGroup, + avatarGroupClassNames, + AvatarGroupItem, + avatarGroupItemClassNames, + AvatarGroupPopover, + avatarGroupPopoverClassNames, + AvatarGroupProvider, + renderAvatarGroup_unstable, + useAvatarGroupContextValues, + useAvatarGroupStyles_unstable, + useAvatarGroup_unstable, + renderAvatarGroupItem_unstable, + useAvatarGroupItemStyles_unstable, + useAvatarGroupItem_unstable, + renderAvatarGroupPopover_unstable, + useAvatarGroupPopoverStyles_unstable, + useAvatarGroupPopover_unstable, + useAvatarGroupContext_unstable, + partitionAvatarGroupItems, +} from '@fluentui/react-avatar'; +export type { + AvatarNamedColor, + AvatarProps, + AvatarSizes, + AvatarSlots, + AvatarState, + AvatarGroupProps, + AvatarGroupSlots, + AvatarGroupState, + AvatarGroupItemProps, + AvatarGroupItemSlots, + AvatarGroupItemState, + AvatarGroupPopoverProps, + AvatarGroupPopoverSlots, + AvatarGroupPopoverState, + AvatarGroupContextValue, + AvatarGroupContextValues, + PartitionAvatarGroupItems, + PartitionAvatarGroupItemsOptions, } from '@fluentui/react-avatar'; -export type { AvatarNamedColor, AvatarProps, AvatarSizes, AvatarSlots, AvatarState } from '@fluentui/react-avatar'; export { Badge, CounterBadge, diff --git a/packages/react-components/react-components/src/unstable/index.ts b/packages/react-components/react-components/src/unstable/index.ts index 64f5386ebd9bd..36a8d3b5d8966 100644 --- a/packages/react-components/react-components/src/unstable/index.ts +++ b/packages/react-components/react-components/src/unstable/index.ts @@ -8,39 +8,6 @@ export { useAlert_unstable, } from '@fluentui/react-alert'; export type { AlertProps, AlertSlots, AlertState } from '@fluentui/react-alert'; -export { - AvatarGroup, - AvatarGroupItem, - AvatarGroupPopover, - AvatarGroupProvider, - avatarGroupClassNames, - avatarGroupItemClassNames, - avatarGroupPopoverClassNames, - partitionAvatarGroupItems, - renderAvatarGroup_unstable, - renderAvatarGroupItem_unstable, - renderAvatarGroupPopover_unstable, - useAvatarGroup_unstable, - useAvatarGroupContext_unstable, - useAvatarGroupItem_unstable, - useAvatarGroupItemStyles_unstable, - useAvatarGroupPopover_unstable, - useAvatarGroupPopoverStyles_unstable, - useAvatarGroupStyles_unstable, -} from '@fluentui/react-avatar'; -export type { - AvatarGroupProps, - AvatarGroupSlots, - AvatarGroupState, - AvatarGroupItemProps, - AvatarGroupItemSlots, - AvatarGroupItemState, - AvatarGroupPopoverProps, - AvatarGroupPopoverSlots, - AvatarGroupPopoverState, - PartitionAvatarGroupItems, - PartitionAvatarGroupItemsOptions, -} from '@fluentui/react-avatar'; export { Card, CardFooter, @@ -278,48 +245,43 @@ export type { CreateColumnOptions, } from '@fluentui/react-table'; +export { CheckboxField_unstable as CheckboxField, checkboxFieldClassNames } from '@fluentui/react-checkbox'; +export type { CheckboxFieldProps_unstable as CheckboxFieldProps } from '@fluentui/react-checkbox'; + +export { ComboboxField_unstable as ComboboxField, comboboxFieldClassNames } from '@fluentui/react-combobox'; +export type { ComboboxFieldProps_unstable as ComboboxFieldProps } from '@fluentui/react-combobox'; + +export { InputField_unstable as InputField, inputFieldClassNames } from '@fluentui/react-input'; +export type { InputFieldProps_unstable as InputFieldProps } from '@fluentui/react-input'; + +export { ProgressField_unstable as ProgressField, progressFieldClassNames } from '@fluentui/react-progress'; +export type { ProgressFieldProps_unstable as ProgressFieldProps } from '@fluentui/react-progress'; + +export { RadioGroupField_unstable as RadioGroupField, radioGroupFieldClassNames } from '@fluentui/react-radio'; +export type { RadioGroupFieldProps_unstable as RadioGroupFieldProps } from '@fluentui/react-radio'; + +export { SelectField_unstable as SelectField, selectFieldClassNames } from '@fluentui/react-select'; +export type { SelectFieldProps_unstable as SelectFieldProps } from '@fluentui/react-select'; + +export { SliderField_unstable as SliderField, sliderFieldClassNames } from '@fluentui/react-slider'; +export type { SliderFieldProps_unstable as SliderFieldProps } from '@fluentui/react-slider'; + +export { SpinButtonField_unstable as SpinButtonField, spinButtonFieldClassNames } from '@fluentui/react-spinbutton'; +export type { SpinButtonFieldProps_unstable as SpinButtonFieldProps } from '@fluentui/react-spinbutton'; + +export { SwitchField_unstable as SwitchField, switchFieldClassNames } from '@fluentui/react-switch'; +export type { SwitchFieldProps_unstable as SwitchFieldProps } from '@fluentui/react-switch'; + +export { TextareaField_unstable as TextareaField, textareaFieldClassNames } from '@fluentui/react-textarea'; +export type { TextareaFieldProps_unstable as TextareaFieldProps } from '@fluentui/react-textarea'; + export { - CheckboxField, - checkboxFieldClassNames, - ComboboxField, - comboboxFieldClassNames, getFieldClassNames, - InputField, - inputFieldClassNames, - ProgressField, - progressFieldClassNames, - RadioGroupField, - radioGroupFieldClassNames, renderField_unstable, - SelectField, - selectFieldClassNames, - SliderField, - sliderFieldClassNames, - SpinButtonField, - spinButtonFieldClassNames, - SwitchField, - switchFieldClassNames, - TextareaField, - textareaFieldClassNames, useFieldStyles_unstable, useField_unstable, } from '@fluentui/react-field'; -export type { - CheckboxFieldProps, - ComboboxFieldProps, - FieldConfig, - FieldProps, - FieldSlots, - FieldState, - InputFieldProps, - ProgressFieldProps, - RadioGroupFieldProps, - SelectFieldProps, - SliderFieldProps, - SpinButtonFieldProps, - SwitchFieldProps, - TextareaFieldProps, -} from '@fluentui/react-field'; +export type { FieldConfig, FieldProps, FieldSlots, FieldState } from '@fluentui/react-field'; export { Persona, diff --git a/packages/react-components/react-components/src/unstable/package.json__tmpl__ b/packages/react-components/react-components/src/unstable/package.json__tmpl__ index 6a148f872a8cb..91359ab10175e 100644 --- a/packages/react-components/react-components/src/unstable/package.json__tmpl__ +++ b/packages/react-components/react-components/src/unstable/package.json__tmpl__ @@ -7,7 +7,7 @@ "license": "MIT", "exports": { ".": { - "types": "./../lib/unstable/index.d.ts", + "types": "./../dist/unstable.d.ts", "import": "./../lib/unstable/index.js", "require": "./../lib-commonjs/unstable/index.js" } diff --git a/packages/react-components/react-conformance-griffel/CHANGELOG.json b/packages/react-components/react-conformance-griffel/CHANGELOG.json index c16d80e6197b1..8a68786a055da 100644 --- a/packages/react-components/react-conformance-griffel/CHANGELOG.json +++ b/packages/react-components/react-conformance-griffel/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-conformance-griffel", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:58:01 GMT", + "tag": "@fluentui/react-conformance-griffel_v9.0.0-beta.18", + "version": "9.0.0-beta.18", + "comments": { + "prerelease": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-conformance-griffel", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:50 GMT", "tag": "@fluentui/react-conformance-griffel_v9.0.0-beta.17", diff --git a/packages/react-components/react-conformance-griffel/CHANGELOG.md b/packages/react-components/react-conformance-griffel/CHANGELOG.md index b02944b3b1751..ffbc8e2721f20 100644 --- a/packages/react-components/react-conformance-griffel/CHANGELOG.md +++ b/packages/react-components/react-conformance-griffel/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-conformance-griffel -This log was last generated on Wed, 02 Nov 2022 11:57:50 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:58:01 GMT and should not be manually modified. +## [9.0.0-beta.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-conformance-griffel_v9.0.0-beta.18) + +Fri, 11 Nov 2022 14:58:01 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-conformance-griffel_v9.0.0-beta.17..@fluentui/react-conformance-griffel_v9.0.0-beta.18) + +### Changes + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + ## [9.0.0-beta.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-conformance-griffel_v9.0.0-beta.17) Wed, 02 Nov 2022 11:57:50 GMT diff --git a/packages/react-components/react-conformance-griffel/package.json b/packages/react-components/react-conformance-griffel/package.json index df0ffe8094073..fbdb5c9c824b4 100644 --- a/packages/react-components/react-conformance-griffel/package.json +++ b/packages/react-components/react-conformance-griffel/package.json @@ -1,9 +1,9 @@ { "name": "@fluentui/react-conformance-griffel", - "version": "9.0.0-beta.17", + "version": "9.0.0-beta.18", "description": "A set of conformance tests for Griffel CSS-in-JS", "main": "lib-commonjs/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "repository": { "type": "git", "url": "https://github.com/microsoft/fluentui" @@ -29,7 +29,7 @@ "@types/react": ">=16.8.0 <19.0.0", "@types/react-dom": ">=16.8.0 <19.0.0", "typescript": "^4.3.0", - "@fluentui/react-conformance": "^0.15.4" + "@fluentui/react-conformance": "^0.15.5" }, "dependencies": { "@griffel/react": "^1.4.2", @@ -41,5 +41,12 @@ "minor", "patch" ] + }, + "exports": { + ".": { + "types": "./dist/index.d.ts", + "require": "./lib-commonjs/index.js" + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-context-selector/CHANGELOG.json b/packages/react-components/react-context-selector/CHANGELOG.json index dbfbc15ce2e7e..eb49d0db010ac 100644 --- a/packages/react-components/react-context-selector/CHANGELOG.json +++ b/packages/react-components/react-context-selector/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-context-selector", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:58:01 GMT", + "tag": "@fluentui/react-context-selector_v9.1.1", + "version": "9.1.1", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-context-selector", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "beachball", + "package": "@fluentui/react-context-selector", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:50 GMT", "tag": "@fluentui/react-context-selector_v9.1.0", diff --git a/packages/react-components/react-context-selector/CHANGELOG.md b/packages/react-components/react-context-selector/CHANGELOG.md index 926d9dcff1a2c..2ced5da20364c 100644 --- a/packages/react-components/react-context-selector/CHANGELOG.md +++ b/packages/react-components/react-context-selector/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-context-selector -This log was last generated on Wed, 02 Nov 2022 11:57:50 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:58:01 GMT and should not be manually modified. +## [9.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.1) + +Fri, 11 Nov 2022 14:58:01 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.1.0..@fluentui/react-context-selector_v9.1.1) + +### Patches + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.0) Wed, 02 Nov 2022 11:57:50 GMT diff --git a/packages/react-components/react-context-selector/package.json b/packages/react-components/react-context-selector/package.json index dded17cfe7e1e..f46874d45e261 100644 --- a/packages/react-components/react-context-selector/package.json +++ b/packages/react-components/react-context-selector/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-context-selector", - "version": "9.1.0", + "version": "9.1.1", "description": "React useContextSelector hook in userland", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -27,7 +27,7 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-utilities": "^9.2.1", "tslib": "^2.1.0" }, "peerDependencies": { @@ -45,9 +45,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-dialog/.npmignore b/packages/react-components/react-dialog/.npmignore index 52d2a7273a151..f7ce568a6dbf7 100644 --- a/packages/react-components/react-dialog/.npmignore +++ b/packages/react-components/react-dialog/.npmignore @@ -3,10 +3,11 @@ bundle-size/ config/ coverage/ -e2e/ +docs/ etc/ node_modules/ src/ +stories/ dist/types/ temp/ __fixtures__ @@ -16,7 +17,7 @@ __tests__ *.api.json *.log *.spec.* -*.stories.* +*.cy.* *.test.* *.yml diff --git a/packages/react-components/react-dialog/.storybook/main.js b/packages/react-components/react-dialog/.storybook/main.js index f57cfd09509e7..26536b61b387f 100644 --- a/packages/react-components/react-dialog/.storybook/main.js +++ b/packages/react-components/react-dialog/.storybook/main.js @@ -2,7 +2,7 @@ const rootMain = require('../../../../.storybook/main'); module.exports = /** @type {Omit} */ ({ ...rootMain, - stories: [...rootMain.stories, '../src/**/*.stories.mdx', '../src/**/index.stories.@(ts|tsx)'], + stories: [...rootMain.stories, '../stories/**/*.stories.mdx', '../stories/**/index.stories.@(ts|tsx)'], addons: [...rootMain.addons], webpackFinal: (config, options) => { const localConfig = { ...rootMain.webpackFinal(config, options) }; diff --git a/packages/react-components/react-dialog/.storybook/tsconfig.json b/packages/react-components/react-dialog/.storybook/tsconfig.json index f9f60e1234ed4..ea89218a3d916 100644 --- a/packages/react-components/react-dialog/.storybook/tsconfig.json +++ b/packages/react-components/react-dialog/.storybook/tsconfig.json @@ -6,5 +6,5 @@ "checkJs": true, "types": ["static-assets", "environment", "storybook__addons"] }, - "include": ["../src/**/*.stories.ts", "../src/**/*.stories.tsx", "*.js"] + "include": ["../stories/**/*.stories.ts", "../stories/**/*.stories.tsx", "*.js"] } diff --git a/packages/react-components/react-dialog/CHANGELOG.json b/packages/react-components/react-dialog/CHANGELOG.json index 615bffbb7cc63..505778cc801fd 100644 --- a/packages/react-components/react-dialog/CHANGELOG.json +++ b/packages/react-components/react-dialog/CHANGELOG.json @@ -1,6 +1,89 @@ { "name": "@fluentui/react-dialog", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:58:02 GMT", + "tag": "@fluentui/react-dialog_v9.1.1", + "version": "9.1.1", + "comments": { + "patch": [ + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-dialog", + "commit": "d1228a137bb5f28014bad869d88584ae95ba46da", + "comment": "chore: removes unnecessary union case for DialogOpenChangeData" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-dialog", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/keyboard-keys to v9.0.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-context-selector to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-shared-contexts to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-aria to v9.3.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-tabster to v9.3.0", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-portal to v9.0.10", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ], + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-dialog", + "commit": "956c72db167ea7f1f0be7c9713fc663ab6194544", + "comment": "chore: Migrate to new package structure." + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:50 GMT", "tag": "@fluentui/react-dialog_v9.1.0", diff --git a/packages/react-components/react-dialog/CHANGELOG.md b/packages/react-components/react-dialog/CHANGELOG.md index e0f60f988c689..405de117eed4d 100644 --- a/packages/react-components/react-dialog/CHANGELOG.md +++ b/packages/react-components/react-dialog/CHANGELOG.md @@ -1,9 +1,28 @@ # Change Log - @fluentui/react-dialog -This log was last generated on Wed, 02 Nov 2022 11:57:50 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:58:02 GMT and should not be manually modified. +## [9.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.1.1) + +Fri, 11 Nov 2022 14:58:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.1.0..@fluentui/react-dialog_v9.1.1) + +### Patches + +- chore: removes unnecessary union case for DialogOpenChangeData ([PR #25504](https://github.com/microsoft/fluentui/pull/25504) by bernardo.sunderhus@gmail.com) +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/keyboard-keys to v9.0.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-context-selector to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-shared-contexts to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-aria to v9.3.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-portal to v9.0.10 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.1.0) Wed, 02 Nov 2022 11:57:50 GMT diff --git a/packages/react-components/react-dialog/Spec.md b/packages/react-components/react-dialog/docs/Spec.md similarity index 100% rename from packages/react-components/react-dialog/Spec.md rename to packages/react-components/react-dialog/docs/Spec.md diff --git a/packages/react-components/react-dialog/assets/AlertDialogKeyboardInteraction.png b/packages/react-components/react-dialog/docs/assets/AlertDialogKeyboardInteraction.png similarity index 100% rename from packages/react-components/react-dialog/assets/AlertDialogKeyboardInteraction.png rename to packages/react-components/react-dialog/docs/assets/AlertDialogKeyboardInteraction.png diff --git a/packages/react-components/react-dialog/assets/AlertDialogMouseInteraction.png b/packages/react-components/react-dialog/docs/assets/AlertDialogMouseInteraction.png similarity index 100% rename from packages/react-components/react-dialog/assets/AlertDialogMouseInteraction.png rename to packages/react-components/react-dialog/docs/assets/AlertDialogMouseInteraction.png diff --git a/packages/react-components/react-dialog/assets/ModalDialogKeyboardInteraction.png b/packages/react-components/react-dialog/docs/assets/ModalDialogKeyboardInteraction.png similarity index 100% rename from packages/react-components/react-dialog/assets/ModalDialogKeyboardInteraction.png rename to packages/react-components/react-dialog/docs/assets/ModalDialogKeyboardInteraction.png diff --git a/packages/react-components/react-dialog/assets/ModalDialogMouseInteraction.png b/packages/react-components/react-dialog/docs/assets/ModalDialogMouseInteraction.png similarity index 100% rename from packages/react-components/react-dialog/assets/ModalDialogMouseInteraction.png rename to packages/react-components/react-dialog/docs/assets/ModalDialogMouseInteraction.png diff --git a/packages/react-components/react-dialog/assets/NonModalDialogKeyboardInteraction.png b/packages/react-components/react-dialog/docs/assets/NonModalDialogKeyboardInteraction.png similarity index 100% rename from packages/react-components/react-dialog/assets/NonModalDialogKeyboardInteraction.png rename to packages/react-components/react-dialog/docs/assets/NonModalDialogKeyboardInteraction.png diff --git a/packages/react-components/react-dialog/assets/NonModalDialogMouseInteraction.png b/packages/react-components/react-dialog/docs/assets/NonModalDialogMouseInteraction.png similarity index 100% rename from packages/react-components/react-dialog/assets/NonModalDialogMouseInteraction.png rename to packages/react-components/react-dialog/docs/assets/NonModalDialogMouseInteraction.png diff --git a/packages/react-components/react-dialog/etc/react-dialog.api.md b/packages/react-components/react-dialog/etc/react-dialog.api.md index f8055ff2e3360..f2cfd7212ae85 100644 --- a/packages/react-components/react-dialog/etc/react-dialog.api.md +++ b/packages/react-components/react-dialog/etc/react-dialog.api.md @@ -81,10 +81,6 @@ export type DialogContentState = ComponentState; // @public (undocumented) export type DialogOpenChangeData = { - type: 'dialogCancel'; - open: boolean; - event: React_2.SyntheticEvent; -} | { type: 'escapeKeyDown'; open: boolean; event: React_2.KeyboardEvent; diff --git a/packages/react-components/react-dialog/package.json b/packages/react-components/react-dialog/package.json index 0a1b8d6e7e014..cb1cbbca14e16 100644 --- a/packages/react-components/react-dialog/package.json +++ b/packages/react-components/react-dialog/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-dialog", - "version": "9.1.0", + "version": "9.1.1", "description": "Dialog component for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -29,20 +29,20 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { "@griffel/react": "^1.4.2", - "@fluentui/react-utilities": "^9.2.0", - "@fluentui/keyboard-keys": "^9.0.0", - "@fluentui/react-context-selector": "^9.1.0", - "@fluentui/react-shared-contexts": "^9.1.0", - "@fluentui/react-aria": "^9.3.0", + "@fluentui/react-utilities": "^9.2.1", + "@fluentui/keyboard-keys": "^9.0.1", + "@fluentui/react-context-selector": "^9.1.1", + "@fluentui/react-shared-contexts": "^9.1.1", + "@fluentui/react-aria": "^9.3.1", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-tabster": "^9.2.1", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-portal": "^9.0.9", + "@fluentui/react-tabster": "^9.3.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-portal": "^9.0.10", "tslib": "^2.1.0" }, "peerDependencies": { @@ -59,9 +59,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-dialog/e2e/Dialog.e2e.tsx b/packages/react-components/react-dialog/src/components/Dialog/Dialog.cy.tsx similarity index 99% rename from packages/react-components/react-dialog/e2e/Dialog.e2e.tsx rename to packages/react-components/react-dialog/src/components/Dialog/Dialog.cy.tsx index 25fd99b5fab4c..58e6e924f5b66 100644 --- a/packages/react-components/react-dialog/e2e/Dialog.e2e.tsx +++ b/packages/react-components/react-dialog/src/components/Dialog/Dialog.cy.tsx @@ -30,7 +30,7 @@ import { dialogTriggerCloseId, dialogTriggerCloseSelector, dialogTriggerOpenSelector, -} from './selectors'; +} from '../../testing/selectors'; const mount = (element: JSX.Element) => mountBase({element}); @@ -179,6 +179,7 @@ describe('Dialog', () => { } }, [open]); return ( + //eslint-disable-next-line react/jsx-no-bind setOpen(data.open)}> diff --git a/packages/react-components/react-dialog/src/components/Dialog/Dialog.test.tsx b/packages/react-components/react-dialog/src/components/Dialog/Dialog.test.tsx index 373159e55c108..2247dd3e6d373 100644 --- a/packages/react-components/react-dialog/src/components/Dialog/Dialog.test.tsx +++ b/packages/react-components/react-dialog/src/components/Dialog/Dialog.test.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { render } from '@testing-library/react'; import { Dialog } from './Dialog'; import { DialogProps } from './Dialog.types'; -import { isConformant } from '../../common/isConformant'; +import { isConformant } from '../../testing/isConformant'; describe('Dialog', () => { isConformant({ diff --git a/packages/react-components/react-dialog/src/components/Dialog/Dialog.types.ts b/packages/react-components/react-dialog/src/components/Dialog/Dialog.types.ts index f24c7c59eaa6c..ee5f07b57137a 100644 --- a/packages/react-components/react-dialog/src/components/Dialog/Dialog.types.ts +++ b/packages/react-components/react-dialog/src/components/Dialog/Dialog.types.ts @@ -8,14 +8,6 @@ export type DialogSlots = {}; export type DialogOpenChangeEvent = DialogOpenChangeData['event']; export type DialogOpenChangeData = - | { - /** - * triggered when Escape key is pressed in a native `dialog` - */ - type: 'dialogCancel'; - open: boolean; - event: React.SyntheticEvent; - } | { type: 'escapeKeyDown'; open: boolean; diff --git a/packages/react-components/react-dialog/src/components/DialogActions/DialogActions.test.tsx b/packages/react-components/react-dialog/src/components/DialogActions/DialogActions.test.tsx index 89a77753a12e0..d9ea91db679c2 100644 --- a/packages/react-components/react-dialog/src/components/DialogActions/DialogActions.test.tsx +++ b/packages/react-components/react-dialog/src/components/DialogActions/DialogActions.test.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { render } from '@testing-library/react'; import { DialogActions } from './DialogActions'; -import { isConformant } from '../../common/isConformant'; +import { isConformant } from '../../testing/isConformant'; import { DialogActionsProps } from './DialogActions.types'; describe('DialogActions', () => { diff --git a/packages/react-components/react-dialog/src/components/DialogBody/DialogBody.test.tsx b/packages/react-components/react-dialog/src/components/DialogBody/DialogBody.test.tsx index e1c6430ad9efe..c0315df4b4e6d 100644 --- a/packages/react-components/react-dialog/src/components/DialogBody/DialogBody.test.tsx +++ b/packages/react-components/react-dialog/src/components/DialogBody/DialogBody.test.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { render } from '@testing-library/react'; import { DialogBody } from './DialogBody'; -import { isConformant } from '../../common/isConformant'; +import { isConformant } from '../../testing/isConformant'; import type { DialogBodyProps } from './DialogBody.types'; describe('DialogBody', () => { diff --git a/packages/react-components/react-dialog/src/components/DialogContent/DialogContent.test.tsx b/packages/react-components/react-dialog/src/components/DialogContent/DialogContent.test.tsx index 6ebbb8f1efd35..bb6f46eb478ab 100644 --- a/packages/react-components/react-dialog/src/components/DialogContent/DialogContent.test.tsx +++ b/packages/react-components/react-dialog/src/components/DialogContent/DialogContent.test.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { render } from '@testing-library/react'; import { DialogContent } from './DialogContent'; -import { isConformant } from '../../common/isConformant'; +import { isConformant } from '../../testing/isConformant'; describe('DialogContent', () => { isConformant({ diff --git a/packages/react-components/react-dialog/src/components/DialogSurface/DialogSurface.test.tsx b/packages/react-components/react-dialog/src/components/DialogSurface/DialogSurface.test.tsx index a760b44114c80..ed5e71e72e5ac 100644 --- a/packages/react-components/react-dialog/src/components/DialogSurface/DialogSurface.test.tsx +++ b/packages/react-components/react-dialog/src/components/DialogSurface/DialogSurface.test.tsx @@ -2,9 +2,9 @@ import * as React from 'react'; import { render } from '@testing-library/react'; import { DialogSurface } from './DialogSurface'; import { resetIdsForTests } from '@fluentui/react-utilities'; -import { isConformant } from '../../common/isConformant'; +import { isConformant } from '../../testing/isConformant'; import type { DialogSurfaceProps } from './DialogSurface.types'; -import { mockUseDialogContext } from '../../contexts/dialogContext.mock'; +import { mockUseDialogContext } from '../../testing/mockUseDialogContext'; jest.mock('../../contexts/dialogContext.ts'); diff --git a/packages/react-components/react-dialog/e2e/DialogTitle.e2e.tsx b/packages/react-components/react-dialog/src/components/DialogTitle/DialogTitle.cy.tsx similarity index 99% rename from packages/react-components/react-dialog/e2e/DialogTitle.e2e.tsx rename to packages/react-components/react-dialog/src/components/DialogTitle/DialogTitle.cy.tsx index 5e4384383b077..0a5c99ad75cd5 100644 --- a/packages/react-components/react-dialog/e2e/DialogTitle.e2e.tsx +++ b/packages/react-components/react-dialog/src/components/DialogTitle/DialogTitle.cy.tsx @@ -14,7 +14,7 @@ import { DialogTrigger, } from '@fluentui/react-dialog'; import { Button } from '@fluentui/react-components'; -import { dialogActionSelector, dialogTriggerOpenSelector } from './selectors'; +import { dialogActionSelector, dialogTriggerOpenSelector } from '../../testing/selectors'; const mount = (element: JSX.Element) => mountBase({element}); diff --git a/packages/react-components/react-dialog/src/components/DialogTitle/DialogTitle.test.tsx b/packages/react-components/react-dialog/src/components/DialogTitle/DialogTitle.test.tsx index 987312d38817e..96eed0d3c92fb 100644 --- a/packages/react-components/react-dialog/src/components/DialogTitle/DialogTitle.test.tsx +++ b/packages/react-components/react-dialog/src/components/DialogTitle/DialogTitle.test.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { render } from '@testing-library/react'; import { DialogTitle } from './DialogTitle'; -import { isConformant } from '../../common/isConformant'; +import { isConformant } from '../../testing/isConformant'; import type { DialogTitleProps } from './DialogTitle.types'; describe('DialogTitle', () => { diff --git a/packages/react-components/react-dialog/src/components/DialogTrigger/DialogTrigger.test.tsx b/packages/react-components/react-dialog/src/components/DialogTrigger/DialogTrigger.test.tsx index 9d49031ea4cea..15a2654afcc6d 100644 --- a/packages/react-components/react-dialog/src/components/DialogTrigger/DialogTrigger.test.tsx +++ b/packages/react-components/react-dialog/src/components/DialogTrigger/DialogTrigger.test.tsx @@ -2,8 +2,8 @@ import * as React from 'react'; import { DialogTrigger } from './DialogTrigger'; import * as renderer from 'react-test-renderer'; import { createEvent, fireEvent, render } from '@testing-library/react'; -import { isConformant } from '../../common/isConformant'; -import { mockUseDialogContext } from '../../contexts/dialogContext.mock'; +import { isConformant } from '../../testing/isConformant'; +import { mockUseDialogContext } from '../../testing/mockUseDialogContext'; import { Enter } from '@fluentui/keyboard-keys'; import { DialogTriggerProps } from './DialogTrigger.types'; diff --git a/packages/react-components/react-dialog/src/common/isConformant.ts b/packages/react-components/react-dialog/src/testing/isConformant.ts similarity index 89% rename from packages/react-components/react-dialog/src/common/isConformant.ts rename to packages/react-components/react-dialog/src/testing/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-dialog/src/common/isConformant.ts +++ b/packages/react-components/react-dialog/src/testing/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-dialog/src/contexts/dialogContext.mock.ts b/packages/react-components/react-dialog/src/testing/mockUseDialogContext.ts similarity index 84% rename from packages/react-components/react-dialog/src/contexts/dialogContext.mock.ts rename to packages/react-components/react-dialog/src/testing/mockUseDialogContext.ts index 598bda64a332a..e6059dd6d46e4 100644 --- a/packages/react-components/react-dialog/src/contexts/dialogContext.mock.ts +++ b/packages/react-components/react-dialog/src/testing/mockUseDialogContext.ts @@ -1,5 +1,5 @@ -import { useDialogContext_unstable } from './dialogContext'; -import type { DialogContextValue } from './dialogContext'; +import { useDialogContext_unstable } from '../contexts/dialogContext'; +import type { DialogContextValue } from '../contexts/dialogContext'; /** * A test utility to mock the useDialogContext_unstable hook that relies on context selector diff --git a/packages/react-components/react-dialog/e2e/selectors.ts b/packages/react-components/react-dialog/src/testing/selectors.ts similarity index 100% rename from packages/react-components/react-dialog/e2e/selectors.ts rename to packages/react-components/react-dialog/src/testing/selectors.ts diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogA11y.md b/packages/react-components/react-dialog/stories/Dialog/DialogA11y.md similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogA11y.md rename to packages/react-components/react-dialog/stories/Dialog/DialogA11y.md diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogAlert.md b/packages/react-components/react-dialog/stories/Dialog/DialogAlert.md similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogAlert.md rename to packages/react-components/react-dialog/stories/Dialog/DialogAlert.md diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogAlert.stories.tsx b/packages/react-components/react-dialog/stories/Dialog/DialogAlert.stories.tsx similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogAlert.stories.tsx rename to packages/react-components/react-dialog/stories/Dialog/DialogAlert.stories.tsx diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogBestPractices.md b/packages/react-components/react-dialog/stories/Dialog/DialogBestPractices.md similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogBestPractices.md rename to packages/react-components/react-dialog/stories/Dialog/DialogBestPractices.md diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogChangeFocus.stories.tsx b/packages/react-components/react-dialog/stories/Dialog/DialogChangeFocus.stories.tsx similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogChangeFocus.stories.tsx rename to packages/react-components/react-dialog/stories/Dialog/DialogChangeFocus.stories.tsx diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogControllingOpenAndClose.md b/packages/react-components/react-dialog/stories/Dialog/DialogControllingOpenAndClose.md similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogControllingOpenAndClose.md rename to packages/react-components/react-dialog/stories/Dialog/DialogControllingOpenAndClose.md diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogControllingOpenAndClose.stories.tsx b/packages/react-components/react-dialog/stories/Dialog/DialogControllingOpenAndClose.stories.tsx similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogControllingOpenAndClose.stories.tsx rename to packages/react-components/react-dialog/stories/Dialog/DialogControllingOpenAndClose.stories.tsx diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogCustomTrigger.md b/packages/react-components/react-dialog/stories/Dialog/DialogCustomTrigger.md similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogCustomTrigger.md rename to packages/react-components/react-dialog/stories/Dialog/DialogCustomTrigger.md diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogCustomTrigger.stories.tsx b/packages/react-components/react-dialog/stories/Dialog/DialogCustomTrigger.stories.tsx similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogCustomTrigger.stories.tsx rename to packages/react-components/react-dialog/stories/Dialog/DialogCustomTrigger.stories.tsx diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogDefault.stories.tsx b/packages/react-components/react-dialog/stories/Dialog/DialogDefault.stories.tsx similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogDefault.stories.tsx rename to packages/react-components/react-dialog/stories/Dialog/DialogDefault.stories.tsx diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogDescription.md b/packages/react-components/react-dialog/stories/Dialog/DialogDescription.md similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogDescription.md rename to packages/react-components/react-dialog/stories/Dialog/DialogDescription.md diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogNoFocusableElement.md b/packages/react-components/react-dialog/stories/Dialog/DialogNoFocusableElement.md similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogNoFocusableElement.md rename to packages/react-components/react-dialog/stories/Dialog/DialogNoFocusableElement.md diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogNoFocusableElement.stories.tsx b/packages/react-components/react-dialog/stories/Dialog/DialogNoFocusableElement.stories.tsx similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogNoFocusableElement.stories.tsx rename to packages/react-components/react-dialog/stories/Dialog/DialogNoFocusableElement.stories.tsx diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogNonModal.md b/packages/react-components/react-dialog/stories/Dialog/DialogNonModal.md similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogNonModal.md rename to packages/react-components/react-dialog/stories/Dialog/DialogNonModal.md diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogNonModal.stories.tsx b/packages/react-components/react-dialog/stories/Dialog/DialogNonModal.stories.tsx similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogNonModal.stories.tsx rename to packages/react-components/react-dialog/stories/Dialog/DialogNonModal.stories.tsx diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogScrollingLongContent.stories.tsx b/packages/react-components/react-dialog/stories/Dialog/DialogScrollingLongContent.stories.tsx similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogScrollingLongContent.stories.tsx rename to packages/react-components/react-dialog/stories/Dialog/DialogScrollingLongContent.stories.tsx diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogTitleCustomAction.md b/packages/react-components/react-dialog/stories/Dialog/DialogTitleCustomAction.md similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogTitleCustomAction.md rename to packages/react-components/react-dialog/stories/Dialog/DialogTitleCustomAction.md diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogTitleCustomAction.stories.tsx b/packages/react-components/react-dialog/stories/Dialog/DialogTitleCustomAction.stories.tsx similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogTitleCustomAction.stories.tsx rename to packages/react-components/react-dialog/stories/Dialog/DialogTitleCustomAction.stories.tsx diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogTitleNoAction.md b/packages/react-components/react-dialog/stories/Dialog/DialogTitleNoAction.md similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogTitleNoAction.md rename to packages/react-components/react-dialog/stories/Dialog/DialogTitleNoAction.md diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogTitleNoAction.stories.tsx b/packages/react-components/react-dialog/stories/Dialog/DialogTitleNoAction.stories.tsx similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogTitleNoAction.stories.tsx rename to packages/react-components/react-dialog/stories/Dialog/DialogTitleNoAction.stories.tsx diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogTriggerOutsideDialog.md b/packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.md similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogTriggerOutsideDialog.md rename to packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.md diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogTriggerOutsideDialog.stories.tsx b/packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.stories.tsx similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogTriggerOutsideDialog.stories.tsx rename to packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.stories.tsx diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogWithForm.md b/packages/react-components/react-dialog/stories/Dialog/DialogWithForm.md similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogWithForm.md rename to packages/react-components/react-dialog/stories/Dialog/DialogWithForm.md diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogWithForm.stories.tsx b/packages/react-components/react-dialog/stories/Dialog/DialogWithForm.stories.tsx similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/DialogWithForm.stories.tsx rename to packages/react-components/react-dialog/stories/Dialog/DialogWithForm.stories.tsx diff --git a/packages/react-components/react-dialog/src/stories/Dialog/index.stories.tsx b/packages/react-components/react-dialog/stories/Dialog/index.stories.tsx similarity index 100% rename from packages/react-components/react-dialog/src/stories/Dialog/index.stories.tsx rename to packages/react-components/react-dialog/stories/Dialog/index.stories.tsx diff --git a/packages/react-components/react-dialog/e2e/tsconfig.json b/packages/react-components/react-dialog/tsconfig.cy.json similarity index 70% rename from packages/react-components/react-dialog/e2e/tsconfig.json rename to packages/react-components/react-dialog/tsconfig.cy.json index f6b23b30d510b..93a140885851d 100644 --- a/packages/react-components/react-dialog/e2e/tsconfig.json +++ b/packages/react-components/react-dialog/tsconfig.cy.json @@ -1,9 +1,9 @@ { - "extends": "../tsconfig.json", + "extends": "./tsconfig.json", "compilerOptions": { "isolatedModules": false, "types": ["node", "cypress", "cypress-storybook/cypress", "cypress-real-events"], "lib": ["ES2019", "dom"] }, - "include": ["**/*.ts", "**/*.tsx"] + "include": ["**/*.cy.ts", "**/*.cy.tsx"] } diff --git a/packages/react-components/react-dialog/tsconfig.json b/packages/react-components/react-dialog/tsconfig.json index 9087bac77cc8d..1317f81620ca5 100644 --- a/packages/react-components/react-dialog/tsconfig.json +++ b/packages/react-components/react-dialog/tsconfig.json @@ -22,7 +22,7 @@ "path": "./.storybook/tsconfig.json" }, { - "path": "./e2e/tsconfig.json" + "path": "./tsconfig.cy.json" } ] } diff --git a/packages/react-components/react-dialog/tsconfig.lib.json b/packages/react-components/react-dialog/tsconfig.lib.json index bcc4a3662a199..e17f808c03933 100644 --- a/packages/react-components/react-dialog/tsconfig.lib.json +++ b/packages/react-components/react-dialog/tsconfig.lib.json @@ -10,15 +10,15 @@ "types": ["static-assets", "environment"] }, "exclude": [ - "./src/common/**", + "./src/testing/**", "**/*.spec.ts", "**/*.spec.tsx", - "**/*.mock.ts", - "**/*.mock.tsx", "**/*.test.ts", "**/*.test.tsx", "**/*.stories.ts", - "**/*.stories.tsx" + "**/*.stories.tsx", + "**/*.cy.ts", + "**/*.cy.tsx" ], "include": ["./src/**/*.ts", "./src/**/*.tsx"] } diff --git a/packages/react-components/react-dialog/tsconfig.spec.json b/packages/react-components/react-dialog/tsconfig.spec.json index fcfa452ca2875..0e881941843de 100644 --- a/packages/react-components/react-dialog/tsconfig.spec.json +++ b/packages/react-components/react-dialog/tsconfig.spec.json @@ -7,11 +7,11 @@ }, "include": [ "**/*.spec.ts", - "**/*.mock.ts", - "**/*.mock.tsx", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx", - "**/*.d.ts" + "**/*.d.ts", + "./src/testing/**/*.ts", + "./src/testing/**/*.tsx" ] } diff --git a/packages/react-components/react-divider/CHANGELOG.json b/packages/react-components/react-divider/CHANGELOG.json index 00a91d55c153c..03afa4f9905d2 100644 --- a/packages/react-components/react-divider/CHANGELOG.json +++ b/packages/react-components/react-divider/CHANGELOG.json @@ -1,6 +1,47 @@ { "name": "@fluentui/react-divider", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:58:03 GMT", + "tag": "@fluentui/react-divider_v9.1.4", + "version": "9.1.4", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-divider", + "commit": "87859b052155ca206ef3540a2a9623803f6e2b93", + "comment": "test: replace deprecated module.parent with require.main within isConformance" + } + ], + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-divider", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "beachball", + "package": "@fluentui/react-divider", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-divider", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-divider", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:51 GMT", "tag": "@fluentui/react-divider_v9.1.3", diff --git a/packages/react-components/react-divider/CHANGELOG.md b/packages/react-components/react-divider/CHANGELOG.md index 29e812f6842b0..120d0379e52d7 100644 --- a/packages/react-components/react-divider/CHANGELOG.md +++ b/packages/react-components/react-divider/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-divider -This log was last generated on Wed, 02 Nov 2022 11:57:51 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:58:03 GMT and should not be manually modified. +## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.1.4) + +Fri, 11 Nov 2022 14:58:03 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.1.3..@fluentui/react-divider_v9.1.4) + +### Patches + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.1.3) Wed, 02 Nov 2022 11:57:51 GMT diff --git a/packages/react-components/react-divider/package.json b/packages/react-components/react-divider/package.json index a68e2ed22b6ee..b770e17d7b56d 100644 --- a/packages/react-components/react-divider/package.json +++ b/packages/react-components/react-divider/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-divider", - "version": "9.1.3", + "version": "9.1.4", "description": "Fluent UI component to visually separate content.", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -28,13 +28,13 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { "@griffel/react": "^1.4.2", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "tslib": "^2.1.0" }, "peerDependencies": { @@ -51,9 +51,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-divider/src/testing/isConformant.ts b/packages/react-components/react-divider/src/testing/isConformant.ts index 91541d5a381f7..2ffff9d342a7e 100644 --- a/packages/react-components/react-divider/src/testing/isConformant.ts +++ b/packages/react-components/react-divider/src/testing/isConformant.ts @@ -5,7 +5,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-field/CHANGELOG.json b/packages/react-components/react-field/CHANGELOG.json index dc55bf78c839a..e2201cc200da9 100644 --- a/packages/react-components/react-field/CHANGELOG.json +++ b/packages/react-components/react-field/CHANGELOG.json @@ -1,6 +1,63 @@ { "name": "@fluentui/react-field", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:58:03 GMT", + "tag": "@fluentui/react-field_v9.0.0-alpha.8", + "version": "9.0.0-alpha.8", + "comments": { + "prerelease": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-field", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-field", + "commit": "b997f7086d8bc5d630f95eec27aa464f2cb53fe1", + "comment": "chore: Clean up Field tests and story imports in preparation of moving to individual packages" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-field", + "commit": "39ba7b6d4648781b979fcf694579f97b851348af", + "comment": "chore: Move individual field components into their respective packages, and out of @fluentui/react-field" + }, + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-context-selector to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-label to v9.0.10", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:52 GMT", "tag": "@fluentui/react-field_v9.0.0-alpha.7", diff --git a/packages/react-components/react-field/CHANGELOG.md b/packages/react-components/react-field/CHANGELOG.md index 441249d58cff3..a7e33bca3008d 100644 --- a/packages/react-components/react-field/CHANGELOG.md +++ b/packages/react-components/react-field/CHANGELOG.md @@ -1,9 +1,25 @@ # Change Log - @fluentui/react-field -This log was last generated on Wed, 02 Nov 2022 11:57:52 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:58:03 GMT and should not be manually modified. +## [9.0.0-alpha.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v9.0.0-alpha.8) + +Fri, 11 Nov 2022 14:58:03 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-field_v9.0.0-alpha.7..@fluentui/react-field_v9.0.0-alpha.8) + +### Changes + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- chore: Clean up Field tests and story imports in preparation of moving to individual packages ([PR #25594](https://github.com/microsoft/fluentui/pull/25594) by behowell@microsoft.com) +- chore: Move individual field components into their respective packages, and out of @fluentui/react-field ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) +- Bump @fluentui/react-context-selector to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-label to v9.0.10 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v9.0.0-alpha.7) Wed, 02 Nov 2022 11:57:52 GMT diff --git a/packages/react-components/react-field/etc/react-field.api.md b/packages/react-components/react-field/etc/react-field.api.md index fdace08fb846f..3fee9ffbe65ee 100644 --- a/packages/react-components/react-field/etc/react-field.api.md +++ b/packages/react-components/react-field/etc/react-field.api.md @@ -6,50 +6,17 @@ /// -import { Checkbox } from '@fluentui/react-checkbox'; -import type { CheckboxProps } from '@fluentui/react-checkbox'; -import { Combobox } from '@fluentui/react-combobox'; import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; -import { ForwardRefComponent } from '@fluentui/react-utilities'; -import { Input } from '@fluentui/react-input'; import { Label } from '@fluentui/react-label'; -import { Progress } from '@fluentui/react-progress'; -import { RadioGroup } from '@fluentui/react-radio'; import * as React_2 from 'react'; -import { Select } from '@fluentui/react-select'; -import { Slider } from '@fluentui/react-slider'; import type { Slot } from '@fluentui/react-utilities'; -import { SlotClassNames } from '@fluentui/react-utilities'; +import type { SlotClassNames } from '@fluentui/react-utilities'; import type { SlotRenderFunction } from '@fluentui/react-utilities'; import type { SlotShorthandValue } from '@fluentui/react-utilities'; -import { SpinButton } from '@fluentui/react-spinbutton'; -import { Switch } from '@fluentui/react-switch'; -import { Textarea } from '@fluentui/react-textarea'; - -// @public (undocumented) -export const CheckboxField: ForwardRefComponent; - -// @public (undocumented) -export const checkboxFieldClassNames: SlotClassNames>; - -// @public (undocumented) -export type CheckboxFieldProps = Omit, 'label'> & { - label?: CheckboxProps['label']; - fieldLabel?: FieldProps['label']; -}; - -// @public (undocumented) -export const ComboboxField: ForwardRefComponent; - -// @public (undocumented) -export const comboboxFieldClassNames: SlotClassNames>; - -// @public (undocumented) -export type ComboboxFieldProps = FieldProps; // @public -export type FieldConfig = { +export type FieldConfig = { component: T; classNames: SlotClassNames>; labelConnection?: 'htmlFor' | 'aria-labelledby'; @@ -57,13 +24,16 @@ export type FieldConfig = { }; // @public -export type FieldProps = ComponentProps>, 'control'> & { +export type FieldControl = React_2.VoidFunctionComponent, 'id' | 'className' | 'style' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid' | 'aria-errormessage'>>; + +// @public +export type FieldProps = ComponentProps>, 'control'> & { orientation?: 'vertical' | 'horizontal'; validationState?: 'error' | 'warning' | 'success'; }; // @public -export type FieldSlots = { +export type FieldSlots = { root: NonNullable>; control: SlotComponent; label?: Slot; @@ -73,93 +43,21 @@ export type FieldSlots = { }; // @public -export type FieldState = ComponentState>> & Pick, 'orientation' | 'validationState'> & { +export type FieldState = ComponentState>> & Pick, 'orientation' | 'validationState'> & { classNames: SlotClassNames>; }; // @public (undocumented) -export const getFieldClassNames: (name: string) => SlotClassNames>; - -// @public (undocumented) -export const InputField: ForwardRefComponent; - -// @public (undocumented) -export const inputFieldClassNames: SlotClassNames>; - -// @public (undocumented) -export type InputFieldProps = FieldProps; - -// @public (undocumented) -export const ProgressField: ForwardRefComponent; - -// @public (undocumented) -export const progressFieldClassNames: SlotClassNames>; - -// @public (undocumented) -export type ProgressFieldProps = FieldProps; - -// @public (undocumented) -export const RadioGroupField: ForwardRefComponent; - -// @public (undocumented) -export const radioGroupFieldClassNames: SlotClassNames>; - -// @public (undocumented) -export type RadioGroupFieldProps = FieldProps; +export const getFieldClassNames: (name: string) => SlotClassNames>; // @public -export const renderField_unstable: (state: FieldState) => JSX.Element; - -// @public (undocumented) -export const SelectField: ForwardRefComponent; - -// @public (undocumented) -export const selectFieldClassNames: SlotClassNames>; - -// @public (undocumented) -export type SelectFieldProps = FieldProps; - -// @public (undocumented) -export const SliderField: ForwardRefComponent; - -// @public (undocumented) -export const sliderFieldClassNames: SlotClassNames>; - -// @public (undocumented) -export type SliderFieldProps = FieldProps; - -// @public (undocumented) -export const SpinButtonField: ForwardRefComponent; - -// @public (undocumented) -export const spinButtonFieldClassNames: SlotClassNames>; - -// @public (undocumented) -export type SpinButtonFieldProps = FieldProps; - -// @public (undocumented) -export const SwitchField: ForwardRefComponent; - -// @public (undocumented) -export const switchFieldClassNames: SlotClassNames>; - -// @public (undocumented) -export type SwitchFieldProps = Omit, 'labelPosition'>; - -// @public (undocumented) -export const TextareaField: ForwardRefComponent; - -// @public (undocumented) -export const textareaFieldClassNames: SlotClassNames>; - -// @public (undocumented) -export type TextareaFieldProps = FieldProps; +export const renderField_unstable: (state: FieldState) => JSX.Element; // @public -export const useField_unstable: (props: FieldPropsWithOptionalComponentProps, ref: React_2.Ref, params: FieldConfig) => FieldState; +export const useField_unstable: (props: FieldPropsWithOptionalComponentProps, ref: React_2.Ref, params: FieldConfig) => FieldState; // @public -export const useFieldStyles_unstable: (state: FieldState) => void; +export const useFieldStyles_unstable: (state: FieldState) => void; // (No @packageDocumentation comment for this package) diff --git a/packages/react-components/react-field/package.json b/packages/react-components/react-field/package.json index 9fdf7f31c0122..9e8f88d3e0939 100644 --- a/packages/react-components/react-field/package.json +++ b/packages/react-components/react-field/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-field", - "version": "9.0.0-alpha.7", + "version": "9.0.0-alpha.8", "description": "Fluent UI Field components", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -27,25 +27,15 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-checkbox": "^9.0.11", - "@fluentui/react-combobox": "^9.0.0-beta.14", - "@fluentui/react-context-selector": "^9.1.0", + "@fluentui/react-context-selector": "^9.1.1", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-input": "^9.2.4", - "@fluentui/react-label": "^9.0.9", - "@fluentui/react-progress": "9.0.0-alpha.4", - "@fluentui/react-radio": "^9.0.10", - "@fluentui/react-select": "9.0.0-beta.13", - "@fluentui/react-slider": "^9.0.9", - "@fluentui/react-spinbutton": "^9.0.7", - "@fluentui/react-switch": "^9.0.10", - "@fluentui/react-textarea": "^9.1.4", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-label": "^9.0.10", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -61,5 +51,13 @@ "minor", "patch" ] + }, + "exports": { + ".": { + "types": "./dist/index.d.ts", + "import": "./lib/index.js", + "require": "./lib-commonjs/index.js" + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-field/src/common/isConformant.ts b/packages/react-components/react-field/src/common/isConformant.ts deleted file mode 100644 index de10869ca225f..0000000000000 --- a/packages/react-components/react-field/src/common/isConformant.ts +++ /dev/null @@ -1,31 +0,0 @@ -import { isConformant as baseIsConformant } from '@fluentui/react-conformance'; -import type { IsConformantOptions, TestObject } from '@fluentui/react-conformance'; -import griffelTests from '@fluentui/react-conformance-griffel'; - -export function isConformant( - testInfo: Omit, 'componentPath'> & { componentPath?: string }, -) { - const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), - extraTests: griffelTests as TestObject, - - // Field-specific defaults - primarySlot: 'control' as keyof TProps, - testOptions: testInfo.testOptions?.['has-static-classnames'] - ? undefined - : { - 'has-static-classnames': [ - { - props: { - label: 'label text', - validationState: 'error', - validationMessage: 'validation message text', - hint: 'hint text', - }, - }, - ], - }, - }; - - baseIsConformant(defaultOptions, testInfo); -} diff --git a/packages/react-components/react-field/src/components/ComboboxField/ComboboxField.test.tsx b/packages/react-components/react-field/src/components/ComboboxField/ComboboxField.test.tsx deleted file mode 100644 index f15221eb2bac7..0000000000000 --- a/packages/react-components/react-field/src/components/ComboboxField/ComboboxField.test.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import { isConformant } from '../../common/isConformant'; -import { ComboboxField } from './ComboboxField'; - -describe('ComboboxField', () => { - isConformant({ - Component: ComboboxField, - displayName: 'ComboboxField', - }); - - // Most functionality is tested by Field.test.tsx, and Combobox's tests -}); diff --git a/packages/react-components/react-field/src/components/Field/Field.types.ts b/packages/react-components/react-field/src/components/Field/Field.types.ts index f1644d289d9ae..c5103fe179864 100644 --- a/packages/react-components/react-field/src/components/Field/Field.types.ts +++ b/packages/react-components/react-field/src/components/Field/Field.types.ts @@ -9,7 +9,7 @@ import type { SlotComponent } from './SlotComponent.types'; * Note: the use of VoidFunctionComponent means that component is not *required* to have a children prop, * but it is still allowed to have a children prop. */ -export type FieldComponent = React.VoidFunctionComponent< +export type FieldControl = React.VoidFunctionComponent< Pick< React.HTMLAttributes, 'id' | 'className' | 'style' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid' | 'aria-errormessage' @@ -19,7 +19,7 @@ export type FieldComponent = React.VoidFunctionComponent< /** * Slots added by Field */ -export type FieldSlots = { +export type FieldSlots = { root: NonNullable>; /** @@ -54,7 +54,7 @@ export type FieldSlots = { /** * Field Props */ -export type FieldProps = ComponentProps>, 'control'> & { +export type FieldProps = ComponentProps>, 'control'> & { /** * The orientation of the label relative to the field component. * This only affects the label, and not the validationMessage or hint (which always appear below the field component). @@ -79,7 +79,7 @@ export type FieldProps = ComponentProps = FieldProps & { +export type FieldPropsWithOptionalComponentProps = FieldProps & { /** * Whether the field label should be marked as required. */ @@ -96,7 +96,7 @@ export type FieldPropsWithOptionalComponentProps = Fie /** * Configuration parameters for a Field class, passed to useField_unstable */ -export type FieldConfig = { +export type FieldConfig = { /** * The underlying input component that this field is wrapping. */ @@ -129,7 +129,7 @@ export type FieldConfig = { /** * State used in rendering Field */ -export type FieldState = ComponentState>> & +export type FieldState = ComponentState>> & Pick, 'orientation' | 'validationState'> & { classNames: SlotClassNames>; }; diff --git a/packages/react-components/react-field/src/components/Field/renderField.tsx b/packages/react-components/react-field/src/components/Field/renderField.tsx index c3a5c6e2577ff..4727909444e6f 100644 --- a/packages/react-components/react-field/src/components/Field/renderField.tsx +++ b/packages/react-components/react-field/src/components/Field/renderField.tsx @@ -1,12 +1,12 @@ import * as React from 'react'; import { getSlots } from '@fluentui/react-utilities'; -import type { FieldComponent, FieldSlots, FieldState } from './Field.types'; +import type { FieldControl, FieldSlots, FieldState } from './Field.types'; /** * Render the final JSX of Field */ -export const renderField_unstable = (state: FieldState) => { - const { slots, slotProps } = getSlots>(state as FieldState); +export const renderField_unstable = (state: FieldState) => { + const { slots, slotProps } = getSlots>(state as FieldState); return ( diff --git a/packages/react-components/react-field/src/components/Field/useField.tsx b/packages/react-components/react-field/src/components/Field/useField.tsx index acd4da41721ca..c88fad0b33492 100644 --- a/packages/react-components/react-field/src/components/Field/useField.tsx +++ b/packages/react-components/react-field/src/components/Field/useField.tsx @@ -3,8 +3,8 @@ import { CheckmarkCircle12Filled, ErrorCircle12Filled, Warning12Filled } from '@ import { Label } from '@fluentui/react-label'; import { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities'; import type { - FieldComponent, FieldConfig, + FieldControl, FieldProps, FieldPropsWithOptionalComponentProps, FieldState, @@ -19,7 +19,7 @@ const validationMessageIcons = { /** * Partition the props used by the Field itself, from the props that are passed to the underlying field component. */ -export const getPartitionedFieldProps = >(props: Props) => { +export const getPartitionedFieldProps = >(props: Props) => { const { className, control, @@ -60,7 +60,7 @@ export const getPartitionedFieldProps = ( +export const useField_unstable = ( props: FieldPropsWithOptionalComponentProps, ref: React.Ref, params: FieldConfig, @@ -134,7 +134,7 @@ export const useField_unstable = ( } } - const state: FieldState = { + const state: FieldState = { orientation, validationState, classNames: params.classNames, diff --git a/packages/react-components/react-field/src/components/Field/useFieldStyles.ts b/packages/react-components/react-field/src/components/Field/useFieldStyles.ts index 005ac098c8853..bf37191fc707a 100644 --- a/packages/react-components/react-field/src/components/Field/useFieldStyles.ts +++ b/packages/react-components/react-field/src/components/Field/useFieldStyles.ts @@ -1,9 +1,9 @@ -import { makeStyles, mergeClasses } from '@griffel/react'; -import type { FieldComponent, FieldProps, FieldSlots, FieldState } from './Field.types'; -import type { SlotClassNames } from '@fluentui/react-utilities'; import { tokens, typographyStyles } from '@fluentui/react-theme'; +import type { SlotClassNames } from '@fluentui/react-utilities'; +import { makeStyles, mergeClasses } from '@griffel/react'; +import type { FieldControl, FieldProps, FieldSlots, FieldState } from './Field.types'; -export const getFieldClassNames = (name: string): SlotClassNames> => ({ +export const getFieldClassNames = (name: string): SlotClassNames> => ({ root: `fui-${name}`, control: `fui-${name}__control`, label: `fui-${name}__label`, @@ -81,9 +81,9 @@ const useValidationMessageIconStyles = makeStyles({ /** * Apply styling to the Field slots based on the state */ -export const useFieldStyles_unstable = (state: FieldState) => { +export const useFieldStyles_unstable = (state: FieldState) => { const classNames = state.classNames; - const validationState: FieldProps['validationState'] = state.validationState; + const validationState: FieldProps['validationState'] = state.validationState; const horizontal = state.orientation === 'horizontal'; const rootStyles = useRootStyles(); diff --git a/packages/react-components/react-field/src/components/InputField/InputField.test.tsx b/packages/react-components/react-field/src/components/InputField/InputField.test.tsx deleted file mode 100644 index 05219e41786fd..0000000000000 --- a/packages/react-components/react-field/src/components/InputField/InputField.test.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import { isConformant } from '../../common/isConformant'; -import { InputField } from './InputField'; - -describe('InputField', () => { - isConformant({ - Component: InputField, - displayName: 'InputField', - }); - - // Most functionality is tested by Field.test.tsx, and Input's tests -}); diff --git a/packages/react-components/react-field/src/components/SelectField/SelectField.test.tsx b/packages/react-components/react-field/src/components/SelectField/SelectField.test.tsx deleted file mode 100644 index b64bd86dfc68a..0000000000000 --- a/packages/react-components/react-field/src/components/SelectField/SelectField.test.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import { isConformant } from '../../common/isConformant'; -import { SelectField } from './SelectField'; - -describe('SelectField', () => { - isConformant({ - Component: SelectField, - displayName: 'SelectField', - }); - - // Most functionality is tested by Field.test.tsx, and Select's tests -}); diff --git a/packages/react-components/react-field/src/components/SliderField/SliderField.test.tsx b/packages/react-components/react-field/src/components/SliderField/SliderField.test.tsx deleted file mode 100644 index f4d931234d86c..0000000000000 --- a/packages/react-components/react-field/src/components/SliderField/SliderField.test.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import { isConformant } from '../../common/isConformant'; -import { SliderField } from './SliderField'; - -describe('SliderField', () => { - isConformant({ - Component: SliderField, - displayName: 'SliderField', - }); - - // Most functionality is tested by Field.test.tsx, and Slider's tests -}); diff --git a/packages/react-components/react-field/src/components/SpinButtonField/SpinButtonField.test.tsx b/packages/react-components/react-field/src/components/SpinButtonField/SpinButtonField.test.tsx deleted file mode 100644 index 0d9d2d87eb5b5..0000000000000 --- a/packages/react-components/react-field/src/components/SpinButtonField/SpinButtonField.test.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import { isConformant } from '../../common/isConformant'; -import { SpinButtonField } from './SpinButtonField'; - -describe('SpinButtonField', () => { - isConformant({ - Component: SpinButtonField, - displayName: 'SpinButtonField', - }); - - // Most functionality is tested by Field.test.tsx, and SpinButton's tests -}); diff --git a/packages/react-components/react-field/src/components/SwitchField/SwitchField.test.tsx b/packages/react-components/react-field/src/components/SwitchField/SwitchField.test.tsx deleted file mode 100644 index 0d2f4b1101768..0000000000000 --- a/packages/react-components/react-field/src/components/SwitchField/SwitchField.test.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import { isConformant } from '../../common/isConformant'; -import { SwitchField } from './SwitchField'; - -describe('SwitchField', () => { - isConformant({ - Component: SwitchField, - displayName: 'SwitchField', - }); - - // Most functionality is tested by Field.test.tsx, and Switch's tests -}); diff --git a/packages/react-components/react-field/src/components/TextareaField/TextareaField.test.tsx b/packages/react-components/react-field/src/components/TextareaField/TextareaField.test.tsx deleted file mode 100644 index 2f4f4806819be..0000000000000 --- a/packages/react-components/react-field/src/components/TextareaField/TextareaField.test.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import { isConformant } from '../../common/isConformant'; -import { TextareaField } from './TextareaField'; - -describe('TextareaField', () => { - isConformant({ - Component: TextareaField, - displayName: 'TextareaField', - }); - - // Most functionality is tested by Field.test.tsx, and Textarea's tests -}); diff --git a/packages/react-components/react-field/src/index.ts b/packages/react-components/react-field/src/index.ts index b5fb4651bf386..8bb2bf317eca5 100644 --- a/packages/react-components/react-field/src/index.ts +++ b/packages/react-components/react-field/src/index.ts @@ -1,32 +1,2 @@ export { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from './Field'; -export type { FieldProps, FieldSlots, FieldState, FieldConfig } from './Field'; - -export { CheckboxField, checkboxFieldClassNames } from './CheckboxField'; -export type { CheckboxFieldProps } from './CheckboxField'; - -export { ComboboxField, comboboxFieldClassNames } from './ComboboxField'; -export type { ComboboxFieldProps } from './ComboboxField'; - -export { InputField, inputFieldClassNames } from './InputField'; -export type { InputFieldProps } from './InputField'; - -export { ProgressField, progressFieldClassNames } from './ProgressField'; -export type { ProgressFieldProps } from './ProgressField'; - -export { RadioGroupField, radioGroupFieldClassNames } from './RadioGroupField'; -export type { RadioGroupFieldProps } from './RadioGroupField'; - -export { SelectField, selectFieldClassNames } from './SelectField'; -export type { SelectFieldProps } from './SelectField'; - -export { SliderField, sliderFieldClassNames } from './SliderField'; -export type { SliderFieldProps } from './SliderField'; - -export { SpinButtonField, spinButtonFieldClassNames } from './SpinButtonField'; -export type { SpinButtonFieldProps } from './SpinButtonField'; - -export { SwitchField, switchFieldClassNames } from './SwitchField'; -export type { SwitchFieldProps } from './SwitchField'; - -export { TextareaField, textareaFieldClassNames } from './TextareaField'; -export type { TextareaFieldProps } from './TextareaField'; +export type { FieldConfig, FieldControl, FieldProps, FieldSlots, FieldState } from './Field'; diff --git a/packages/react-components/react-field/src/stories/Field/FieldDefault.stories.tsx b/packages/react-components/react-field/src/stories/Field/FieldDefault.stories.tsx index f1ccbda6e2f32..3b96d442c5a00 100644 --- a/packages/react-components/react-field/src/stories/Field/FieldDefault.stories.tsx +++ b/packages/react-components/react-field/src/stories/Field/FieldDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { InputField, InputFieldProps } from '@fluentui/react-field'; +import { InputField, InputFieldProps } from '@fluentui/react-components/unstable'; export const Default = (props: Partial) => ( ; diff --git a/packages/react-components/react-field/src/stories/Field/FieldHorizontal.stories.tsx b/packages/react-components/react-field/src/stories/Field/FieldHorizontal.stories.tsx index 06023c8756367..17a6f98ac65cf 100644 --- a/packages/react-components/react-field/src/stories/Field/FieldHorizontal.stories.tsx +++ b/packages/react-components/react-field/src/stories/Field/FieldHorizontal.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { makeStyles, tokens } from '@fluentui/react-components'; -import { InputField } from '@fluentui/react-field'; +import { InputField } from '@fluentui/react-components/unstable'; const useStyles = makeStyles({ stack: { diff --git a/packages/react-components/react-field/src/stories/Field/FieldLabel.stories.tsx b/packages/react-components/react-field/src/stories/Field/FieldLabel.stories.tsx index e943bf7f39d5e..9935999d29083 100644 --- a/packages/react-components/react-field/src/stories/Field/FieldLabel.stories.tsx +++ b/packages/react-components/react-field/src/stories/Field/FieldLabel.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { InputField } from '@fluentui/react-field'; +import { InputField } from '@fluentui/react-components/unstable'; export const Label = () => ; diff --git a/packages/react-components/react-field/src/stories/Field/FieldRequired.stories.tsx b/packages/react-components/react-field/src/stories/Field/FieldRequired.stories.tsx index 2259f02bc7997..0ebdfccec8131 100644 --- a/packages/react-components/react-field/src/stories/Field/FieldRequired.stories.tsx +++ b/packages/react-components/react-field/src/stories/Field/FieldRequired.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { InputField } from '@fluentui/react-field'; +import { InputField } from '@fluentui/react-components/unstable'; export const Required = () => ; diff --git a/packages/react-components/react-field/src/stories/Field/FieldSize.stories.tsx b/packages/react-components/react-field/src/stories/Field/FieldSize.stories.tsx index 9cd39ab5d2221..27cdf90fc8ab1 100644 --- a/packages/react-components/react-field/src/stories/Field/FieldSize.stories.tsx +++ b/packages/react-components/react-field/src/stories/Field/FieldSize.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { makeStyles, tokens } from '@fluentui/react-components'; -import { InputField } from '@fluentui/react-field'; +import { InputField } from '@fluentui/react-components/unstable'; const useStyles = makeStyles({ stack: { diff --git a/packages/react-components/react-field/src/stories/Field/FieldValidationState.stories.tsx b/packages/react-components/react-field/src/stories/Field/FieldValidationState.stories.tsx index c3c9560e13636..042ce9a30d56a 100644 --- a/packages/react-components/react-field/src/stories/Field/FieldValidationState.stories.tsx +++ b/packages/react-components/react-field/src/stories/Field/FieldValidationState.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { makeStyles, tokens } from '@fluentui/react-components'; -import { InputField } from '@fluentui/react-field'; +import { InputField } from '@fluentui/react-components/unstable'; import { SparkleFilled } from '@fluentui/react-icons'; const useStyles = makeStyles({ diff --git a/packages/react-components/react-image/CHANGELOG.json b/packages/react-components/react-image/CHANGELOG.json index 5992aee4e7e69..703a0e61f98bd 100644 --- a/packages/react-components/react-image/CHANGELOG.json +++ b/packages/react-components/react-image/CHANGELOG.json @@ -1,6 +1,41 @@ { "name": "@fluentui/react-image", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:58:04 GMT", + "tag": "@fluentui/react-image_v9.0.11", + "version": "9.0.11", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-image", + "commit": "87859b052155ca206ef3540a2a9623803f6e2b93", + "comment": "test: replace deprecated module.parent with require.main within isConformance" + } + ], + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-image", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-image", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-image", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:52 GMT", "tag": "@fluentui/react-image_v9.0.10", diff --git a/packages/react-components/react-image/CHANGELOG.md b/packages/react-components/react-image/CHANGELOG.md index 12e0b93f553b6..823428c647b2f 100644 --- a/packages/react-components/react-image/CHANGELOG.md +++ b/packages/react-components/react-image/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-image -This log was last generated on Wed, 02 Nov 2022 11:57:52 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:58:04 GMT and should not be manually modified. +## [9.0.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.11) + +Fri, 11 Nov 2022 14:58:04 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.10..@fluentui/react-image_v9.0.11) + +### Patches + +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.10) Wed, 02 Nov 2022 11:57:52 GMT diff --git a/packages/react-components/react-image/package.json b/packages/react-components/react-image/package.json index c4389b3eabc29..e7487459cb4cf 100644 --- a/packages/react-components/react-image/package.json +++ b/packages/react-components/react-image/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-image", - "version": "9.0.10", + "version": "9.0.11", "description": "Fluent UI React Image component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,13 +27,13 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { "@griffel/react": "^1.4.2", - "@fluentui/react-utilities": "^9.2.0", - "@fluentui/react-theme": "^9.1.1", + "@fluentui/react-utilities": "^9.2.1", + "@fluentui/react-theme": "^9.1.2", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-image/src/testing/isConformant.ts b/packages/react-components/react-image/src/testing/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-image/src/testing/isConformant.ts +++ b/packages/react-components/react-image/src/testing/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-infobutton/etc/react-infobutton.api.md b/packages/react-components/react-infobutton/etc/react-infobutton.api.md index 080037287f1be..be9d27214804d 100644 --- a/packages/react-components/react-infobutton/etc/react-infobutton.api.md +++ b/packages/react-components/react-infobutton/etc/react-infobutton.api.md @@ -22,7 +22,9 @@ export const InfoButton: ForwardRefComponent; export const infoButtonClassNames: SlotClassNames; // @public -export type InfoButtonProps = ComponentProps>; +export type InfoButtonProps = Omit>, 'disabled'> & { + size?: 'small' | 'medium' | 'large'; +}; // @public (undocumented) export type InfoButtonSlots = { @@ -32,7 +34,7 @@ export type InfoButtonSlots = { }; // @public -export type InfoButtonState = ComponentState; +export type InfoButtonState = ComponentState & Required>; // @public export const renderInfoButton_unstable: (state: InfoButtonState) => JSX.Element; diff --git a/packages/react-components/react-infobutton/package.json b/packages/react-components/react-infobutton/package.json index 88147f7a4f091..7e97b27455ee3 100644 --- a/packages/react-components/react-infobutton/package.json +++ b/packages/react-components/react-infobutton/package.json @@ -28,15 +28,15 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-popover": "^9.3.0", - "@fluentui/react-tabster": "^9.2.1", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-popover": "^9.3.1", + "@fluentui/react-tabster": "^9.3.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-infobutton/src/common/isConformant.ts b/packages/react-components/react-infobutton/src/common/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-infobutton/src/common/isConformant.ts +++ b/packages/react-components/react-infobutton/src/common/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-infobutton/src/components/InfoButton/DefaultInfoButtonIcon.tsx b/packages/react-components/react-infobutton/src/components/InfoButton/DefaultInfoButtonIcon.tsx deleted file mode 100644 index 336ae52755c87..0000000000000 --- a/packages/react-components/react-infobutton/src/components/InfoButton/DefaultInfoButtonIcon.tsx +++ /dev/null @@ -1,3 +0,0 @@ -import { Info12Regular, Info12Filled, bundleIcon } from '@fluentui/react-icons'; - -export const DefaultInfoButtonIcon = bundleIcon(Info12Filled, Info12Regular); diff --git a/packages/react-components/react-infobutton/src/components/InfoButton/DefaultInfoButtonIcons.tsx b/packages/react-components/react-infobutton/src/components/InfoButton/DefaultInfoButtonIcons.tsx new file mode 100644 index 0000000000000..463159b2ae819 --- /dev/null +++ b/packages/react-components/react-infobutton/src/components/InfoButton/DefaultInfoButtonIcons.tsx @@ -0,0 +1,13 @@ +import { + Info12Regular, + Info12Filled, + Info16Regular, + Info16Filled, + Info20Regular, + Info20Filled, + bundleIcon, +} from '@fluentui/react-icons'; + +export const DefaultInfoButtonIcon12 = bundleIcon(Info12Filled, Info12Regular); +export const DefaultInfoButtonIcon16 = bundleIcon(Info16Filled, Info16Regular); +export const DefaultInfoButtonIcon20 = bundleIcon(Info20Filled, Info20Regular); diff --git a/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.types.ts b/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.types.ts index 97083e3884729..b87b35df44d11 100644 --- a/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.types.ts +++ b/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.types.ts @@ -18,9 +18,16 @@ export type InfoButtonSlots = { /** * InfoButton Props */ -export type InfoButtonProps = ComponentProps>; +export type InfoButtonProps = Omit>, 'disabled'> & { + /** + * Size of the InfoButton. + * + * @default medium + */ + size?: 'small' | 'medium' | 'large'; +}; /** * State used in rendering InfoButton */ -export type InfoButtonState = ComponentState; +export type InfoButtonState = ComponentState & Required>; diff --git a/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButton.tsx b/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButton.tsx index a998066b66d83..967f1e51fcfde 100644 --- a/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButton.tsx +++ b/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButton.tsx @@ -1,10 +1,22 @@ import * as React from 'react'; -import { DefaultInfoButtonIcon } from './DefaultInfoButtonIcon'; +import { DefaultInfoButtonIcon12, DefaultInfoButtonIcon16, DefaultInfoButtonIcon20 } from './DefaultInfoButtonIcons'; import { getNativeElementProps, mergeCallbacks, resolveShorthand } from '@fluentui/react-utilities'; import { Popover, PopoverSurface } from '@fluentui/react-popover'; import { useControllableState } from '@fluentui/react-utilities'; import type { InfoButtonProps, InfoButtonState } from './InfoButton.types'; +const infoButtonIconMap = { + small: , + medium: , + large: , +} as const; + +const popoverSizeMap = { + small: 'small', + medium: 'small', + large: 'medium', +} as const; + /** * Create the state required to render InfoButton. * @@ -15,7 +27,11 @@ import type { InfoButtonProps, InfoButtonState } from './InfoButton.types'; * @param ref - reference to root HTMLElement of InfoButton */ export const useInfoButton_unstable = (props: InfoButtonProps, ref: React.Ref): InfoButtonState => { + const { size = 'medium' } = props; + const state: InfoButtonState = { + size, + components: { root: 'button', popover: Popover, @@ -23,7 +39,7 @@ export const useInfoButton_unstable = (props: InfoButtonProps, ref: React.Ref, + children: infoButtonIconMap[size], type: 'button', ...props, ref, @@ -33,7 +49,7 @@ export const useInfoButton_unstable = (props: InfoButtonProps, ref: React.Ref, positioning: 'above-start', - size: 'small', + size: popoverSizeMap[size], withArrow: true, }, }), diff --git a/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButtonStyles.ts b/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButtonStyles.ts index 4d3ed6908f9cb..9471f791875b4 100644 --- a/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButtonStyles.ts +++ b/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButtonStyles.ts @@ -1,7 +1,7 @@ import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster'; import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons'; import { makeStyles, mergeClasses, shorthands } from '@griffel/react'; -import { tokens } from '@fluentui/react-theme'; +import { tokens, typographyStyles } from '@fluentui/react-theme'; import type { InfoButtonSlots, InfoButtonState } from './InfoButton.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; @@ -26,12 +26,12 @@ const useButtonStyles = makeStyles({ backgroundColor: tokens.colorTransparentBackground, color: tokens.colorNeutralForeground2, - fontFamily: tokens.fontFamilyBase, ...shorthands.overflow('hidden'), ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorTransparentStroke), - ...shorthands.padding(tokens.spacingVerticalXS, tokens.spacingHorizontalXS), + ...shorthands.borderRadius(tokens.borderRadiusMedium), ...shorthands.margin(0), + ...shorthands.padding(tokens.spacingVerticalXS, tokens.spacingHorizontalXS), [`& .${iconFilledClassName}`]: { display: 'none', @@ -40,7 +40,7 @@ const useButtonStyles = makeStyles({ display: 'inline-flex', }, - ':enabled:hover': { + ':hover': { backgroundColor: tokens.colorTransparentBackgroundHover, color: tokens.colorNeutralForeground2BrandHover, @@ -51,55 +51,89 @@ const useButtonStyles = makeStyles({ display: 'none', }, }, - ':enabled:hover:active': { + ':hover:active': { backgroundColor: tokens.colorTransparentBackgroundPressed, color: tokens.colorNeutralForeground2BrandPressed, }, - ':disabled': { - cursor: 'not-allowed', - color: tokens.colorNeutralForegroundDisabled, + }, + + selected: { + backgroundColor: tokens.colorTransparentBackgroundSelected, + color: tokens.colorNeutralForeground2BrandSelected, + + [`& .${iconFilledClassName}`]: { + display: 'inline-flex', + }, + [`& .${iconRegularClassName}`]: { + display: 'none', + }, + + '@media (forced-colors: active)': { + backgroundColor: 'Highlight', + ...shorthands.borderColor('Canvas'), + color: 'Canvas', + }, + }, + + highContrast: { + '@media (forced-colors: active)': { + ...shorthands.borderColor('Canvas'), + color: 'CanvasText', + + ':hover, :hover:active': { + forcedColorAdjust: 'none', + backgroundColor: 'Highlight', + ...shorthands.borderColor('Canvas'), + color: 'Canvas', + }, }, }, focusIndicator: createCustomFocusIndicatorStyle({ - ...shorthands.borderRadius(tokens.borderRadiusSmall), + ...shorthands.borderRadius(tokens.borderRadiusMedium), ...shorthands.borderColor(tokens.colorTransparentStroke), outlineColor: tokens.colorTransparentStroke, outlineWidth: tokens.strokeWidthThick, outlineStyle: 'solid', boxShadow: ` ${tokens.shadow4}, - 0 0 0 ${tokens.borderRadiusSmall} ${tokens.colorStrokeFocus2} + 0 0 0 2px ${tokens.colorStrokeFocus2} `, zIndex: 1, }), - selected: { - backgroundColor: tokens.colorTransparentBackgroundSelected, - color: tokens.colorNeutralForeground2BrandSelected, - - [`& .${iconFilledClassName}`]: { - display: 'inline-flex', - }, - [`& .${iconRegularClassName}`]: { - display: 'none', - }, + large: { + ...shorthands.padding(tokens.spacingVerticalXXS, tokens.spacingVerticalXXS), }, }); +const usePopoverSurfaceStyles = makeStyles({ + smallMedium: typographyStyles.caption1, + large: typographyStyles.body1, +}); + /** * Apply styling to the InfoButton slots based on the state */ export const useInfoButtonStyles_unstable = (state: InfoButtonState): InfoButtonState => { + const { size } = state; const { open } = state.popover; const buttonStyles = useButtonStyles(); + const popoverSurfaceStyles = usePopoverSurfaceStyles(); + + state.content.className = mergeClasses( + infoButtonClassNames.content, + size === 'large' && popoverSurfaceStyles.large, + state.content.className, + ); - state.content.className = mergeClasses(infoButtonClassNames.content, state.content.className); state.root.className = mergeClasses( infoButtonClassNames.root, buttonStyles.base, + buttonStyles.highContrast, buttonStyles.focusIndicator, open && buttonStyles.selected, + size === 'large' && buttonStyles.large, state.root.className, ); diff --git a/packages/react-components/react-infobutton/src/stories/Infobutton/InfoButtonSize.stories.tsx b/packages/react-components/react-infobutton/src/stories/Infobutton/InfoButtonSize.stories.tsx new file mode 100644 index 0000000000000..030ce8b15c7bc --- /dev/null +++ b/packages/react-components/react-infobutton/src/stories/Infobutton/InfoButtonSize.stories.tsx @@ -0,0 +1,56 @@ +import * as React from 'react'; +import { InfoButton } from '@fluentui/react-infobutton'; +import { Link, makeStyles, shorthands } from '@fluentui/react-components'; + +const useStyles = makeStyles({ + base: { + alignItems: 'start', + display: 'flex', + flexDirection: 'column', + ...shorthands.gap('80px'), + ...shorthands.padding('20px'), + }, +}); + +export const Size = () => { + const styles = useStyles(); + + return ( +
+ + This is example content for a small InfoButton. Learn more. + + } + /> + + + This is example content for a medium InfoButton. Learn more. + + } + /> + + + This is example content for a large InfoButton. Learn more. + + } + /> +
+ ); +}; + +Size.parameters = { + docs: { + description: { + story: 'An InfoButton supports a range of sizes from small to large. The default is medium.', + }, + }, +}; diff --git a/packages/react-components/react-infobutton/src/stories/Infobutton/index.stories.tsx b/packages/react-components/react-infobutton/src/stories/Infobutton/index.stories.tsx index 4a1a1e5c8041a..65c5f3afaae1d 100644 --- a/packages/react-components/react-infobutton/src/stories/Infobutton/index.stories.tsx +++ b/packages/react-components/react-infobutton/src/stories/Infobutton/index.stories.tsx @@ -4,6 +4,7 @@ import descriptionMd from './InfoButtonDescription.md'; import bestPracticesMd from './InfoButtonBestPractices.md'; export { Default } from './InfoButtonDefault.stories'; +export { Size } from './InfoButtonSize.stories'; export default { title: 'Preview Components/InfoButton', diff --git a/packages/react-components/react-input/CHANGELOG.json b/packages/react-components/react-input/CHANGELOG.json index 5a341aec1a00c..874f9cc66d071 100644 --- a/packages/react-components/react-input/CHANGELOG.json +++ b/packages/react-components/react-input/CHANGELOG.json @@ -1,6 +1,71 @@ { "name": "@fluentui/react-input", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:58:05 GMT", + "tag": "@fluentui/react-input_v9.2.5", + "version": "9.2.5", + "comments": { + "patch": [ + { + "author": "sarah.higley@microsoft.com", + "package": "@fluentui/react-input", + "commit": "023737b640281434710caecc55270838895b50bc", + "comment": "fix: update disabled + underline styles, have all text-like form control disabled states match" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-input", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-input", + "commit": "39ba7b6d4648781b979fcf694579f97b851348af", + "comment": "chore: Move InputField into the @fluentui/react-input package and export as _unstable" + }, + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.8", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-text to v9.1.6", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ], + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-input", + "commit": "87859b052155ca206ef3540a2a9623803f6e2b93", + "comment": "test: replace deprecated module.parent with require.main within isConformance" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:52 GMT", "tag": "@fluentui/react-input_v9.2.4", diff --git a/packages/react-components/react-input/CHANGELOG.md b/packages/react-components/react-input/CHANGELOG.md index a0d666220bf5c..af556d84c98ca 100644 --- a/packages/react-components/react-input/CHANGELOG.md +++ b/packages/react-components/react-input/CHANGELOG.md @@ -1,9 +1,25 @@ # Change Log - @fluentui/react-input -This log was last generated on Wed, 02 Nov 2022 11:57:52 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:58:05 GMT and should not be manually modified. +## [9.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.2.5) + +Fri, 11 Nov 2022 14:58:05 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.2.4..@fluentui/react-input_v9.2.5) + +### Patches + +- fix: update disabled + underline styles, have all text-like form control disabled states match ([PR #25543](https://github.com/microsoft/fluentui/pull/25543) by sarah.higley@microsoft.com) +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- chore: Move InputField into the @fluentui/react-input package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) +- Bump @fluentui/react-field to v9.0.0-alpha.8 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-text to v9.1.6 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.2.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.2.4) Wed, 02 Nov 2022 11:57:52 GMT diff --git a/packages/react-components/react-input/etc/react-input.api.md b/packages/react-components/react-input/etc/react-input.api.md index e041af374e7d9..8e555a21d414e 100644 --- a/packages/react-components/react-input/etc/react-input.api.md +++ b/packages/react-components/react-input/etc/react-input.api.md @@ -4,12 +4,17 @@ ```ts +/// + import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; +import { FieldControl } from '@fluentui/react-field'; +import type { FieldProps } from '@fluentui/react-field'; +import { FieldSlots } from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import * as React_2 from 'react'; import type { Slot } from '@fluentui/react-utilities'; -import type { SlotClassNames } from '@fluentui/react-utilities'; +import { SlotClassNames } from '@fluentui/react-utilities'; // @public export const Input: ForwardRefComponent; @@ -17,6 +22,15 @@ export const Input: ForwardRefComponent; // @public (undocumented) export const inputClassNames: SlotClassNames; +// @public (undocumented) +export const InputField_unstable: ForwardRefComponent; + +// @public (undocumented) +export const inputFieldClassNames: SlotClassNames>; + +// @public (undocumented) +export type InputFieldProps_unstable = FieldProps; + // @public export type InputOnChangeData = { value: string; diff --git a/packages/react-components/react-input/package.json b/packages/react-components/react-input/package.json index 71b0d20097123..d73c4f8314dab 100644 --- a/packages/react-components/react-input/package.json +++ b/packages/react-components/react-input/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-input", - "version": "9.2.4", + "version": "9.2.5", "description": "Fluent UI React Input component", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -28,13 +28,14 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", - "@fluentui/react-text": "^9.1.5", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", + "@fluentui/react-text": "^9.1.6", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-field": "9.0.0-alpha.8", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -52,9 +53,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-field/src/InputField.ts b/packages/react-components/react-input/src/InputField.ts similarity index 100% rename from packages/react-components/react-field/src/InputField.ts rename to packages/react-components/react-input/src/InputField.ts diff --git a/packages/react-components/react-input/src/components/Input/useInputStyles.ts b/packages/react-components/react-input/src/components/Input/useInputStyles.ts index cf332a7cb3087..bde56ba1d92e2 100644 --- a/packages/react-components/react-input/src/components/Input/useInputStyles.ts +++ b/packages/react-components/react-input/src/components/Input/useInputStyles.ts @@ -175,8 +175,7 @@ const useRootStyles = makeStyles({ disabled: { cursor: 'not-allowed', backgroundColor: tokens.colorTransparentBackground, - ...shorthands.border('1px', 'solid', tokens.colorNeutralStrokeDisabled), - ...shorthands.borderRadius(tokens.borderRadiusMedium), // because underline doesn't usually have a radius + ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled), '@media (forced-colors: active)': { ...shorthands.borderColor('GrayText'), }, diff --git a/packages/react-components/react-input/src/components/InputField/InputField.test.tsx b/packages/react-components/react-input/src/components/InputField/InputField.test.tsx new file mode 100644 index 0000000000000..933979074e3bb --- /dev/null +++ b/packages/react-components/react-input/src/components/InputField/InputField.test.tsx @@ -0,0 +1,25 @@ +import { isConformant } from '../../testing/isConformant'; +import { InputField } from './InputField'; + +describe('InputField', () => { + isConformant({ + Component: InputField, + displayName: 'InputField', + primarySlot: 'control', + testOptions: { + 'has-static-classnames': [ + { + props: { + label: 'label text', + validationState: 'error', + validationMessage: 'validation message text', + hint: 'hint text', + }, + }, + ], + }, + disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable + }); + + // Most functionality is tested by Field.test.tsx, and Input's tests +}); diff --git a/packages/react-components/react-field/src/components/InputField/InputField.tsx b/packages/react-components/react-input/src/components/InputField/InputField.tsx similarity index 70% rename from packages/react-components/react-field/src/components/InputField/InputField.tsx rename to packages/react-components/react-input/src/components/InputField/InputField.tsx index 3bb40228bb88e..db1e7707bab7a 100644 --- a/packages/react-components/react-field/src/components/InputField/InputField.tsx +++ b/packages/react-components/react-input/src/components/InputField/InputField.tsx @@ -1,8 +1,13 @@ import * as React from 'react'; -import { Input } from '@fluentui/react-input'; +import type { FieldProps } from '@fluentui/react-field'; +import { + getFieldClassNames, + renderField_unstable, + useFieldStyles_unstable, + useField_unstable, +} from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; -import type { FieldProps } from '../../Field'; -import { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '../../Field'; +import { Input } from '../../Input'; export type InputFieldProps = FieldProps; diff --git a/packages/react-components/react-field/src/components/InputField/index.ts b/packages/react-components/react-input/src/components/InputField/index.ts similarity index 100% rename from packages/react-components/react-field/src/components/InputField/index.ts rename to packages/react-components/react-input/src/components/InputField/index.ts diff --git a/packages/react-components/react-input/src/index.ts b/packages/react-components/react-input/src/index.ts index 3deb992114c00..3cc92509a586a 100644 --- a/packages/react-components/react-input/src/index.ts +++ b/packages/react-components/react-input/src/index.ts @@ -1,2 +1,5 @@ export { Input, inputClassNames, renderInput_unstable, useInputStyles_unstable, useInput_unstable } from './Input'; export type { InputOnChangeData, InputProps, InputSlots, InputState } from './Input'; + +export { InputField as InputField_unstable, inputFieldClassNames } from './InputField'; +export type { InputFieldProps as InputFieldProps_unstable } from './InputField'; diff --git a/packages/react-components/react-input/src/testing/isConformant.ts b/packages/react-components/react-input/src/testing/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-input/src/testing/isConformant.ts +++ b/packages/react-components/react-input/src/testing/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-field/src/stories/InputField/InputFieldDefault.stories.tsx b/packages/react-components/react-input/stories/InputField/InputFieldDefault.stories.tsx similarity index 66% rename from packages/react-components/react-field/src/stories/InputField/InputFieldDefault.stories.tsx rename to packages/react-components/react-input/stories/InputField/InputFieldDefault.stories.tsx index 50a9e11e7d81a..c91243d493f49 100644 --- a/packages/react-components/react-field/src/stories/InputField/InputFieldDefault.stories.tsx +++ b/packages/react-components/react-input/stories/InputField/InputFieldDefault.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import type { InputFieldProps } from '@fluentui/react-field'; -import { InputField } from '@fluentui/react-field'; +import type { InputFieldProps } from '@fluentui/react-components/unstable'; +import { InputField } from '@fluentui/react-components/unstable'; export const Default = (props: Partial) => ( +## [9.0.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.10) + +Fri, 11 Nov 2022 14:58:06 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.9..@fluentui/react-label_v9.0.10) + +### Patches + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.9) Wed, 02 Nov 2022 11:57:53 GMT diff --git a/packages/react-components/react-label/package.json b/packages/react-components/react-label/package.json index a4540ae70971b..2a17adda4515f 100644 --- a/packages/react-components/react-label/package.json +++ b/packages/react-components/react-label/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-label", - "version": "9.0.9", + "version": "9.0.10", "description": "Fluent UI React Label component", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -28,12 +28,12 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -51,9 +51,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-label/src/testing/isConformant.ts b/packages/react-components/react-label/src/testing/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-label/src/testing/isConformant.ts +++ b/packages/react-components/react-label/src/testing/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-link/CHANGELOG.json b/packages/react-components/react-link/CHANGELOG.json index 981a42eeaeffa..c93394ecb7a5a 100644 --- a/packages/react-components/react-link/CHANGELOG.json +++ b/packages/react-components/react-link/CHANGELOG.json @@ -1,6 +1,59 @@ { "name": "@fluentui/react-link", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:58:07 GMT", + "tag": "@fluentui/react-link_v9.0.11", + "version": "9.0.11", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-link", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "beachball", + "package": "@fluentui/react-link", + "comment": "Bump @fluentui/keyboard-keys to v9.0.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-link", + "comment": "Bump @fluentui/react-tabster to v9.3.0", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-link", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-link", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-link", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ], + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-link", + "commit": "87859b052155ca206ef3540a2a9623803f6e2b93", + "comment": "test: replace deprecated module.parent with require.main within isConformance" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:54 GMT", "tag": "@fluentui/react-link_v9.0.10", diff --git a/packages/react-components/react-link/CHANGELOG.md b/packages/react-components/react-link/CHANGELOG.md index ecc3026af94f4..18508dd3ec23e 100644 --- a/packages/react-components/react-link/CHANGELOG.md +++ b/packages/react-components/react-link/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-link -This log was last generated on Wed, 02 Nov 2022 11:57:54 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:58:07 GMT and should not be manually modified. +## [9.0.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.11) + +Fri, 11 Nov 2022 14:58:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.10..@fluentui/react-link_v9.0.11) + +### Patches + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/keyboard-keys to v9.0.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.10) Wed, 02 Nov 2022 11:57:54 GMT diff --git a/packages/react-components/react-link/package.json b/packages/react-components/react-link/package.json index 030cc40009bd6..3791486c5a990 100644 --- a/packages/react-components/react-link/package.json +++ b/packages/react-components/react-link/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-link", - "version": "9.0.10", + "version": "9.0.11", "description": "Fluent UI React Link component", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -29,14 +29,14 @@ "@fluentui/a11y-testing": "^0.1.0", "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/keyboard-keys": "^9.0.0", - "@fluentui/react-tabster": "^9.2.1", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/keyboard-keys": "^9.0.1", + "@fluentui/react-tabster": "^9.3.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -54,9 +54,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-link/src/testing/isConformant.ts b/packages/react-components/react-link/src/testing/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-link/src/testing/isConformant.ts +++ b/packages/react-components/react-link/src/testing/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-menu/CHANGELOG.json b/packages/react-components/react-menu/CHANGELOG.json index ae5e525fb25b6..468dd1484abf0 100644 --- a/packages/react-components/react-menu/CHANGELOG.json +++ b/packages/react-components/react-menu/CHANGELOG.json @@ -1,6 +1,89 @@ { "name": "@fluentui/react-menu", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:58:08 GMT", + "tag": "@fluentui/react-menu_v9.4.1", + "version": "9.4.1", + "comments": { + "patch": [ + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-menu", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720", + "comment": "fix: remove unwanted aria attributes on context menu" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-aria to v9.3.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/keyboard-keys to v9.0.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-context-selector to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-portal to v9.0.10", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-positioning to v9.3.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-shared-contexts to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-tabster to v9.3.0", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ], + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-menu", + "commit": "87859b052155ca206ef3540a2a9623803f6e2b93", + "comment": "test: replace deprecated module.parent with require.main within isConformance" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:54 GMT", "tag": "@fluentui/react-menu_v9.4.0", diff --git a/packages/react-components/react-menu/CHANGELOG.md b/packages/react-components/react-menu/CHANGELOG.md index 1421a563ab96c..7b5502594d561 100644 --- a/packages/react-components/react-menu/CHANGELOG.md +++ b/packages/react-components/react-menu/CHANGELOG.md @@ -1,9 +1,28 @@ # Change Log - @fluentui/react-menu -This log was last generated on Wed, 02 Nov 2022 11:57:54 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:58:08 GMT and should not be manually modified. +## [9.4.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.4.1) + +Fri, 11 Nov 2022 14:58:08 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.4.0..@fluentui/react-menu_v9.4.1) + +### Patches + +- fix: remove unwanted aria attributes on context menu ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by bernardo.sunderhus@gmail.com) +- Bump @fluentui/react-aria to v9.3.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/keyboard-keys to v9.0.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-context-selector to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-portal to v9.0.10 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-positioning to v9.3.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-shared-contexts to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.4.0) Wed, 02 Nov 2022 11:57:54 GMT diff --git a/packages/react-components/react-menu/etc/react-menu.api.md b/packages/react-components/react-menu/etc/react-menu.api.md index 11297f9654e3e..02b50c737f154 100644 --- a/packages/react-components/react-menu/etc/react-menu.api.md +++ b/packages/react-components/react-menu/etc/react-menu.api.md @@ -300,7 +300,7 @@ export const MenuTrigger: React_2.FC; // @public export type MenuTriggerChildProps = ARIAButtonResultProps; diff --git a/packages/react-components/react-menu/package.json b/packages/react-components/react-menu/package.json index 4adb09c58d0a8..347a090459306 100644 --- a/packages/react-components/react-menu/package.json +++ b/packages/react-components/react-menu/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-menu", - "version": "9.4.0", + "version": "9.4.1", "description": "Fluent UI menu component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -29,20 +29,20 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-aria": "^9.3.0", - "@fluentui/keyboard-keys": "^9.0.0", - "@fluentui/react-context-selector": "^9.1.0", + "@fluentui/react-aria": "^9.3.1", + "@fluentui/keyboard-keys": "^9.0.1", + "@fluentui/react-context-selector": "^9.1.1", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-portal": "^9.0.9", - "@fluentui/react-positioning": "^9.3.0", - "@fluentui/react-shared-contexts": "^9.1.0", - "@fluentui/react-tabster": "^9.2.1", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-portal": "^9.0.10", + "@fluentui/react-positioning": "^9.3.1", + "@fluentui/react-shared-contexts": "^9.1.1", + "@fluentui/react-tabster": "^9.3.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-menu/src/components/Menu/Menu.cy.tsx b/packages/react-components/react-menu/src/components/Menu/Menu.cy.tsx index 0ccf7d063d17d..aa97d3a7a186a 100644 --- a/packages/react-components/react-menu/src/components/Menu/Menu.cy.tsx +++ b/packages/react-components/react-menu/src/components/Menu/Menu.cy.tsx @@ -10,6 +10,7 @@ import { menuTriggerSelector, menuItemSelector, menuSelector, + menuTriggerId, } from '../../testing/selectors'; import { @@ -34,7 +35,7 @@ describe('MenuTrigger', () => { mount( - + @@ -55,7 +56,7 @@ describe('MenuTrigger', () => { mount( - + @@ -77,7 +78,7 @@ describe('MenuTrigger', () => { mount( - + @@ -101,7 +102,7 @@ describe('MenuTrigger', () => { mount( - + @@ -120,7 +121,7 @@ describe('MenuTrigger', () => { mount( - + @@ -136,7 +137,7 @@ describe('MenuTrigger', () => { describe('Custom Trigger', () => { const CustomMenuTrigger = React.forwardRef((props, ref) => { return ( - ); @@ -181,7 +182,7 @@ describe('MenuItem', () => { mount( - + @@ -203,7 +204,7 @@ describe('MenuItem', () => { mount( - + @@ -225,7 +226,7 @@ describe('MenuItem', () => { mount( - + @@ -248,7 +249,7 @@ describe('MenuItemCheckbox', () => { mount( - + @@ -272,7 +273,7 @@ describe('MenuItemCheckbox', () => { mount( - + @@ -298,7 +299,7 @@ describe('MenuItemRadio', () => { mount( - + @@ -323,7 +324,7 @@ describe('MenuItemRadio', () => { mount( - + @@ -351,7 +352,7 @@ describe('MenuItemRadio', () => { mount( - + @@ -395,7 +396,7 @@ describe('Menu', () => { mount( - + @@ -418,7 +419,7 @@ describe('Menu', () => { mount( - + @@ -434,7 +435,7 @@ describe('Menu', () => { mount( - + @@ -450,7 +451,7 @@ describe('Menu', () => { mount( - + @@ -466,7 +467,7 @@ describe('Menu', () => { mount( - + @@ -491,7 +492,7 @@ describe('Menu', () => { mount( - + @@ -515,7 +516,7 @@ describe('Menu', () => { <> - + @@ -537,7 +538,7 @@ describe('Menu', () => { - + @@ -557,7 +558,7 @@ describe('Menu', () => { mount( - + @@ -577,7 +578,7 @@ describe('SplitMenuItem', () => { const example = ( - + @@ -691,7 +692,7 @@ describe(`Nested Menus`, () => { const UncontrolledExample = () => ( - + @@ -785,7 +786,7 @@ describe(`Nested Menus`, () => { return ( - + @@ -811,7 +812,7 @@ describe(`Nested Menus`, () => { .click() .get(menuSelector) .within(() => { - cy.get(menuTriggerSelector).trigger('mousemove'); + cy.get(menuItemSelector).eq(4).trigger('mousemove'); }) .get(menuSelector) .should('have.length', 2) @@ -829,7 +830,7 @@ describe(`Nested Menus`, () => { .click() .get(menuSelector) .within(() => { - cy.get(menuTriggerSelector).focus().type(key); + cy.get(menuItemSelector).eq(4).focus().type(key); }) .get(menuSelector) .eq(1) @@ -846,7 +847,7 @@ describe(`Nested Menus`, () => { cy.get(menuTriggerSelector).click(); cy.get(menuSelector).within(() => { - cy.get(menuTriggerSelector).trigger('mousemove'); + cy.get(menuItemSelector).eq(4).trigger('mousemove'); }); cy.get(menuSelector).should('have.length', 2); @@ -854,7 +855,7 @@ describe(`Nested Menus`, () => { cy.get(menuSelector) .eq(0) .within(() => { - cy.get(menuTriggerSelector).trigger('mouseout'); + cy.get(menuItemSelector).eq(4).trigger('mouseout'); }); // move mouse over first element in nested menu @@ -875,7 +876,7 @@ describe(`Nested Menus`, () => { .click() .get(menuSelector) .within(() => { - cy.get(menuTriggerSelector).click().focus().type('{rightarrow}'); + cy.get(menuItemSelector).eq(4).click().focus().type('{rightarrow}'); }) .get(menuSelector) .eq(1) @@ -893,7 +894,7 @@ describe(`Nested Menus`, () => { .click() .get(menuSelector) .within(() => { - cy.get(menuTriggerSelector).focus().type('{rightarrow}').focused().type(key); + cy.get(menuItemSelector).eq(4).focus().type('{rightarrow}').focused().type(key); }) .get(menuSelector) .should('have.length', 1); @@ -906,7 +907,7 @@ describe(`Nested Menus`, () => { .click() .get(menuSelector) .within(() => { - cy.get(menuTriggerSelector).type('{rightarrow}'); + cy.get(menuItemSelector).eq(4).type('{rightarrow}'); }) .get(menuSelector) .eq(1) @@ -929,7 +930,7 @@ describe(`Nested Menus`, () => { .click() .get(menuSelector) .within(() => { - cy.get(menuTriggerSelector).type('{rightarrow}'); + cy.get(menuItemSelector).eq(4).type('{rightarrow}'); }) .get(menuSelector) .eq(1) @@ -949,7 +950,7 @@ describe(`Nested Menus`, () => { .click() .get(menuSelector) .within(() => { - cy.get(menuTriggerSelector).type('{rightarrow}'); + cy.get(menuItemSelector).eq(4).type('{rightarrow}'); }) .get(menuSelector) .eq(1) @@ -964,7 +965,7 @@ describe('Context menu', () => { const ContextMenuExample = () => ( - + diff --git a/packages/react-components/react-menu/src/components/MenuList/MenuList.cy.tsx b/packages/react-components/react-menu/src/components/MenuList/MenuList.cy.tsx index dfc4b29c59e83..00c885b108871 100644 --- a/packages/react-components/react-menu/src/components/MenuList/MenuList.cy.tsx +++ b/packages/react-components/react-menu/src/components/MenuList/MenuList.cy.tsx @@ -4,7 +4,7 @@ import { mount as mountBase } from '@cypress/react'; import { FluentProvider } from '@fluentui/react-provider'; import { teamsLightTheme } from '@fluentui/react-theme'; -import { menuTriggerSelector, menuItemSelector, menuSelector } from '../../testing/selectors'; +import { menuItemSelector, menuSelector } from '../../testing/selectors'; import { MenuList, MenuItem, Menu, MenuTrigger, MenuPopover } from '@fluentui/react-menu'; const mount = (element: JSX.Element) => { @@ -53,19 +53,19 @@ describe('MenuList', () => { it('should not open a menu trigger with ArrowDown', () => { mount(); - cy.get(menuTriggerSelector).focus().type('{downarrow}').get(menuSelector).should('have.length', 1); + cy.get(menuItemSelector).eq(3).focus().type('{downarrow}').get(menuSelector).should('have.length', 1); }); it('should focus next menuitem from a menu trigger with ArrowDown', () => { mount(); - cy.get('body').click().get(menuTriggerSelector).focus().type('{downarrow}'); + cy.get('body').click().get(menuItemSelector).eq(3).focus().type('{downarrow}'); cy.focused().get(menuItemSelector).first().should('be.focused'); }); it('should open a menu trigger with ArrowRight', () => { mount(); - cy.get(menuTriggerSelector).focus().type('{rightarrow}').get(menuSelector).should('have.length', 2); + cy.get(menuItemSelector).eq(3).focus().type('{rightarrow}').get(menuSelector).should('have.length', 2); }); }); }); diff --git a/packages/react-components/react-menu/src/components/MenuTrigger/MenuTrigger.types.ts b/packages/react-components/react-menu/src/components/MenuTrigger/MenuTrigger.types.ts index dda9513d0226d..c8a78b839648e 100644 --- a/packages/react-components/react-menu/src/components/MenuTrigger/MenuTrigger.types.ts +++ b/packages/react-components/react-menu/src/components/MenuTrigger/MenuTrigger.types.ts @@ -16,7 +16,7 @@ export type MenuTriggerProps = TriggerProps & { export type MenuTriggerChildProps = ARIAButtonResultProps< Type, Props & { - 'aria-haspopup': 'menu'; + 'aria-haspopup'?: 'menu'; 'aria-expanded'?: boolean; id: string; ref: React.Ref; diff --git a/packages/react-components/react-menu/src/components/MenuTrigger/useMenuTrigger.ts b/packages/react-components/react-menu/src/components/MenuTrigger/useMenuTrigger.ts index e2aadae6578a4..92397c20d41fe 100644 --- a/packages/react-components/react-menu/src/components/MenuTrigger/useMenuTrigger.ts +++ b/packages/react-components/react-menu/src/components/MenuTrigger/useMenuTrigger.ts @@ -122,8 +122,6 @@ export const useMenuTrigger_unstable = (props: MenuTriggerProps): MenuTriggerSta }; const contextMenuProps = { - 'aria-haspopup': 'menu', - 'aria-expanded': !open && !isSubmenu ? undefined : open, id: triggerId, ...child?.props, ref: useMergedRefs(triggerRef, child?.ref), @@ -131,13 +129,15 @@ export const useMenuTrigger_unstable = (props: MenuTriggerProps): MenuTriggerSta onMouseLeave: useEventCallback(mergeCallbacks(child?.props.onMouseLeave, onMouseLeave)), onContextMenu: useEventCallback(mergeCallbacks(child?.props.onContextMenu, onContextMenu)), onMouseMove: useEventCallback(mergeCallbacks(child?.props.onMouseMove, onMouseMove)), - } as const; + }; const triggerChildProps = { + 'aria-haspopup': 'menu', + 'aria-expanded': !open && !isSubmenu ? undefined : open, ...contextMenuProps, onClick: useEventCallback(mergeCallbacks(child?.props.onClick, onClick)), onKeyDown: useEventCallback(mergeCallbacks(child?.props.onKeyDown, onKeyDown)), - }; + } as const; const ariaButtonTriggerChildProps = useARIAButtonProps( child?.type === 'button' || child?.type === 'a' ? child.type : 'div', diff --git a/packages/react-components/react-menu/src/testing/isConformant.ts b/packages/react-components/react-menu/src/testing/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-menu/src/testing/isConformant.ts +++ b/packages/react-components/react-menu/src/testing/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-menu/src/testing/selectors.ts b/packages/react-components/react-menu/src/testing/selectors.ts index 02702555cae6c..38a6b4db12576 100644 --- a/packages/react-components/react-menu/src/testing/selectors.ts +++ b/packages/react-components/react-menu/src/testing/selectors.ts @@ -1,4 +1,6 @@ -export const menuTriggerSelector = '[aria-haspopup="menu"]'; +export const menuTriggerId = 'menu-trigger'; + +export const menuTriggerSelector = `#${menuTriggerId}`; export const menuItemSelector = '[role="menuitem"]'; export const menuItemCheckboxSelector = '[role="menuitemcheckbox"]'; export const menuItemRadioSelector = '[role="menuitemradio"]'; diff --git a/packages/react-components/react-overflow/.npmignore b/packages/react-components/react-overflow/.npmignore index 52d2a7273a151..f7ce568a6dbf7 100644 --- a/packages/react-components/react-overflow/.npmignore +++ b/packages/react-components/react-overflow/.npmignore @@ -3,10 +3,11 @@ bundle-size/ config/ coverage/ -e2e/ +docs/ etc/ node_modules/ src/ +stories/ dist/types/ temp/ __fixtures__ @@ -16,7 +17,7 @@ __tests__ *.api.json *.log *.spec.* -*.stories.* +*.cy.* *.test.* *.yml diff --git a/packages/react-components/react-overflow/.storybook/main.js b/packages/react-components/react-overflow/.storybook/main.js index f57cfd09509e7..26536b61b387f 100644 --- a/packages/react-components/react-overflow/.storybook/main.js +++ b/packages/react-components/react-overflow/.storybook/main.js @@ -2,7 +2,7 @@ const rootMain = require('../../../../.storybook/main'); module.exports = /** @type {Omit} */ ({ ...rootMain, - stories: [...rootMain.stories, '../src/**/*.stories.mdx', '../src/**/index.stories.@(ts|tsx)'], + stories: [...rootMain.stories, '../stories/**/*.stories.mdx', '../stories/**/index.stories.@(ts|tsx)'], addons: [...rootMain.addons], webpackFinal: (config, options) => { const localConfig = { ...rootMain.webpackFinal(config, options) }; diff --git a/packages/react-components/react-overflow/.storybook/tsconfig.json b/packages/react-components/react-overflow/.storybook/tsconfig.json index f9f60e1234ed4..ea89218a3d916 100644 --- a/packages/react-components/react-overflow/.storybook/tsconfig.json +++ b/packages/react-components/react-overflow/.storybook/tsconfig.json @@ -6,5 +6,5 @@ "checkJs": true, "types": ["static-assets", "environment", "storybook__addons"] }, - "include": ["../src/**/*.stories.ts", "../src/**/*.stories.tsx", "*.js"] + "include": ["../stories/**/*.stories.ts", "../stories/**/*.stories.tsx", "*.js"] } diff --git a/packages/react-components/react-overflow/CHANGELOG.json b/packages/react-components/react-overflow/CHANGELOG.json index b7e792dc1442a..ee87a155ba75b 100644 --- a/packages/react-components/react-overflow/CHANGELOG.json +++ b/packages/react-components/react-overflow/CHANGELOG.json @@ -1,6 +1,53 @@ { "name": "@fluentui/react-overflow", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:58:08 GMT", + "tag": "@fluentui/react-overflow_v9.0.0-beta.14", + "version": "9.0.0-beta.14", + "comments": { + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-overflow", + "commit": "43d8356d0ede055caedd64bc73a7658efe884616", + "comment": "chore: Migrate to new package structure." + } + ], + "prerelease": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-overflow", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "beachball", + "package": "@fluentui/react-overflow", + "comment": "Bump @fluentui/priority-overflow to v9.0.0-beta.4", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-overflow", + "comment": "Bump @fluentui/react-context-selector to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-overflow", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-overflow", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:55 GMT", "tag": "@fluentui/react-overflow_v9.0.0-beta.13", diff --git a/packages/react-components/react-overflow/CHANGELOG.md b/packages/react-components/react-overflow/CHANGELOG.md index 3a99304176e5a..15de526b5faa3 100644 --- a/packages/react-components/react-overflow/CHANGELOG.md +++ b/packages/react-components/react-overflow/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-overflow -This log was last generated on Wed, 02 Nov 2022 11:57:55 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:58:08 GMT and should not be manually modified. +## [9.0.0-beta.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.0-beta.14) + +Fri, 11 Nov 2022 14:58:08 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.0-beta.13..@fluentui/react-overflow_v9.0.0-beta.14) + +### Changes + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/priority-overflow to v9.0.0-beta.4 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-context-selector to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.0-beta.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.0-beta.13) Wed, 02 Nov 2022 11:57:55 GMT diff --git a/packages/react-components/react-overflow/package.json b/packages/react-components/react-overflow/package.json index e99bb85372716..5bc60b0ba3618 100644 --- a/packages/react-components/react-overflow/package.json +++ b/packages/react-components/react-overflow/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-overflow", - "version": "9.0.0-beta.13", + "version": "9.0.0-beta.14", "description": "React bindings for @fluentui/priority-overflow", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -31,10 +31,10 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/priority-overflow": "^9.0.0-beta.3", - "@fluentui/react-context-selector": "^9.1.0", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/priority-overflow": "^9.0.0-beta.4", + "@fluentui/react-context-selector": "^9.1.1", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -51,5 +51,13 @@ "minor", "patch" ] + }, + "exports": { + ".": { + "types": "./dist/index.d.ts", + "import": "./lib/index.js", + "require": "./lib-commonjs/index.js" + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-overflow/e2e/Overflow.e2e.tsx b/packages/react-components/react-overflow/src/Overflow.cy.tsx similarity index 99% rename from packages/react-components/react-overflow/e2e/Overflow.e2e.tsx rename to packages/react-components/react-overflow/src/Overflow.cy.tsx index 3b085a511be69..8c4da8c87b34a 100644 --- a/packages/react-components/react-overflow/e2e/Overflow.e2e.tsx +++ b/packages/react-components/react-overflow/src/Overflow.cy.tsx @@ -416,7 +416,7 @@ describe('Overflow', () => { cy.get(`[${selectors.divider}]`).should('have.length', 1); }); - it.only('should remove overflow menu if the last overflowed item can take its place', () => { + it('should remove overflow menu if the last overflowed item can take its place', () => { const mapHelper = new Array(10).fill(0).map((_, i) => i); mount( diff --git a/packages/react-components/react-overflow/src/stories/Overflow/CustomPriorities.stories.tsx b/packages/react-components/react-overflow/stories/Overflow/CustomPriorities.stories.tsx similarity index 100% rename from packages/react-components/react-overflow/src/stories/Overflow/CustomPriorities.stories.tsx rename to packages/react-components/react-overflow/stories/Overflow/CustomPriorities.stories.tsx diff --git a/packages/react-components/react-overflow/src/stories/Overflow/Dividers.stories.tsx b/packages/react-components/react-overflow/stories/Overflow/Dividers.stories.tsx similarity index 100% rename from packages/react-components/react-overflow/src/stories/Overflow/Dividers.stories.tsx rename to packages/react-components/react-overflow/stories/Overflow/Dividers.stories.tsx diff --git a/packages/react-components/react-overflow/src/stories/Overflow/DomOrder.stories.tsx b/packages/react-components/react-overflow/stories/Overflow/DomOrder.stories.tsx similarity index 100% rename from packages/react-components/react-overflow/src/stories/Overflow/DomOrder.stories.tsx rename to packages/react-components/react-overflow/stories/Overflow/DomOrder.stories.tsx diff --git a/packages/react-components/react-overflow/src/stories/Overflow/MinimumVisible.stories.tsx b/packages/react-components/react-overflow/stories/Overflow/MinimumVisible.stories.tsx similarity index 100% rename from packages/react-components/react-overflow/src/stories/Overflow/MinimumVisible.stories.tsx rename to packages/react-components/react-overflow/stories/Overflow/MinimumVisible.stories.tsx diff --git a/packages/react-components/react-overflow/src/stories/Overflow/Pinned.stories.tsx b/packages/react-components/react-overflow/stories/Overflow/Pinned.stories.tsx similarity index 100% rename from packages/react-components/react-overflow/src/stories/Overflow/Pinned.stories.tsx rename to packages/react-components/react-overflow/stories/Overflow/Pinned.stories.tsx diff --git a/packages/react-components/react-overflow/src/stories/Overflow/PriorityWithDividers.stories.tsx b/packages/react-components/react-overflow/stories/Overflow/PriorityWithDividers.stories.tsx similarity index 100% rename from packages/react-components/react-overflow/src/stories/Overflow/PriorityWithDividers.stories.tsx rename to packages/react-components/react-overflow/stories/Overflow/PriorityWithDividers.stories.tsx diff --git a/packages/react-components/react-overflow/src/stories/Overflow/ReverseDomOrder.stories.tsx b/packages/react-components/react-overflow/stories/Overflow/ReverseDomOrder.stories.tsx similarity index 100% rename from packages/react-components/react-overflow/src/stories/Overflow/ReverseDomOrder.stories.tsx rename to packages/react-components/react-overflow/stories/Overflow/ReverseDomOrder.stories.tsx diff --git a/packages/react-components/react-overflow/src/stories/Overflow/Selection.stories.tsx b/packages/react-components/react-overflow/stories/Overflow/Selection.stories.tsx similarity index 100% rename from packages/react-components/react-overflow/src/stories/Overflow/Selection.stories.tsx rename to packages/react-components/react-overflow/stories/Overflow/Selection.stories.tsx diff --git a/packages/react-components/react-overflow/src/stories/Overflow/index.stories.tsx b/packages/react-components/react-overflow/stories/Overflow/index.stories.tsx similarity index 100% rename from packages/react-components/react-overflow/src/stories/Overflow/index.stories.tsx rename to packages/react-components/react-overflow/stories/Overflow/index.stories.tsx diff --git a/packages/react-components/react-overflow/src/stories/Overflow/utils.stories.tsx b/packages/react-components/react-overflow/stories/Overflow/utils.stories.tsx similarity index 100% rename from packages/react-components/react-overflow/src/stories/Overflow/utils.stories.tsx rename to packages/react-components/react-overflow/stories/Overflow/utils.stories.tsx diff --git a/packages/react-components/react-overflow/e2e/tsconfig.json b/packages/react-components/react-overflow/tsconfig.cy.json similarity index 70% rename from packages/react-components/react-overflow/e2e/tsconfig.json rename to packages/react-components/react-overflow/tsconfig.cy.json index f6b23b30d510b..93a140885851d 100644 --- a/packages/react-components/react-overflow/e2e/tsconfig.json +++ b/packages/react-components/react-overflow/tsconfig.cy.json @@ -1,9 +1,9 @@ { - "extends": "../tsconfig.json", + "extends": "./tsconfig.json", "compilerOptions": { "isolatedModules": false, "types": ["node", "cypress", "cypress-storybook/cypress", "cypress-real-events"], "lib": ["ES2019", "dom"] }, - "include": ["**/*.ts", "**/*.tsx"] + "include": ["**/*.cy.ts", "**/*.cy.tsx"] } diff --git a/packages/react-components/react-overflow/tsconfig.json b/packages/react-components/react-overflow/tsconfig.json index 1941a041d46c1..1317f81620ca5 100644 --- a/packages/react-components/react-overflow/tsconfig.json +++ b/packages/react-components/react-overflow/tsconfig.json @@ -20,6 +20,9 @@ }, { "path": "./.storybook/tsconfig.json" + }, + { + "path": "./tsconfig.cy.json" } ] } diff --git a/packages/react-components/react-overflow/tsconfig.lib.json b/packages/react-components/react-overflow/tsconfig.lib.json index 008c602dc19d2..4362ef2eb7d57 100644 --- a/packages/react-components/react-overflow/tsconfig.lib.json +++ b/packages/react-components/react-overflow/tsconfig.lib.json @@ -9,6 +9,15 @@ "inlineSources": true, "types": ["static-assets", "environment"] }, - "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx", "**/*.stories.ts", "**/*.stories.tsx"], + "exclude": [ + "**/*.spec.ts", + "**/*.spec.tsx", + "**/*.test.ts", + "**/*.test.tsx", + "**/*.stories.ts", + "**/*.stories.tsx", + "**/*.cy.ts", + "**/*.cy.tsx" + ], "include": ["./src/**/*.ts", "./src/**/*.tsx"] } diff --git a/packages/react-components/react-persona/CHANGELOG.json b/packages/react-components/react-persona/CHANGELOG.json index f0c28b3520e8f..df932f91215f6 100644 --- a/packages/react-components/react-persona/CHANGELOG.json +++ b/packages/react-components/react-persona/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-persona", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:58:09 GMT", + "tag": "@fluentui/react-persona_v9.1.0-beta.3", + "version": "9.1.0-beta.3", + "comments": { + "prerelease": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-persona", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "beachball", + "package": "@fluentui/react-persona", + "comment": "Bump @fluentui/react-avatar to v9.2.6", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-persona", + "comment": "Bump @fluentui/react-badge to v9.0.12", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-persona", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-persona", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-persona", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:56 GMT", "tag": "@fluentui/react-persona_v9.1.0-beta.2", diff --git a/packages/react-components/react-persona/CHANGELOG.md b/packages/react-components/react-persona/CHANGELOG.md index c173648e67a85..e0dc471e67d73 100644 --- a/packages/react-components/react-persona/CHANGELOG.md +++ b/packages/react-components/react-persona/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-persona -This log was last generated on Wed, 02 Nov 2022 11:57:56 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:58:09 GMT and should not be manually modified. +## [9.1.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.1.0-beta.3) + +Fri, 11 Nov 2022 14:58:09 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-persona_v9.1.0-beta.2..@fluentui/react-persona_v9.1.0-beta.3) + +### Changes + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/react-avatar to v9.2.6 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-badge to v9.0.12 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.1.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.1.0-beta.2) Wed, 02 Nov 2022 11:57:56 GMT diff --git a/packages/react-components/react-persona/package.json b/packages/react-components/react-persona/package.json index 441c38ef1e389..afa7a4104de88 100644 --- a/packages/react-components/react-persona/package.json +++ b/packages/react-components/react-persona/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-persona", - "version": "9.1.0-beta.2", + "version": "9.1.0-beta.3", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -28,14 +28,14 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-avatar": "^9.2.5", - "@fluentui/react-badge": "^9.0.11", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-avatar": "^9.2.6", + "@fluentui/react-badge": "^9.0.12", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -52,5 +52,13 @@ "minor", "patch" ] + }, + "exports": { + ".": { + "types": "./dist/index.d.ts", + "import": "./lib/index.js", + "require": "./lib-commonjs/index.js" + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-persona/src/common/isConformant.ts b/packages/react-components/react-persona/src/common/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-persona/src/common/isConformant.ts +++ b/packages/react-components/react-persona/src/common/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-popover/CHANGELOG.json b/packages/react-components/react-popover/CHANGELOG.json index 774edcea36552..caa80cec1f767 100644 --- a/packages/react-components/react-popover/CHANGELOG.json +++ b/packages/react-components/react-popover/CHANGELOG.json @@ -1,6 +1,81 @@ { "name": "@fluentui/react-popover", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:58:09 GMT", + "tag": "@fluentui/react-popover_v9.3.1", + "version": "9.3.1", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-popover", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/keyboard-keys to v9.0.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-aria to v9.3.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-context-selector to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-portal to v9.0.10", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-positioning to v9.3.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-shared-contexts to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-tabster to v9.3.0", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:56 GMT", "tag": "@fluentui/react-popover_v9.3.0", diff --git a/packages/react-components/react-popover/CHANGELOG.md b/packages/react-components/react-popover/CHANGELOG.md index 78b98414fe30a..10213cf0d9e5f 100644 --- a/packages/react-components/react-popover/CHANGELOG.md +++ b/packages/react-components/react-popover/CHANGELOG.md @@ -1,9 +1,28 @@ # Change Log - @fluentui/react-popover -This log was last generated on Wed, 02 Nov 2022 11:57:56 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:58:09 GMT and should not be manually modified. +## [9.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.3.1) + +Fri, 11 Nov 2022 14:58:09 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.3.0..@fluentui/react-popover_v9.3.1) + +### Patches + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/keyboard-keys to v9.0.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-aria to v9.3.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-context-selector to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-portal to v9.0.10 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-positioning to v9.3.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-shared-contexts to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.3.0) Wed, 02 Nov 2022 11:57:56 GMT diff --git a/packages/react-components/react-popover/package.json b/packages/react-components/react-popover/package.json index f11a0bb5e0b17..bb19b07d3ba03 100644 --- a/packages/react-components/react-popover/package.json +++ b/packages/react-components/react-popover/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-popover", - "version": "9.3.0", + "version": "9.3.1", "description": "Popover component for Fluent UI", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -29,19 +29,19 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/keyboard-keys": "^9.0.0", - "@fluentui/react-aria": "^9.3.0", - "@fluentui/react-context-selector": "^9.1.0", - "@fluentui/react-portal": "^9.0.9", - "@fluentui/react-positioning": "^9.3.0", - "@fluentui/react-shared-contexts": "^9.1.0", - "@fluentui/react-tabster": "^9.2.1", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/keyboard-keys": "^9.0.1", + "@fluentui/react-aria": "^9.3.1", + "@fluentui/react-context-selector": "^9.1.1", + "@fluentui/react-portal": "^9.0.10", + "@fluentui/react-positioning": "^9.3.1", + "@fluentui/react-shared-contexts": "^9.1.1", + "@fluentui/react-tabster": "^9.3.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -60,9 +60,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-popover/src/common/isConformant.ts b/packages/react-components/react-popover/src/common/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-popover/src/common/isConformant.ts +++ b/packages/react-components/react-popover/src/common/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-portal-compat-context/CHANGELOG.json b/packages/react-components/react-portal-compat-context/CHANGELOG.json index 32e71099707f2..bd4b41b21796a 100644 --- a/packages/react-components/react-portal-compat-context/CHANGELOG.json +++ b/packages/react-components/react-portal-compat-context/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-portal-compat-context", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:32 GMT", + "tag": "@fluentui/react-portal-compat-context_v9.0.4", + "version": "9.0.4", + "comments": { + "patch": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-portal-compat-context", + "commit": "792bd72b19e360afe9ac8e9da298dc3d85776c74", + "comment": "chore: Migrate to new package structure." + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-portal-compat-context", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + } + ] + } + }, { "date": "Thu, 20 Oct 2022 08:39:41 GMT", "tag": "@fluentui/react-portal-compat-context_v9.0.3", diff --git a/packages/react-components/react-portal-compat-context/CHANGELOG.md b/packages/react-components/react-portal-compat-context/CHANGELOG.md index 4465053ef95a2..838cc10891c3f 100644 --- a/packages/react-components/react-portal-compat-context/CHANGELOG.md +++ b/packages/react-components/react-portal-compat-context/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-portal-compat-context -This log was last generated on Thu, 20 Oct 2022 08:39:41 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:32 GMT and should not be manually modified. +## [9.0.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat-context_v9.0.4) + +Fri, 11 Nov 2022 14:57:32 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat-context_v9.0.3..@fluentui/react-portal-compat-context_v9.0.4) + +### Patches + +- chore: Migrate to new package structure. ([PR #25481](https://github.com/microsoft/fluentui/pull/25481) by tristan.watanabe@gmail.com) +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + ## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat-context_v9.0.3) Thu, 20 Oct 2022 08:39:41 GMT diff --git a/packages/react-components/react-portal-compat-context/package.json b/packages/react-components/react-portal-compat-context/package.json index 974c0571017e9..de3139f14a3c5 100644 --- a/packages/react-components/react-portal-compat-context/package.json +++ b/packages/react-components/react-portal-compat-context/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-portal-compat-context", - "version": "9.0.3", + "version": "9.0.4", "description": "A package that holds React context for compatibility of React Contexts", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -38,5 +38,13 @@ "major", "prerelease" ] + }, + "exports": { + ".": { + "types": "./dist/index.d.ts", + "import": "./lib/index.js", + "require": "./lib-commonjs/index.js" + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-portal-compat/CHANGELOG.json b/packages/react-components/react-portal-compat/CHANGELOG.json index 6abc49092cc5b..6690cabd4b508 100644 --- a/packages/react-components/react-portal-compat/CHANGELOG.json +++ b/packages/react-components/react-portal-compat/CHANGELOG.json @@ -1,6 +1,53 @@ { "name": "@fluentui/react-portal-compat", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:31 GMT", + "tag": "@fluentui/react-portal-compat_v9.0.18", + "version": "9.0.18", + "comments": { + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-portal-compat", + "commit": "792bd72b19e360afe9ac8e9da298dc3d85776c74", + "comment": "chore: Migrate to new package structure." + } + ], + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-portal-compat", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal-compat", + "comment": "Bump @fluentui/react-portal-compat-context to v9.0.4", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal-compat", + "comment": "Bump @fluentui/react-tabster to v9.3.0", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal-compat", + "comment": "Bump @fluentui/react-components to v9.7.0", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal-compat", + "comment": "Bump @fluentui/react-shared-contexts to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 14:27:34 GMT", "tag": "@fluentui/react-portal-compat_v9.0.17", diff --git a/packages/react-components/react-portal-compat/CHANGELOG.md b/packages/react-components/react-portal-compat/CHANGELOG.md index b6fd6b02e6f3a..82cafe1f024cb 100644 --- a/packages/react-components/react-portal-compat/CHANGELOG.md +++ b/packages/react-components/react-portal-compat/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-portal-compat -This log was last generated on Wed, 02 Nov 2022 14:27:34 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:31 GMT and should not be manually modified. +## [9.0.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.18) + +Fri, 11 Nov 2022 14:57:31 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat_v9.0.17..@fluentui/react-portal-compat_v9.0.18) + +### Patches + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/react-portal-compat-context to v9.0.4 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-components to v9.7.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-shared-contexts to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.17) Wed, 02 Nov 2022 14:27:34 GMT diff --git a/packages/react-components/react-portal-compat/package.json b/packages/react-components/react-portal-compat/package.json index bb6779f8e9d3d..472816adae9d2 100644 --- a/packages/react-components/react-portal-compat/package.json +++ b/packages/react-components/react-portal-compat/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-portal-compat", - "version": "9.0.17", + "version": "9.0.18", "description": "A package that contains compatibility layer for React Portals", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -27,17 +27,17 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react-components": "^9.6.3", - "@fluentui/react-shared-contexts": "^9.1.0", + "@fluentui/react-components": "^9.7.0", + "@fluentui/react-shared-contexts": "^9.1.1", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-portal-compat-context": "^9.0.3", - "@fluentui/react-tabster": "^9.2.1", + "@fluentui/react-portal-compat-context": "^9.0.4", + "@fluentui/react-tabster": "^9.3.0", "tslib": "^2.1.0" }, "peerDependencies": { - "@fluentui/react-components": "^9.6.3", + "@fluentui/react-components": "^9.7.0", "@types/react": ">=16.8.0 <19.0.0", "react": ">=16.8.0 <19.0.0" }, @@ -46,5 +46,13 @@ "major", "prerelease" ] + }, + "exports": { + ".": { + "types": "./dist/index.d.ts", + "import": "./lib/index.js", + "require": "./lib-commonjs/index.js" + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-portal/CHANGELOG.json b/packages/react-components/react-portal/CHANGELOG.json index 29259175b79d0..438e1ed8684d1 100644 --- a/packages/react-components/react-portal/CHANGELOG.json +++ b/packages/react-components/react-portal/CHANGELOG.json @@ -1,6 +1,45 @@ { "name": "@fluentui/react-portal", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:31 GMT", + "tag": "@fluentui/react-portal_v9.0.10", + "version": "9.0.10", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-portal", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-portal", + "commit": "792bd72b19e360afe9ac8e9da298dc3d85776c74", + "comment": "chore: Migrate to new package structure." + }, + { + "author": "beachball", + "package": "@fluentui/react-portal", + "comment": "Bump @fluentui/react-shared-contexts to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal", + "comment": "Bump @fluentui/react-tabster to v9.3.0", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:57 GMT", "tag": "@fluentui/react-portal_v9.0.9", diff --git a/packages/react-components/react-portal/CHANGELOG.md b/packages/react-components/react-portal/CHANGELOG.md index 6dc37552e9f0d..2e366620bfd78 100644 --- a/packages/react-components/react-portal/CHANGELOG.md +++ b/packages/react-components/react-portal/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-portal -This log was last generated on Wed, 02 Nov 2022 11:57:57 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:31 GMT and should not be manually modified. +## [9.0.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.0.10) + +Fri, 11 Nov 2022 14:57:31 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal_v9.0.9..@fluentui/react-portal_v9.0.10) + +### Patches + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- chore: Migrate to new package structure. ([PR #25481](https://github.com/microsoft/fluentui/pull/25481) by tristan.watanabe@gmail.com) +- Bump @fluentui/react-shared-contexts to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.0.9) Wed, 02 Nov 2022 11:57:57 GMT diff --git a/packages/react-components/react-portal/package.json b/packages/react-components/react-portal/package.json index 9117deac6bab2..72835fef7e8f8 100644 --- a/packages/react-components/react-portal/package.json +++ b/packages/react-components/react-portal/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-portal", - "version": "9.0.9", + "version": "9.0.10", "description": "A utility component that creates portals compatible with Fluent UI", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -31,9 +31,9 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-shared-contexts": "^9.1.0", - "@fluentui/react-tabster": "^9.2.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-shared-contexts": "^9.1.1", + "@fluentui/react-tabster": "^9.3.0", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -51,9 +51,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-positioning/CHANGELOG.json b/packages/react-components/react-positioning/CHANGELOG.json index c68620be239a6..7b6c9b741eb27 100644 --- a/packages/react-components/react-positioning/CHANGELOG.json +++ b/packages/react-components/react-positioning/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-positioning", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:32 GMT", + "tag": "@fluentui/react-positioning_v9.3.1", + "version": "9.3.1", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-positioning", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "beachball", + "package": "@fluentui/react-positioning", + "comment": "Bump @fluentui/react-shared-contexts to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-positioning", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-positioning", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:57 GMT", "tag": "@fluentui/react-positioning_v9.3.0", diff --git a/packages/react-components/react-positioning/CHANGELOG.md b/packages/react-components/react-positioning/CHANGELOG.md index e39a4d3a2f814..64196f4a9b25d 100644 --- a/packages/react-components/react-positioning/CHANGELOG.md +++ b/packages/react-components/react-positioning/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-positioning -This log was last generated on Wed, 02 Nov 2022 11:57:57 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:32 GMT and should not be manually modified. +## [9.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.3.1) + +Fri, 11 Nov 2022 14:57:32 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.3.0..@fluentui/react-positioning_v9.3.1) + +### Patches + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/react-shared-contexts to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.3.0) Wed, 02 Nov 2022 11:57:57 GMT diff --git a/packages/react-components/react-positioning/package.json b/packages/react-components/react-positioning/package.json index 09558791c5474..87b7673e99d7c 100644 --- a/packages/react-components/react-positioning/package.json +++ b/packages/react-components/react-positioning/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-positioning", - "version": "9.3.0", + "version": "9.3.1", "description": "A react wrapper around Popper.js for Fluent UI", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -29,9 +29,9 @@ }, "dependencies": { "@floating-ui/dom": "^1.0.0", - "@fluentui/react-shared-contexts": "^9.1.0", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-shared-contexts": "^9.1.1", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -48,9 +48,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-progress/CHANGELOG.json b/packages/react-components/react-progress/CHANGELOG.json index dc3c7f5879c48..ea9369d63ee64 100644 --- a/packages/react-components/react-progress/CHANGELOG.json +++ b/packages/react-components/react-progress/CHANGELOG.json @@ -1,6 +1,63 @@ { "name": "@fluentui/react-progress", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:33 GMT", + "tag": "@fluentui/react-progress_v9.0.0-alpha.5", + "version": "9.0.0-alpha.5", + "comments": { + "prerelease": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-progress", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-progress", + "commit": "d8dec99eae6f1138d8dade6ec57663916a348762", + "comment": "Add styling and documentation for reduced-motion" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-progress", + "commit": "39ba7b6d4648781b979fcf694579f97b851348af", + "comment": "chore: Move ProgressField into the @fluentui/react-progress package and export as _unstable" + }, + { + "author": "beachball", + "package": "@fluentui/react-progress", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.8", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-progress", + "comment": "Bump @fluentui/react-shared-contexts to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-progress", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-progress", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-progress", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:58 GMT", "tag": "@fluentui/react-progress_v9.0.0-alpha.4", diff --git a/packages/react-components/react-progress/CHANGELOG.md b/packages/react-components/react-progress/CHANGELOG.md index 5e04b9bb1ef2b..a6bd92c6285d5 100644 --- a/packages/react-components/react-progress/CHANGELOG.md +++ b/packages/react-components/react-progress/CHANGELOG.md @@ -1,9 +1,25 @@ # Change Log - @fluentui/react-progress -This log was last generated on Wed, 02 Nov 2022 11:57:58 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:33 GMT and should not be manually modified. +## [9.0.0-alpha.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0-alpha.5) + +Fri, 11 Nov 2022 14:57:33 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.4..@fluentui/react-progress_v9.0.0-alpha.5) + +### Changes + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Add styling and documentation for reduced-motion ([PR #25563](https://github.com/microsoft/fluentui/pull/25563) by ololubek@microsoft.com) +- chore: Move ProgressField into the @fluentui/react-progress package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) +- Bump @fluentui/react-field to v9.0.0-alpha.8 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-shared-contexts to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.0-alpha.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0-alpha.4) Wed, 02 Nov 2022 11:57:58 GMT diff --git a/packages/react-components/react-progress/Spec.md b/packages/react-components/react-progress/Spec.md index a7ae7cd171947..75de53546c925 100644 --- a/packages/react-components/react-progress/Spec.md +++ b/packages/react-components/react-progress/Spec.md @@ -121,3 +121,4 @@ The Progress is non-interactive. ## Accessibility - The `determinate` Progress has the proper `aria` attributes assigned to the element that will allow screen readers to get the `max` and current `value` of the `Progress`. +- When `reduced-motion` is active, the `indeterminate` `Progress` will animate only once. Use `ProgressField` to add a `description` and `hint` message to the `Progress` bar. diff --git a/packages/react-components/react-progress/etc/react-progress.api.md b/packages/react-components/react-progress/etc/react-progress.api.md index 5c1f21cf89253..fbcfb4fbafde7 100644 --- a/packages/react-components/react-progress/etc/react-progress.api.md +++ b/packages/react-components/react-progress/etc/react-progress.api.md @@ -4,12 +4,17 @@ ```ts +/// + import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; +import { FieldControl } from '@fluentui/react-field'; +import type { FieldProps } from '@fluentui/react-field'; +import { FieldSlots } from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import * as React_2 from 'react'; import type { Slot } from '@fluentui/react-utilities'; -import type { SlotClassNames } from '@fluentui/react-utilities'; +import { SlotClassNames } from '@fluentui/react-utilities'; // @public export const Progress: ForwardRefComponent; @@ -17,6 +22,15 @@ export const Progress: ForwardRefComponent; // @public (undocumented) export const progressClassNames: SlotClassNames; +// @public (undocumented) +export const ProgressField_unstable: ForwardRefComponent; + +// @public (undocumented) +export const progressFieldClassNames: SlotClassNames>; + +// @public (undocumented) +export type ProgressFieldProps_unstable = FieldProps; + // @public export type ProgressProps = Omit, 'size'> & { shape?: 'rounded' | 'rectangular'; diff --git a/packages/react-components/react-progress/package.json b/packages/react-components/react-progress/package.json index 7a4c8cde73a3f..f12e3e33c232d 100644 --- a/packages/react-components/react-progress/package.json +++ b/packages/react-components/react-progress/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-progress", - "version": "9.0.0-alpha.4", + "version": "9.0.0-alpha.5", "description": "Progress component for FluentUI v9", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -28,13 +28,14 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-shared-contexts": "^9.1.0", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-field": "9.0.0-alpha.8", + "@fluentui/react-shared-contexts": "^9.1.1", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -50,5 +51,13 @@ "minor", "patch" ] + }, + "exports": { + ".": { + "types": "./dist/index.d.ts", + "import": "./lib/index.js", + "require": "./lib-commonjs/index.js" + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-field/src/ProgressField.ts b/packages/react-components/react-progress/src/ProgressField.ts similarity index 100% rename from packages/react-components/react-field/src/ProgressField.ts rename to packages/react-components/react-progress/src/ProgressField.ts diff --git a/packages/react-components/react-progress/src/common/isConformant.ts b/packages/react-components/react-progress/src/common/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-progress/src/common/isConformant.ts +++ b/packages/react-components/react-progress/src/common/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-progress/src/components/Progress/useProgressStyles.ts b/packages/react-components/react-progress/src/components/Progress/useProgressStyles.ts index 0260955aa8660..3a9a1dd6ddd40 100644 --- a/packages/react-components/react-progress/src/components/Progress/useProgressStyles.ts +++ b/packages/react-components/react-progress/src/components/Progress/useProgressStyles.ts @@ -98,6 +98,10 @@ const useBarStyles = makeStyles({ animationName: indeterminateProgress, animationDuration: '3s', animationIterationCount: 'infinite', + '@media screen and (prefers-reduced-motion: reduce)': { + animationDuration: '0.01ms', + animationIterationCount: '1', + }, }, rtl: { diff --git a/packages/react-components/react-field/src/components/ProgressField/ProgressField.test.tsx b/packages/react-components/react-progress/src/components/ProgressField/ProgressField.test.tsx similarity index 75% rename from packages/react-components/react-field/src/components/ProgressField/ProgressField.test.tsx rename to packages/react-components/react-progress/src/components/ProgressField/ProgressField.test.tsx index 71d0adff6888f..f4d428a293cee 100644 --- a/packages/react-components/react-field/src/components/ProgressField/ProgressField.test.tsx +++ b/packages/react-components/react-progress/src/components/ProgressField/ProgressField.test.tsx @@ -7,6 +7,20 @@ describe('ProgressField', () => { isConformant({ Component: ProgressField, displayName: 'ProgressField', + primarySlot: 'control', + testOptions: { + 'has-static-classnames': [ + { + props: { + label: 'label text', + validationState: 'error', + validationMessage: 'validation message text', + hint: 'hint text', + }, + }, + ], + }, + disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable }); // Most functionality is tested by Field.test.tsx and Progress.test.tsx diff --git a/packages/react-components/react-field/src/components/ProgressField/ProgressField.tsx b/packages/react-components/react-progress/src/components/ProgressField/ProgressField.tsx similarity index 75% rename from packages/react-components/react-field/src/components/ProgressField/ProgressField.tsx rename to packages/react-components/react-progress/src/components/ProgressField/ProgressField.tsx index 799ad6c7452fb..64c6c2f357792 100644 --- a/packages/react-components/react-field/src/components/ProgressField/ProgressField.tsx +++ b/packages/react-components/react-progress/src/components/ProgressField/ProgressField.tsx @@ -1,8 +1,13 @@ import * as React from 'react'; -import { Progress } from '@fluentui/react-progress'; +import type { FieldProps } from '@fluentui/react-field'; +import { + getFieldClassNames, + renderField_unstable, + useFieldStyles_unstable, + useField_unstable, +} from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; -import type { FieldProps } from '../../Field'; -import { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '../../Field'; +import { Progress } from '../../Progress'; export type ProgressFieldProps = FieldProps; diff --git a/packages/react-components/react-field/src/components/ProgressField/index.ts b/packages/react-components/react-progress/src/components/ProgressField/index.ts similarity index 100% rename from packages/react-components/react-field/src/components/ProgressField/index.ts rename to packages/react-components/react-progress/src/components/ProgressField/index.ts diff --git a/packages/react-components/react-progress/src/index.ts b/packages/react-components/react-progress/src/index.ts index 62dd3290f0328..7c49362a2fcdd 100644 --- a/packages/react-components/react-progress/src/index.ts +++ b/packages/react-components/react-progress/src/index.ts @@ -6,3 +6,6 @@ export { useProgressStyles_unstable, } from './Progress'; export type { ProgressProps, ProgressSlots, ProgressState } from './Progress'; + +export { ProgressField as ProgressField_unstable, progressFieldClassNames } from './ProgressField'; +export type { ProgressFieldProps as ProgressFieldProps_unstable } from './ProgressField'; diff --git a/packages/react-components/react-progress/src/stories/Progress/ProgressBestPractices.md b/packages/react-components/react-progress/src/stories/Progress/ProgressBestPractices.md index 54b3b1504fe39..6ea9714847e3f 100644 --- a/packages/react-components/react-progress/src/stories/Progress/ProgressBestPractices.md +++ b/packages/react-components/react-progress/src/stories/Progress/ProgressBestPractices.md @@ -6,6 +6,7 @@ - Display operation description - Show text above and/or below the bar - Combine steps of a single operation into one bar +- Use `ProgressField` to add a `description` and `hint` message for the `indeterminate` `Progress` when `reduced-motion` is active ### Don't diff --git a/packages/react-components/react-field/src/stories/ProgressField/ProgressFieldDefault.stories.tsx b/packages/react-components/react-progress/src/stories/ProgressField/ProgressFieldDefault.stories.tsx similarity index 67% rename from packages/react-components/react-field/src/stories/ProgressField/ProgressFieldDefault.stories.tsx rename to packages/react-components/react-progress/src/stories/ProgressField/ProgressFieldDefault.stories.tsx index 0753955e94549..c97b15d0b7c3a 100644 --- a/packages/react-components/react-field/src/stories/ProgressField/ProgressFieldDefault.stories.tsx +++ b/packages/react-components/react-progress/src/stories/ProgressField/ProgressFieldDefault.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import type { ProgressFieldProps } from '@fluentui/react-field'; -import { ProgressField } from '@fluentui/react-field'; +import type { ProgressFieldProps } from '@fluentui/react-components/unstable'; +import { ProgressField } from '@fluentui/react-components/unstable'; export const Default = (props: Partial) => ( +## [9.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.1.7) + +Fri, 11 Nov 2022 14:57:34 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.1.6..@fluentui/react-provider_v9.1.7) + +### Patches + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/react-shared-contexts to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.1.6) Wed, 02 Nov 2022 11:57:59 GMT diff --git a/packages/react-components/react-provider/package.json b/packages/react-components/react-provider/package.json index 6e3aa0e466a79..1aa3d077a19a4 100644 --- a/packages/react-components/react-provider/package.json +++ b/packages/react-components/react-provider/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-provider", - "version": "9.1.6", + "version": "9.1.7", "description": "Fluent UI React provider component", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -28,16 +28,16 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { "@griffel/core": "^1.8.1", "@griffel/react": "^1.4.2", - "@fluentui/react-shared-contexts": "^9.1.0", - "@fluentui/react-tabster": "^9.2.1", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-shared-contexts": "^9.1.1", + "@fluentui/react-tabster": "^9.3.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "tslib": "^2.1.0" }, "peerDependencies": { @@ -54,9 +54,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-provider/src/common/isConformant.ts b/packages/react-components/react-provider/src/common/isConformant.ts index 0f190c58a519e..b94dff389b235 100644 --- a/packages/react-components/react-provider/src/common/isConformant.ts +++ b/packages/react-components/react-provider/src/common/isConformant.ts @@ -5,7 +5,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), }; baseIsConformant(defaultOptions, testInfo); diff --git a/packages/react-components/react-radio/CHANGELOG.json b/packages/react-components/react-radio/CHANGELOG.json index b81513c0acdca..ae8ec3b1342e7 100644 --- a/packages/react-components/react-radio/CHANGELOG.json +++ b/packages/react-components/react-radio/CHANGELOG.json @@ -1,6 +1,69 @@ { "name": "@fluentui/react-radio", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:34 GMT", + "tag": "@fluentui/react-radio_v9.0.11", + "version": "9.0.11", + "comments": { + "patch": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "39ba7b6d4648781b979fcf694579f97b851348af", + "comment": "chore: Move RadioGroupField into the @fluentui/react-radio package and export as _unstable" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-context-selector to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.8", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-label to v9.0.10", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-tabster to v9.3.0", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:57:59 GMT", "tag": "@fluentui/react-radio_v9.0.10", diff --git a/packages/react-components/react-radio/CHANGELOG.md b/packages/react-components/react-radio/CHANGELOG.md index aa4544361d526..4a8b686f3cd3a 100644 --- a/packages/react-components/react-radio/CHANGELOG.md +++ b/packages/react-components/react-radio/CHANGELOG.md @@ -1,9 +1,26 @@ # Change Log - @fluentui/react-radio -This log was last generated on Wed, 02 Nov 2022 11:57:59 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:34 GMT and should not be manually modified. +## [9.0.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.0.11) + +Fri, 11 Nov 2022 14:57:34 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.0.10..@fluentui/react-radio_v9.0.11) + +### Patches + +- chore: Move RadioGroupField into the @fluentui/react-radio package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/react-context-selector to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-field to v9.0.0-alpha.8 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-label to v9.0.10 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.0.10) Wed, 02 Nov 2022 11:57:59 GMT diff --git a/packages/react-components/react-radio/etc/react-radio.api.md b/packages/react-components/react-radio/etc/react-radio.api.md index 83642ec6569c0..4b3dd6eb70cc9 100644 --- a/packages/react-components/react-radio/etc/react-radio.api.md +++ b/packages/react-components/react-radio/etc/react-radio.api.md @@ -10,13 +10,16 @@ import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; import { ContextSelector } from '@fluentui/react-context-selector'; import { FC } from 'react'; +import { FieldControl } from '@fluentui/react-field'; +import type { FieldProps } from '@fluentui/react-field'; +import { FieldSlots } from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { Label } from '@fluentui/react-label'; import { Provider } from 'react'; import { ProviderProps } from 'react'; import * as React_2 from 'react'; import type { Slot } from '@fluentui/react-utilities'; -import type { SlotClassNames } from '@fluentui/react-utilities'; +import { SlotClassNames } from '@fluentui/react-utilities'; // @public export const Radio: ForwardRefComponent; @@ -38,6 +41,15 @@ export type RadioGroupContextValues = { radioGroup: RadioGroupContextValue; }; +// @public (undocumented) +export const RadioGroupField_unstable: ForwardRefComponent; + +// @public (undocumented) +export const radioGroupFieldClassNames: SlotClassNames>; + +// @public (undocumented) +export type RadioGroupFieldProps_unstable = FieldProps; + // @public export type RadioGroupOnChangeData = { value: string; diff --git a/packages/react-components/react-radio/package.json b/packages/react-components/react-radio/package.json index 05429ef37aee9..28114b059a06d 100644 --- a/packages/react-components/react-radio/package.json +++ b/packages/react-components/react-radio/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-radio", - "version": "9.0.10", + "version": "9.0.11", "description": "Fluent UI Radio component", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -28,15 +28,16 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17" + "@fluentui/react-conformance-griffel": "9.0.0-beta.18" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.0", + "@fluentui/react-context-selector": "^9.1.1", + "@fluentui/react-field": "9.0.0-alpha.8", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-label": "^9.0.9", - "@fluentui/react-tabster": "^9.2.1", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-label": "^9.0.10", + "@fluentui/react-tabster": "^9.3.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -55,9 +56,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-field/src/RadioGroupField.ts b/packages/react-components/react-radio/src/RadioGroupField.ts similarity index 100% rename from packages/react-components/react-field/src/RadioGroupField.ts rename to packages/react-components/react-radio/src/RadioGroupField.ts diff --git a/packages/react-components/react-radio/src/common/isConformant.ts b/packages/react-components/react-radio/src/common/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-radio/src/common/isConformant.ts +++ b/packages/react-components/react-radio/src/common/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-field/src/components/RadioGroupField/RadioGroupField.test.tsx b/packages/react-components/react-radio/src/components/RadioGroupField/RadioGroupField.test.tsx similarity index 68% rename from packages/react-components/react-field/src/components/RadioGroupField/RadioGroupField.test.tsx rename to packages/react-components/react-radio/src/components/RadioGroupField/RadioGroupField.test.tsx index 2f4c981b14ee8..c5647f8bd2a66 100644 --- a/packages/react-components/react-field/src/components/RadioGroupField/RadioGroupField.test.tsx +++ b/packages/react-components/react-radio/src/components/RadioGroupField/RadioGroupField.test.tsx @@ -8,6 +8,20 @@ describe('RadioGroupField', () => { isConformant({ Component: RadioGroupField, displayName: 'RadioGroupField', + primarySlot: 'control', + testOptions: { + 'has-static-classnames': [ + { + props: { + label: 'label text', + validationState: 'error', + validationMessage: 'validation message text', + hint: 'hint text', + }, + }, + ], + }, + disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable }); // Most functionality is tested by Field.test.tsx, and RadioGroup's tests diff --git a/packages/react-components/react-field/src/components/RadioGroupField/RadioGroupField.tsx b/packages/react-components/react-radio/src/components/RadioGroupField/RadioGroupField.tsx similarity index 73% rename from packages/react-components/react-field/src/components/RadioGroupField/RadioGroupField.tsx rename to packages/react-components/react-radio/src/components/RadioGroupField/RadioGroupField.tsx index 418ea74b9b1a9..394a9493b30c8 100644 --- a/packages/react-components/react-field/src/components/RadioGroupField/RadioGroupField.tsx +++ b/packages/react-components/react-radio/src/components/RadioGroupField/RadioGroupField.tsx @@ -1,8 +1,13 @@ import * as React from 'react'; -import { RadioGroup } from '@fluentui/react-radio'; +import type { FieldProps } from '@fluentui/react-field'; +import { + getFieldClassNames, + renderField_unstable, + useFieldStyles_unstable, + useField_unstable, +} from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; -import type { FieldProps } from '../../Field'; -import { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '../../Field'; +import { RadioGroup } from '../../RadioGroup'; export type RadioGroupFieldProps = FieldProps; diff --git a/packages/react-components/react-field/src/components/RadioGroupField/index.ts b/packages/react-components/react-radio/src/components/RadioGroupField/index.ts similarity index 100% rename from packages/react-components/react-field/src/components/RadioGroupField/index.ts rename to packages/react-components/react-radio/src/components/RadioGroupField/index.ts diff --git a/packages/react-components/react-radio/src/index.ts b/packages/react-components/react-radio/src/index.ts index 980ca2af6b761..4488c58d851c0 100644 --- a/packages/react-components/react-radio/src/index.ts +++ b/packages/react-components/react-radio/src/index.ts @@ -16,3 +16,6 @@ export type { export { Radio, radioClassNames, renderRadio_unstable, useRadioStyles_unstable, useRadio_unstable } from './Radio'; export type { RadioProps, RadioSlots, RadioState, RadioOnChangeData } from './Radio'; export { RadioGroupProvider, useRadioGroupContextValues, useRadioGroupContext_unstable } from './contexts/index'; + +export { RadioGroupField as RadioGroupField_unstable, radioGroupFieldClassNames } from './RadioGroupField'; +export type { RadioGroupFieldProps as RadioGroupFieldProps_unstable } from './RadioGroupField'; diff --git a/packages/react-components/react-field/src/stories/RadioGroupField/RadioGroupFieldDefault.stories.tsx b/packages/react-components/react-radio/src/stories/RadioGroupField/RadioGroupFieldDefault.stories.tsx similarity index 76% rename from packages/react-components/react-field/src/stories/RadioGroupField/RadioGroupFieldDefault.stories.tsx rename to packages/react-components/react-radio/src/stories/RadioGroupField/RadioGroupFieldDefault.stories.tsx index 82d93f4a098cd..21837e5b487c9 100644 --- a/packages/react-components/react-field/src/stories/RadioGroupField/RadioGroupFieldDefault.stories.tsx +++ b/packages/react-components/react-radio/src/stories/RadioGroupField/RadioGroupFieldDefault.stories.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { Radio } from '@fluentui/react-components'; -import type { RadioGroupFieldProps } from '@fluentui/react-field'; -import { RadioGroupField } from '@fluentui/react-field'; +import type { RadioGroupFieldProps } from '@fluentui/react-components/unstable'; +import { RadioGroupField } from '@fluentui/react-components/unstable'; export const Default = (props: Partial) => ( +## [9.0.0-beta.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.0.0-beta.14) + +Fri, 11 Nov 2022 14:57:35 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.0.0-beta.13..@fluentui/react-select_v9.0.0-beta.14) + +### Changes + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- chore: Move SelectField into the @fluentui/react-select package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) +- fix: update disabled + underline styles, have all text-like form control disabled states match ([PR #25543](https://github.com/microsoft/fluentui/pull/25543) by sarah.higley@microsoft.com) +- Bump @fluentui/react-field to v9.0.0-alpha.8 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.0-beta.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.0.0-beta.13) Wed, 02 Nov 2022 11:57:59 GMT diff --git a/packages/react-components/react-select/etc/react-select.api.md b/packages/react-components/react-select/etc/react-select.api.md index d6acc6e9f5e5f..d1e56c19f7ad4 100644 --- a/packages/react-components/react-select/etc/react-select.api.md +++ b/packages/react-components/react-select/etc/react-select.api.md @@ -8,6 +8,9 @@ import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; +import { FieldControl } from '@fluentui/react-field'; +import type { FieldProps } from '@fluentui/react-field'; +import { FieldSlots } from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import * as React_2 from 'react'; import type { Slot } from '@fluentui/react-utilities'; @@ -22,6 +25,15 @@ export const Select: ForwardRefComponent; // @public (undocumented) export const selectClassNames: SlotClassNames; +// @public (undocumented) +export const SelectField_unstable: ForwardRefComponent; + +// @public (undocumented) +export const selectFieldClassNames: SlotClassNames>; + +// @public (undocumented) +export type SelectFieldProps_unstable = FieldProps; + // @public export type SelectOnChangeData = { value: string; diff --git a/packages/react-components/react-select/package.json b/packages/react-components/react-select/package.json index a740d32c80a42..b3ec8da6ed91b 100644 --- a/packages/react-components/react-select/package.json +++ b/packages/react-components/react-select/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-select", - "version": "9.0.0-beta.13", + "version": "9.0.0-beta.14", "description": "Fluent UI React Select component", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -28,12 +28,13 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17" + "@fluentui/react-conformance-griffel": "9.0.0-beta.18" }, "dependencies": { + "@fluentui/react-field": "9.0.0-alpha.8", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -53,9 +54,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-field/src/SelectField.ts b/packages/react-components/react-select/src/SelectField.ts similarity index 100% rename from packages/react-components/react-field/src/SelectField.ts rename to packages/react-components/react-select/src/SelectField.ts diff --git a/packages/react-components/react-select/src/components/Select/useSelectStyles.ts b/packages/react-components/react-select/src/components/Select/useSelectStyles.ts index d3ca00f1405f4..2111e1b26ed4b 100644 --- a/packages/react-components/react-select/src/components/Select/useSelectStyles.ts +++ b/packages/react-components/react-select/src/components/Select/useSelectStyles.ts @@ -135,13 +135,20 @@ const useSelectStyles = makeStyles({ }, disabled: { backgroundColor: tokens.colorTransparentBackground, - ...shorthands.border('1px', 'solid', tokens.colorNeutralStrokeDisabled), + ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled), color: tokens.colorNeutralForegroundDisabled, cursor: 'not-allowed', '@media (forced-colors: active)': { ...shorthands.borderColor('GrayText'), }, }, + disabledUnderline: { + ...shorthands.borderColor( + tokens.colorTransparentStrokeDisabled, + tokens.colorTransparentStrokeDisabled, + tokens.colorNeutralStrokeDisabled, + ), + }, small: { height: fieldHeights.small, @@ -261,6 +268,7 @@ export const useSelectStyles_unstable = (state: SelectState): SelectState => { !disabled && invalid && appearance !== 'underline' && selectStyles.invalid, !disabled && invalid && appearance === 'underline' && selectStyles.invalidUnderline, disabled && selectStyles.disabled, + disabled && appearance === 'underline' && selectStyles.disabledUnderline, state.select.className, ); diff --git a/packages/react-components/react-select/src/components/SelectField/SelectField.test.tsx b/packages/react-components/react-select/src/components/SelectField/SelectField.test.tsx new file mode 100644 index 0000000000000..cbdfc9eb2c981 --- /dev/null +++ b/packages/react-components/react-select/src/components/SelectField/SelectField.test.tsx @@ -0,0 +1,25 @@ +import { isConformant } from '../../testing/isConformant'; +import { SelectField } from './SelectField'; + +describe('SelectField', () => { + isConformant({ + Component: SelectField, + displayName: 'SelectField', + primarySlot: 'control', + testOptions: { + 'has-static-classnames': [ + { + props: { + label: 'label text', + validationState: 'error', + validationMessage: 'validation message text', + hint: 'hint text', + }, + }, + ], + }, + disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable + }); + + // Most functionality is tested by Field.test.tsx, and Select's tests +}); diff --git a/packages/react-components/react-field/src/components/SelectField/SelectField.tsx b/packages/react-components/react-select/src/components/SelectField/SelectField.tsx similarity index 70% rename from packages/react-components/react-field/src/components/SelectField/SelectField.tsx rename to packages/react-components/react-select/src/components/SelectField/SelectField.tsx index b7c72dc584521..bd07722505d81 100644 --- a/packages/react-components/react-field/src/components/SelectField/SelectField.tsx +++ b/packages/react-components/react-select/src/components/SelectField/SelectField.tsx @@ -1,8 +1,13 @@ import * as React from 'react'; -import { Select } from '@fluentui/react-select'; +import type { FieldProps } from '@fluentui/react-field'; +import { + getFieldClassNames, + renderField_unstable, + useFieldStyles_unstable, + useField_unstable, +} from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; -import type { FieldProps } from '../../Field'; -import { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '../../Field'; +import { Select } from '../../Select'; export type SelectFieldProps = FieldProps; diff --git a/packages/react-components/react-field/src/components/SelectField/index.ts b/packages/react-components/react-select/src/components/SelectField/index.ts similarity index 100% rename from packages/react-components/react-field/src/components/SelectField/index.ts rename to packages/react-components/react-select/src/components/SelectField/index.ts diff --git a/packages/react-components/react-select/src/index.ts b/packages/react-components/react-select/src/index.ts index cdee7bc148ca6..a580ba518797e 100644 --- a/packages/react-components/react-select/src/index.ts +++ b/packages/react-components/react-select/src/index.ts @@ -6,3 +6,6 @@ export { useSelect_unstable, } from './Select'; export type { SelectOnChangeData, SelectProps, SelectSlots, SelectState } from './Select'; + +export { SelectField as SelectField_unstable, selectFieldClassNames } from './SelectField'; +export type { SelectFieldProps as SelectFieldProps_unstable } from './SelectField'; diff --git a/packages/react-components/react-select/src/testing/isConformant.ts b/packages/react-components/react-select/src/testing/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-select/src/testing/isConformant.ts +++ b/packages/react-components/react-select/src/testing/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-field/src/stories/SelectField/SelectFieldDefault.stories.tsx b/packages/react-components/react-select/stories/SelectField/SelectFieldDefault.stories.tsx similarity index 75% rename from packages/react-components/react-field/src/stories/SelectField/SelectFieldDefault.stories.tsx rename to packages/react-components/react-select/stories/SelectField/SelectFieldDefault.stories.tsx index e60c75361f714..ecde8d705b396 100644 --- a/packages/react-components/react-field/src/stories/SelectField/SelectFieldDefault.stories.tsx +++ b/packages/react-components/react-select/stories/SelectField/SelectFieldDefault.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import type { SelectFieldProps } from '@fluentui/react-field'; -import { SelectField } from '@fluentui/react-field'; +import type { SelectFieldProps } from '@fluentui/react-components/unstable'; +import { SelectField } from '@fluentui/react-components/unstable'; export const Default = (props: Partial) => ( +## [9.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-shared-contexts_v9.1.1) + +Fri, 11 Nov 2022 14:57:36 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-shared-contexts_v9.1.0..@fluentui/react-shared-contexts_v9.1.1) + +### Patches + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-shared-contexts_v9.1.0) Wed, 02 Nov 2022 11:58:00 GMT diff --git a/packages/react-components/react-shared-contexts/package.json b/packages/react-components/react-shared-contexts/package.json index 31fdb35357f6b..86e53dc464339 100644 --- a/packages/react-components/react-shared-contexts/package.json +++ b/packages/react-components/react-shared-contexts/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-shared-contexts", - "version": "9.1.0", + "version": "9.1.1", "description": "Fluent UI React Contexts shared by multiple components.", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -27,7 +27,7 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-theme": "^9.1.1", + "@fluentui/react-theme": "^9.1.2", "tslib": "^2.1.0" }, "peerDependencies": { @@ -42,9 +42,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-skeleton/package.json b/packages/react-components/react-skeleton/package.json index 61b102519f726..f6b23e2a0ea9b 100644 --- a/packages/react-components/react-skeleton/package.json +++ b/packages/react-components/react-skeleton/package.json @@ -25,12 +25,12 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -50,8 +50,8 @@ "exports": { ".": { "types": "./dist/index.d.ts", - "import": "./lib\\index.js", - "require": "./lib-commonjs\\index.js" + "import": "./lib/index.js", + "require": "./lib-commonjs/index.js" }, "./package.json": "./package.json" } diff --git a/packages/react-components/react-slider/CHANGELOG.json b/packages/react-components/react-slider/CHANGELOG.json index 53cf297154c60..822b418055f82 100644 --- a/packages/react-components/react-slider/CHANGELOG.json +++ b/packages/react-components/react-slider/CHANGELOG.json @@ -1,6 +1,71 @@ { "name": "@fluentui/react-slider", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:37 GMT", + "tag": "@fluentui/react-slider_v9.0.10", + "version": "9.0.10", + "comments": { + "patch": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-slider", + "commit": "39ba7b6d4648781b979fcf694579f97b851348af", + "comment": "chore: Move SliderField into the @fluentui/react-slider package and export as _unstable" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.8", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-shared-contexts to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-tabster to v9.3.0", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-label to v9.0.10", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ], + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-slider", + "commit": "87859b052155ca206ef3540a2a9623803f6e2b93", + "comment": "test: replace deprecated module.parent with require.main within isConformance" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:58:00 GMT", "tag": "@fluentui/react-slider_v9.0.9", diff --git a/packages/react-components/react-slider/CHANGELOG.md b/packages/react-components/react-slider/CHANGELOG.md index 28bb524d47d68..54bcc4ce7a343 100644 --- a/packages/react-components/react-slider/CHANGELOG.md +++ b/packages/react-components/react-slider/CHANGELOG.md @@ -1,9 +1,25 @@ # Change Log - @fluentui/react-slider -This log was last generated on Wed, 02 Nov 2022 11:58:00 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:37 GMT and should not be manually modified. +## [9.0.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.0.10) + +Fri, 11 Nov 2022 14:57:37 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.0.9..@fluentui/react-slider_v9.0.10) + +### Patches + +- chore: Move SliderField into the @fluentui/react-slider package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) +- Bump @fluentui/react-field to v9.0.0-alpha.8 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-shared-contexts to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-label to v9.0.10 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.0.9) Wed, 02 Nov 2022 11:58:00 GMT diff --git a/packages/react-components/react-slider/etc/react-slider.api.md b/packages/react-components/react-slider/etc/react-slider.api.md index 2f1a515f1c83a..852b0f0c50298 100644 --- a/packages/react-components/react-slider/etc/react-slider.api.md +++ b/packages/react-components/react-slider/etc/react-slider.api.md @@ -4,12 +4,17 @@ ```ts +/// + import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; +import { FieldControl } from '@fluentui/react-field'; +import type { FieldProps } from '@fluentui/react-field'; +import { FieldSlots } from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import * as React_2 from 'react'; import type { Slot } from '@fluentui/react-utilities'; -import type { SlotClassNames } from '@fluentui/react-utilities'; +import { SlotClassNames } from '@fluentui/react-utilities'; // @public export const renderSlider_unstable: (state: SliderState) => JSX.Element; @@ -27,6 +32,15 @@ export const sliderCSSVars: { sliderStepsPercentVar: string; }; +// @public (undocumented) +export const SliderField_unstable: ForwardRefComponent; + +// @public (undocumented) +export const sliderFieldClassNames: SlotClassNames>; + +// @public (undocumented) +export type SliderFieldProps_unstable = FieldProps; + // @public (undocumented) export type SliderOnChangeData = { value: number; diff --git a/packages/react-components/react-slider/package.json b/packages/react-components/react-slider/package.json index 800cab78693f8..8e08df8a1a701 100644 --- a/packages/react-components/react-slider/package.json +++ b/packages/react-components/react-slider/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-slider", - "version": "9.0.9", + "version": "9.0.10", "description": "Fluent UI React Slider component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,16 +27,17 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", - "@fluentui/react-label": "^9.0.9", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", + "@fluentui/react-label": "^9.0.10", "@fluentui/scripts": "^1.0.0" }, "dependencies": { "@griffel/react": "^1.4.2", - "@fluentui/react-shared-contexts": "^9.1.0", - "@fluentui/react-tabster": "^9.2.1", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-field": "9.0.0-alpha.8", + "@fluentui/react-shared-contexts": "^9.1.1", + "@fluentui/react-tabster": "^9.3.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-field/src/SliderField.ts b/packages/react-components/react-slider/src/SliderField.ts similarity index 100% rename from packages/react-components/react-field/src/SliderField.ts rename to packages/react-components/react-slider/src/SliderField.ts diff --git a/packages/react-components/react-slider/src/components/SliderField/SliderField.test.tsx b/packages/react-components/react-slider/src/components/SliderField/SliderField.test.tsx new file mode 100644 index 0000000000000..ca1606cd43b4b --- /dev/null +++ b/packages/react-components/react-slider/src/components/SliderField/SliderField.test.tsx @@ -0,0 +1,25 @@ +import { isConformant } from '../../testing/isConformant'; +import { SliderField } from './SliderField'; + +describe('SliderField', () => { + isConformant({ + Component: SliderField, + displayName: 'SliderField', + primarySlot: 'control', + testOptions: { + 'has-static-classnames': [ + { + props: { + label: 'label text', + validationState: 'error', + validationMessage: 'validation message text', + hint: 'hint text', + }, + }, + ], + }, + disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable + }); + + // Most functionality is tested by Field.test.tsx, and Slider's tests +}); diff --git a/packages/react-components/react-field/src/components/SliderField/SliderField.tsx b/packages/react-components/react-slider/src/components/SliderField/SliderField.tsx similarity index 70% rename from packages/react-components/react-field/src/components/SliderField/SliderField.tsx rename to packages/react-components/react-slider/src/components/SliderField/SliderField.tsx index d18166e094af5..ef628533d66aa 100644 --- a/packages/react-components/react-field/src/components/SliderField/SliderField.tsx +++ b/packages/react-components/react-slider/src/components/SliderField/SliderField.tsx @@ -1,8 +1,13 @@ import * as React from 'react'; -import { Slider } from '@fluentui/react-slider'; +import type { FieldProps } from '@fluentui/react-field'; +import { + getFieldClassNames, + renderField_unstable, + useFieldStyles_unstable, + useField_unstable, +} from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; -import type { FieldProps } from '../../Field'; -import { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '../../Field'; +import { Slider } from '../../Slider'; export type SliderFieldProps = FieldProps; diff --git a/packages/react-components/react-field/src/components/SliderField/index.ts b/packages/react-components/react-slider/src/components/SliderField/index.ts similarity index 100% rename from packages/react-components/react-field/src/components/SliderField/index.ts rename to packages/react-components/react-slider/src/components/SliderField/index.ts diff --git a/packages/react-components/react-slider/src/index.ts b/packages/react-components/react-slider/src/index.ts index ab4888c042fc3..d5e2b01a479cf 100644 --- a/packages/react-components/react-slider/src/index.ts +++ b/packages/react-components/react-slider/src/index.ts @@ -8,3 +8,6 @@ export { useSlider_unstable, } from './Slider'; export type { SliderOnChangeData, SliderProps, SliderSlots, SliderState } from './Slider'; + +export { SliderField as SliderField_unstable, sliderFieldClassNames } from './SliderField'; +export type { SliderFieldProps as SliderFieldProps_unstable } from './SliderField'; diff --git a/packages/react-components/react-slider/src/testing/isConformant.ts b/packages/react-components/react-slider/src/testing/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-slider/src/testing/isConformant.ts +++ b/packages/react-components/react-slider/src/testing/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-field/src/stories/SliderField/SliderFieldDefault.stories.tsx b/packages/react-components/react-slider/stories/SliderField/SliderFieldDefault.stories.tsx similarity index 66% rename from packages/react-components/react-field/src/stories/SliderField/SliderFieldDefault.stories.tsx rename to packages/react-components/react-slider/stories/SliderField/SliderFieldDefault.stories.tsx index 379213912df5b..244d293216ac3 100644 --- a/packages/react-components/react-field/src/stories/SliderField/SliderFieldDefault.stories.tsx +++ b/packages/react-components/react-slider/stories/SliderField/SliderFieldDefault.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import type { SliderFieldProps } from '@fluentui/react-field'; -import { SliderField } from '@fluentui/react-field'; +import type { SliderFieldProps } from '@fluentui/react-components/unstable'; +import { SliderField } from '@fluentui/react-components/unstable'; export const Default = (props: Partial) => ( +## [9.0.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.0.8) + +Fri, 11 Nov 2022 14:57:38 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.0.7..@fluentui/react-spinbutton_v9.0.8) + +### Patches + +- chore: Move SpinButtonField into the @fluentui/react-spinbutton package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) +- fix: update disabled + underline and filled styles to match other text-like form control styles ([PR #25543](https://github.com/microsoft/fluentui/pull/25543) by sarah.higley@microsoft.com) +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/keyboard-keys to v9.0.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-field to v9.0.0-alpha.8 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-input to v9.2.5 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-label to v9.0.10 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.0.7) Wed, 02 Nov 2022 11:58:01 GMT diff --git a/packages/react-components/react-spinbutton/etc/react-spinbutton.api.md b/packages/react-components/react-spinbutton/etc/react-spinbutton.api.md index 4f5b687318f89..e62b4eb5ce9bc 100644 --- a/packages/react-components/react-spinbutton/etc/react-spinbutton.api.md +++ b/packages/react-components/react-spinbutton/etc/react-spinbutton.api.md @@ -8,6 +8,9 @@ import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; +import { FieldControl } from '@fluentui/react-field'; +import type { FieldProps } from '@fluentui/react-field'; +import { FieldSlots } from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import * as React_2 from 'react'; import type { Slot } from '@fluentui/react-utilities'; @@ -28,6 +31,15 @@ export type SpinButtonChangeEvent = React_2.MouseEvent | Reac // @public (undocumented) export const spinButtonClassNames: SlotClassNames; +// @public (undocumented) +export const SpinButtonField_unstable: ForwardRefComponent; + +// @public (undocumented) +export const spinButtonFieldClassNames: SlotClassNames>; + +// @public (undocumented) +export type SpinButtonFieldProps_unstable = FieldProps; + // @public (undocumented) export type SpinButtonOnChangeData = { value?: number | null; diff --git a/packages/react-components/react-spinbutton/package.json b/packages/react-components/react-spinbutton/package.json index e2bcd6e5bca60..52063f002826a 100644 --- a/packages/react-components/react-spinbutton/package.json +++ b/packages/react-components/react-spinbutton/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-spinbutton", - "version": "9.0.7", + "version": "9.0.8", "description": "Fluent UI React SpinButton component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -28,17 +28,18 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", - "@fluentui/react-label": "^9.0.9", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", + "@fluentui/react-label": "^9.0.10", "@fluentui/scripts": "^1.0.0" }, "dependencies": { "@griffel/react": "^1.4.2", - "@fluentui/keyboard-keys": "^9.0.0", + "@fluentui/keyboard-keys": "^9.0.1", + "@fluentui/react-field": "9.0.0-alpha.8", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-input": "^9.2.4", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-input": "^9.2.5", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "tslib": "^2.1.0" }, "peerDependencies": { @@ -55,9 +56,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-field/src/SpinButtonField.ts b/packages/react-components/react-spinbutton/src/SpinButtonField.ts similarity index 100% rename from packages/react-components/react-field/src/SpinButtonField.ts rename to packages/react-components/react-spinbutton/src/SpinButtonField.ts diff --git a/packages/react-components/react-spinbutton/src/common/isConformant.ts b/packages/react-components/react-spinbutton/src/common/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-spinbutton/src/common/isConformant.ts +++ b/packages/react-components/react-spinbutton/src/common/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-spinbutton/src/components/SpinButton/useSpinButtonStyles.ts b/packages/react-components/react-spinbutton/src/components/SpinButton/useSpinButtonStyles.ts index 24c48d243c87f..4fa4ac75003ed 100644 --- a/packages/react-components/react-spinbutton/src/components/SpinButton/useSpinButtonStyles.ts +++ b/packages/react-components/react-spinbutton/src/components/SpinButton/useSpinButtonStyles.ts @@ -136,27 +136,12 @@ const useRootStyles = makeStyles({ }, disabled: { - '@media (forced-colors: active)': { - ...shorthands.borderColor('GrayText'), - }, - }, - - outlineDisabled: { '::before': { - ...shorthands.border('1px', 'solid', tokens.colorNeutralStrokeDisabled), - ...shorthands.borderRadius(tokens.borderRadiusMedium), // because underline doesn't usually have a radius - }, - }, + ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled), - underlineDisabled: { - '::before': { - ...shorthands.borderBottom('1px', 'solid', tokens.colorTransparentStrokeDisabled), - }, - }, - - filledDisabled: { - '::before': { - ...shorthands.border('1px', 'solid', tokens.colorTransparentStrokeDisabled), + '@media (forced-colors: active)': { + ...shorthands.borderColor('GrayText'), + }, }, }, }); @@ -448,9 +433,6 @@ export const useSpinButtonStyles_unstable = (state: SpinButtonState): SpinButton !disabled && filled && rootStyles.filledInteractive, !disabled && invalid && rootStyles.invalid, disabled && rootStyles.disabled, - disabled && appearance === 'outline' && rootStyles.outlineDisabled, - disabled && appearance === 'underline' && rootStyles.underlineDisabled, - disabled && filled && rootStyles.filledDisabled, rootClassName, // Make sure any original class name is applied last ); diff --git a/packages/react-components/react-spinbutton/src/components/SpinButtonField/SpinButtonField.test.tsx b/packages/react-components/react-spinbutton/src/components/SpinButtonField/SpinButtonField.test.tsx new file mode 100644 index 0000000000000..d78df05fd8423 --- /dev/null +++ b/packages/react-components/react-spinbutton/src/components/SpinButtonField/SpinButtonField.test.tsx @@ -0,0 +1,25 @@ +import { isConformant } from '../../common/isConformant'; +import { SpinButtonField } from './SpinButtonField'; + +describe('SpinButtonField', () => { + isConformant({ + Component: SpinButtonField, + displayName: 'SpinButtonField', + primarySlot: 'control', + testOptions: { + 'has-static-classnames': [ + { + props: { + label: 'label text', + validationState: 'error', + validationMessage: 'validation message text', + hint: 'hint text', + }, + }, + ], + }, + disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable + }); + + // Most functionality is tested by Field.test.tsx, and SpinButton's tests +}); diff --git a/packages/react-components/react-field/src/components/SpinButtonField/SpinButtonField.tsx b/packages/react-components/react-spinbutton/src/components/SpinButtonField/SpinButtonField.tsx similarity index 71% rename from packages/react-components/react-field/src/components/SpinButtonField/SpinButtonField.tsx rename to packages/react-components/react-spinbutton/src/components/SpinButtonField/SpinButtonField.tsx index 7a4137415fc3f..b28be0199f37b 100644 --- a/packages/react-components/react-field/src/components/SpinButtonField/SpinButtonField.tsx +++ b/packages/react-components/react-spinbutton/src/components/SpinButtonField/SpinButtonField.tsx @@ -1,8 +1,13 @@ import * as React from 'react'; -import { SpinButton } from '@fluentui/react-spinbutton'; +import type { FieldProps } from '@fluentui/react-field'; +import { + getFieldClassNames, + renderField_unstable, + useFieldStyles_unstable, + useField_unstable, +} from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; -import type { FieldProps } from '../../Field'; -import { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '../../Field'; +import { SpinButton } from '../../SpinButton'; export type SpinButtonFieldProps = FieldProps; diff --git a/packages/react-components/react-field/src/components/SpinButtonField/index.ts b/packages/react-components/react-spinbutton/src/components/SpinButtonField/index.ts similarity index 100% rename from packages/react-components/react-field/src/components/SpinButtonField/index.ts rename to packages/react-components/react-spinbutton/src/components/SpinButtonField/index.ts diff --git a/packages/react-components/react-spinbutton/src/index.ts b/packages/react-components/react-spinbutton/src/index.ts index 3f33ebd3d253b..6f3e63c275cef 100644 --- a/packages/react-components/react-spinbutton/src/index.ts +++ b/packages/react-components/react-spinbutton/src/index.ts @@ -14,3 +14,6 @@ export type { SpinButtonSpinState, SpinButtonBounds, } from './SpinButton'; + +export { SpinButtonField as SpinButtonField_unstable, spinButtonFieldClassNames } from './SpinButtonField'; +export type { SpinButtonFieldProps as SpinButtonFieldProps_unstable } from './SpinButtonField'; diff --git a/packages/react-components/react-field/src/stories/SpinButtonField/SpinButtonFieldDefault.stories.tsx b/packages/react-components/react-spinbutton/src/stories/SpinButtonField/SpinButtonFieldDefault.stories.tsx similarity index 65% rename from packages/react-components/react-field/src/stories/SpinButtonField/SpinButtonFieldDefault.stories.tsx rename to packages/react-components/react-spinbutton/src/stories/SpinButtonField/SpinButtonFieldDefault.stories.tsx index d6f13812086b9..d3187db0f38e6 100644 --- a/packages/react-components/react-field/src/stories/SpinButtonField/SpinButtonFieldDefault.stories.tsx +++ b/packages/react-components/react-spinbutton/src/stories/SpinButtonField/SpinButtonFieldDefault.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import type { SpinButtonFieldProps } from '@fluentui/react-field'; -import { SpinButtonField } from '@fluentui/react-field'; +import type { SpinButtonFieldProps } from '@fluentui/react-components/unstable'; +import { SpinButtonField } from '@fluentui/react-components/unstable'; export const Default = (props: Partial) => ( +## [9.0.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.0.10) + +Fri, 11 Nov 2022 14:57:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinner_v9.0.9..@fluentui/react-spinner_v9.0.10) + +### Patches + +- Add documentation for Spinner when reduced-motion is active ([PR #25561](https://github.com/microsoft/fluentui/pull/25561) by ololubek@microsoft.com) +- chore: Replacing use of hard-coded constants with curve and duration tokens from theme. ([PR #25522](https://github.com/microsoft/fluentui/pull/25522) by humberto_makoto@hotmail.com) +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-label to v9.0.10 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.0.9) Wed, 02 Nov 2022 11:58:02 GMT diff --git a/packages/react-components/react-spinner/Spec.md b/packages/react-components/react-spinner/Spec.md index e28dc0f114140..380ef7ead3d85 100644 --- a/packages/react-components/react-spinner/Spec.md +++ b/packages/react-components/react-spinner/Spec.md @@ -118,3 +118,5 @@ The Spinner is non-interactive. - **Touch** - Nothing ## Accessibility + +When reduced motion, is active the `indeterminate` `Spinner` will rotate once and then stop animating. diff --git a/packages/react-components/react-spinner/package.json b/packages/react-components/react-spinner/package.json index ba7835eb2ac05..ac5dba95ea14b 100644 --- a/packages/react-components/react-spinner/package.json +++ b/packages/react-components/react-spinner/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-spinner", - "version": "9.0.9", + "version": "9.0.10", "description": "Spinner component for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -28,13 +28,13 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-label": "^9.0.9", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-label": "^9.0.10", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -52,9 +52,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-spinner/src/common/isConformant.ts b/packages/react-components/react-spinner/src/common/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-spinner/src/common/isConformant.ts +++ b/packages/react-components/react-spinner/src/common/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-spinner/src/stories/Spinner/SpinnerBestPractices.md b/packages/react-components/react-spinner/src/stories/Spinner/SpinnerBestPractices.md index 5c3d196e5ab83..be456ed8de8a2 100644 --- a/packages/react-components/react-spinner/src/stories/Spinner/SpinnerBestPractices.md +++ b/packages/react-components/react-spinner/src/stories/Spinner/SpinnerBestPractices.md @@ -10,6 +10,7 @@ - Use one Spinner at a time. - Descriptive verbs are appropriate under a Spinner to help the user understand what's happening. Ie: Saving, processing, updating. - Use a Spinner when confirming a change has been made or a task is being processed. +- Add a description to a Spinner when reduced-motion is active ### Don't diff --git a/packages/react-components/react-storybook-addon/package.json b/packages/react-components/react-storybook-addon/package.json index c6d0ec9460613..8a9797b4c657c 100644 --- a/packages/react-components/react-storybook-addon/package.json +++ b/packages/react-components/react-storybook-addon/package.json @@ -5,7 +5,7 @@ "description": "fluentui react storybook addon", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -30,8 +30,8 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-provider": "^9.1.6", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-provider": "^9.1.7", "tslib": "^2.1.0" }, "peerDependencies": { @@ -52,12 +52,13 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" }, "./preset": { "require": "./preset.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-storybook/package.json b/packages/react-components/react-storybook/package.json index bc359b1a35ec5..c9d48f70198f9 100644 --- a/packages/react-components/react-storybook/package.json +++ b/packages/react-components/react-storybook/package.json @@ -5,7 +5,7 @@ "description": "Storybook addons and utils for @fluentui/react-components", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -28,8 +28,8 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-provider": "^9.1.6", - "@fluentui/react-theme": "^9.1.1", + "@fluentui/react-provider": "^9.1.7", + "@fluentui/react-theme": "^9.1.2", "tslib": "^2.1.0" }, "peerDependencies": { @@ -45,9 +45,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-switch/CHANGELOG.json b/packages/react-components/react-switch/CHANGELOG.json index 24959d5cea79b..6153e638c8f4f 100644 --- a/packages/react-components/react-switch/CHANGELOG.json +++ b/packages/react-components/react-switch/CHANGELOG.json @@ -1,6 +1,75 @@ { "name": "@fluentui/react-switch", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:40 GMT", + "tag": "@fluentui/react-switch_v9.0.11", + "version": "9.0.11", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-switch", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-switch", + "commit": "ef2a48de9977e1dc5a370a3c27360eabe5afc71a", + "comment": "bugfix: adds line-height=0 to switch indicator slot" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-switch", + "commit": "39ba7b6d4648781b979fcf694579f97b851348af", + "comment": "chore: Move SwitchField into the @fluentui/react-switch package and export as _unstable" + }, + { + "author": "humberto_makoto@hotmail.com", + "package": "@fluentui/react-switch", + "commit": "81a3171e14fcaead04c6cf3fbf8eda962178b442", + "comment": "chore: Replacing use of hard-coded constants with curve and duration tokens from theme." + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.8", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-label to v9.0.10", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-tabster to v9.3.0", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:58:02 GMT", "tag": "@fluentui/react-switch_v9.0.10", diff --git a/packages/react-components/react-switch/CHANGELOG.md b/packages/react-components/react-switch/CHANGELOG.md index 1240b1bbb8577..ccc3ecdced574 100644 --- a/packages/react-components/react-switch/CHANGELOG.md +++ b/packages/react-components/react-switch/CHANGELOG.md @@ -1,9 +1,27 @@ # Change Log - @fluentui/react-switch -This log was last generated on Wed, 02 Nov 2022 11:58:02 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:40 GMT and should not be manually modified. +## [9.0.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.11) + +Fri, 11 Nov 2022 14:57:40 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.10..@fluentui/react-switch_v9.0.11) + +### Patches + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- bugfix: adds line-height=0 to switch indicator slot ([PR #25507](https://github.com/microsoft/fluentui/pull/25507) by bernardo.sunderhus@gmail.com) +- chore: Move SwitchField into the @fluentui/react-switch package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) +- chore: Replacing use of hard-coded constants with curve and duration tokens from theme. ([PR #25522](https://github.com/microsoft/fluentui/pull/25522) by humberto_makoto@hotmail.com) +- Bump @fluentui/react-field to v9.0.0-alpha.8 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-label to v9.0.10 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.10) Wed, 02 Nov 2022 11:58:02 GMT diff --git a/packages/react-components/react-switch/etc/react-switch.api.md b/packages/react-components/react-switch/etc/react-switch.api.md index 6a8b8a437e0fb..24cb88d73ad60 100644 --- a/packages/react-components/react-switch/etc/react-switch.api.md +++ b/packages/react-components/react-switch/etc/react-switch.api.md @@ -8,11 +8,14 @@ import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; +import { FieldControl } from '@fluentui/react-field'; +import type { FieldProps } from '@fluentui/react-field'; +import { FieldSlots } from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { Label } from '@fluentui/react-label'; import * as React_2 from 'react'; import type { Slot } from '@fluentui/react-utilities'; -import type { SlotClassNames } from '@fluentui/react-utilities'; +import { SlotClassNames } from '@fluentui/react-utilities'; // @public export const renderSwitch_unstable: (state: SwitchState) => JSX.Element; @@ -26,6 +29,15 @@ export const switchClassName: string; // @public (undocumented) export const switchClassNames: SlotClassNames; +// @public (undocumented) +export const SwitchField_unstable: ForwardRefComponent; + +// @public (undocumented) +export const switchFieldClassNames: SlotClassNames>; + +// @public (undocumented) +export type SwitchFieldProps_unstable = Omit, 'labelPosition'>; + // @public (undocumented) export type SwitchOnChangeData = { checked: boolean; diff --git a/packages/react-components/react-switch/package.json b/packages/react-components/react-switch/package.json index 5a9fa48d0f42e..41b6a9f424497 100644 --- a/packages/react-components/react-switch/package.json +++ b/packages/react-components/react-switch/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-switch", - "version": "9.0.10", + "version": "9.0.11", "description": "Fluent UI React Switch component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -28,15 +28,16 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { + "@fluentui/react-field": "9.0.0-alpha.8", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-label": "^9.0.9", - "@fluentui/react-tabster": "^9.2.1", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-label": "^9.0.10", + "@fluentui/react-tabster": "^9.3.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -54,9 +55,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-field/src/SwitchField.ts b/packages/react-components/react-switch/src/SwitchField.ts similarity index 100% rename from packages/react-components/react-field/src/SwitchField.ts rename to packages/react-components/react-switch/src/SwitchField.ts diff --git a/packages/react-components/react-switch/src/common/isConformant.ts b/packages/react-components/react-switch/src/common/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-switch/src/common/isConformant.ts +++ b/packages/react-components/react-switch/src/common/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts b/packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts index f0124a5bc9286..11f43114c38cb 100644 --- a/packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts +++ b/packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts @@ -42,6 +42,7 @@ const useIndicatorStyles = makeStyles({ ...shorthands.borderRadius(tokens.borderRadiusCircular), ...shorthands.borderStyle('solid'), ...shorthands.borderWidth('1px'), + lineHeight: 0, boxSizing: 'border-box', fill: 'currentColor', flexShrink: 0, diff --git a/packages/react-components/react-switch/src/components/SwitchField/SwitchField.test.tsx b/packages/react-components/react-switch/src/components/SwitchField/SwitchField.test.tsx new file mode 100644 index 0000000000000..624e647345aed --- /dev/null +++ b/packages/react-components/react-switch/src/components/SwitchField/SwitchField.test.tsx @@ -0,0 +1,25 @@ +import { isConformant } from '../../common/isConformant'; +import { SwitchField } from './SwitchField'; + +describe('SwitchField', () => { + isConformant({ + Component: SwitchField, + displayName: 'SwitchField', + primarySlot: 'control', + testOptions: { + 'has-static-classnames': [ + { + props: { + label: 'label text', + validationState: 'error', + validationMessage: 'validation message text', + hint: 'hint text', + }, + }, + ], + }, + disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable + }); + + // Most functionality is tested by Field.test.tsx, and Switch's tests +}); diff --git a/packages/react-components/react-field/src/components/SwitchField/SwitchField.tsx b/packages/react-components/react-switch/src/components/SwitchField/SwitchField.tsx similarity index 76% rename from packages/react-components/react-field/src/components/SwitchField/SwitchField.tsx rename to packages/react-components/react-switch/src/components/SwitchField/SwitchField.tsx index e1d1e85161a6d..c4ec08a0a5a28 100644 --- a/packages/react-components/react-field/src/components/SwitchField/SwitchField.tsx +++ b/packages/react-components/react-switch/src/components/SwitchField/SwitchField.tsx @@ -1,8 +1,13 @@ import * as React from 'react'; -import { Switch } from '@fluentui/react-switch'; +import type { FieldProps } from '@fluentui/react-field'; +import { + getFieldClassNames, + renderField_unstable, + useFieldStyles_unstable, + useField_unstable, +} from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; -import type { FieldProps } from '../../Field'; -import { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '../../Field'; +import { Switch } from '../../Switch'; // The Field's `label` prop overrides the Switch's built-in `label`. // Therefore, the Switch's `labelPosition` has no effect and is omitted to avoid confusion. diff --git a/packages/react-components/react-field/src/components/SwitchField/index.ts b/packages/react-components/react-switch/src/components/SwitchField/index.ts similarity index 100% rename from packages/react-components/react-field/src/components/SwitchField/index.ts rename to packages/react-components/react-switch/src/components/SwitchField/index.ts diff --git a/packages/react-components/react-switch/src/index.ts b/packages/react-components/react-switch/src/index.ts index 6ca6e3524f037..7e59ba75a2077 100644 --- a/packages/react-components/react-switch/src/index.ts +++ b/packages/react-components/react-switch/src/index.ts @@ -8,3 +8,6 @@ export { useSwitch_unstable, } from './Switch'; export type { SwitchOnChangeData, SwitchProps, SwitchSlots, SwitchState } from './Switch'; + +export { SwitchField as SwitchField_unstable, switchFieldClassNames } from './SwitchField'; +export type { SwitchFieldProps as SwitchFieldProps_unstable } from './SwitchField'; diff --git a/packages/react-components/react-field/src/stories/SwitchField/SwitchFieldDefault.stories.tsx b/packages/react-components/react-switch/src/stories/SwitchField/SwitchFieldDefault.stories.tsx similarity index 66% rename from packages/react-components/react-field/src/stories/SwitchField/SwitchFieldDefault.stories.tsx rename to packages/react-components/react-switch/src/stories/SwitchField/SwitchFieldDefault.stories.tsx index 83ed3b328182e..5a1f434c8544f 100644 --- a/packages/react-components/react-field/src/stories/SwitchField/SwitchFieldDefault.stories.tsx +++ b/packages/react-components/react-switch/src/stories/SwitchField/SwitchFieldDefault.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import type { SwitchFieldProps } from '@fluentui/react-field'; -import { SwitchField } from '@fluentui/react-field'; +import type { SwitchFieldProps } from '@fluentui/react-components/unstable'; +import { SwitchField } from '@fluentui/react-components/unstable'; export const Default = (props: Partial) => ( +## [9.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.0.0-alpha.11) + +Fri, 11 Nov 2022 14:57:41 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.0.0-alpha.10..@fluentui/react-table_v9.0.0-alpha.11) + +### Changes + +- feat: Implement child render function for DataGrid rows ([PR #25476](https://github.com/microsoft/fluentui/pull/25476) by lingfangao@hotmail.com) +- feat: Implement `focusMode` prop for DataGrid, apply role="grid" correctly ([PR #25530](https://github.com/microsoft/fluentui/pull/25530) by lingfangao@hotmail.com) +- BREAKING: ColumnDefinition type is stricter, use createColumn to create column definition. Implments render function for DataGridRow. ([PR #25495](https://github.com/microsoft/fluentui/pull/25495) by lingfangao@hotmail.com) +- Bump @fluentui/react-aria to v9.3.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-avatar to v9.2.6 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-checkbox to v9.0.12 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-context-selector to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-radio to v9.0.11 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.0.0-alpha.10) Wed, 02 Nov 2022 14:27:34 GMT diff --git a/packages/react-components/react-table/package.json b/packages/react-components/react-table/package.json index 0e387a205defb..7c5adf1720f33 100644 --- a/packages/react-components/react-table/package.json +++ b/packages/react-components/react-table/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-table", - "version": "9.0.0-alpha.10", + "version": "9.0.0-alpha.11", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -26,19 +26,19 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-aria": "^9.3.0", - "@fluentui/react-avatar": "^9.2.5", - "@fluentui/react-checkbox": "^9.0.11", - "@fluentui/react-context-selector": "^9.1.0", + "@fluentui/react-aria": "^9.3.1", + "@fluentui/react-avatar": "^9.2.6", + "@fluentui/react-checkbox": "^9.0.12", + "@fluentui/react-context-selector": "^9.1.1", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-radio": "^9.0.10", - "@fluentui/react-tabster": "^9.2.1", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-radio": "^9.0.11", + "@fluentui/react-tabster": "^9.3.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-table/src/testing/isConformant.ts b/packages/react-components/react-table/src/testing/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-table/src/testing/isConformant.ts +++ b/packages/react-components/react-table/src/testing/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-tabs/CHANGELOG.json b/packages/react-components/react-tabs/CHANGELOG.json index 07e9329dc9901..1bbcbd56a165c 100644 --- a/packages/react-components/react-tabs/CHANGELOG.json +++ b/packages/react-components/react-tabs/CHANGELOG.json @@ -1,6 +1,73 @@ { "name": "@fluentui/react-tabs", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:43 GMT", + "tag": "@fluentui/react-tabs_v9.1.0", + "version": "9.1.0", + "comments": { + "patch": [ + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-tabs", + "commit": "715bd7f0686e1080ec0cbbdb5aa14c0d6ef18498", + "comment": "Added support for regular/filled icon toggling" + } + ], + "minor": [ + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-tabs", + "commit": "b0f2a9accff1456c09a3df81b46a7e84191cb3d6", + "comment": "Added support for reserving space for selected state" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-tabs", + "commit": "d5d03853c4aabcf7cedd715caddd987ba44c1a60", + "comment": "Added large size tabs" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-context-selector to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-tabster to v9.3.0", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ], + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-tabs", + "commit": "87859b052155ca206ef3540a2a9623803f6e2b93", + "comment": "test: replace deprecated module.parent with require.main within isConformance" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:58:03 GMT", "tag": "@fluentui/react-tabs_v9.0.10", diff --git a/packages/react-components/react-tabs/CHANGELOG.md b/packages/react-components/react-tabs/CHANGELOG.md index 45a4ff5d185c9..fb657dacc82a9 100644 --- a/packages/react-components/react-tabs/CHANGELOG.md +++ b/packages/react-components/react-tabs/CHANGELOG.md @@ -1,9 +1,28 @@ # Change Log - @fluentui/react-tabs -This log was last generated on Wed, 02 Nov 2022 11:58:03 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:43 GMT and should not be manually modified. +## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.1.0) + +Fri, 11 Nov 2022 14:57:43 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.0.10..@fluentui/react-tabs_v9.1.0) + +### Minor changes + +- Added support for reserving space for selected state ([PR #25542](https://github.com/microsoft/fluentui/pull/25542) by gcox@microsoft.com) +- Added large size tabs ([PR #25577](https://github.com/microsoft/fluentui/pull/25577) by gcox@microsoft.com) +- Bump @fluentui/react-context-selector to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + +### Patches + +- Added support for regular/filled icon toggling ([PR #25597](https://github.com/microsoft/fluentui/pull/25597) by gcox@microsoft.com) + ## [9.0.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.0.10) Wed, 02 Nov 2022 11:58:03 GMT diff --git a/packages/react-components/react-tabs/etc/react-tabs.api.md b/packages/react-components/react-tabs/etc/react-tabs.api.md index f0fbcd191e0bf..c33bf17db18d1 100644 --- a/packages/react-components/react-tabs/etc/react-tabs.api.md +++ b/packages/react-components/react-tabs/etc/react-tabs.api.md @@ -44,7 +44,7 @@ export const TabList: ForwardRefComponent; export const tabListClassNames: SlotClassNames; // @public (undocumented) -export type TabListContextValue = Pick & Required> & { +export type TabListContextValue = Pick & Required> & { onRegister: RegisterTabEventHandler; onUnregister: RegisterTabEventHandler; onSelect: SelectTabEventHandler; @@ -63,11 +63,12 @@ export type TabListContextValues = { // @public export type TabListProps = ComponentProps & { appearance?: 'transparent' | 'subtle'; + reserveSelectedTabSpace?: boolean; defaultSelectedValue?: TabValue; disabled?: boolean; onTabSelect?: SelectTabEventHandler; selectedValue?: TabValue; - size?: 'small' | 'medium'; + size?: 'small' | 'medium' | 'large'; vertical?: boolean; }; @@ -103,7 +104,8 @@ export type TabState = ComponentState & Pick & Requ appearance?: 'transparent' | 'subtle'; iconOnly: boolean; selected: boolean; - size: 'small' | 'medium'; + contentReservedSpaceClassName?: string; + size: 'small' | 'medium' | 'large'; vertical: boolean; }; diff --git a/packages/react-components/react-tabs/package.json b/packages/react-components/react-tabs/package.json index c5b703b41837f..f4ef8fb7a2546 100644 --- a/packages/react-components/react-tabs/package.json +++ b/packages/react-components/react-tabs/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-tabs", - "version": "9.0.10", + "version": "9.1.0", "description": "Fluent UI React tabs components", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -26,14 +26,14 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.0", - "@fluentui/react-tabster": "^9.2.1", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-context-selector": "^9.1.1", + "@fluentui/react-tabster": "^9.3.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-tabs/src/components/Tab/Tab.test.tsx b/packages/react-components/react-tabs/src/components/Tab/Tab.test.tsx index 0bfe4c8b30548..f65b2260b4c7d 100644 --- a/packages/react-components/react-tabs/src/components/Tab/Tab.test.tsx +++ b/packages/react-components/react-tabs/src/components/Tab/Tab.test.tsx @@ -77,6 +77,10 @@ describe('Tab', () => { ['vertical', { ...defaultContext, vertical: true }], ['small size', { ...defaultContext, size: 'small' }], ['small size and vertical', { ...defaultContext, size: 'small', vertical: true }], + ['medium size', { ...defaultContext, size: 'medium' }], + ['medium size and vertical', { ...defaultContext, size: 'medium', vertical: true }], + ['large size', { ...defaultContext, size: 'large' }], + ['large size and vertical', { ...defaultContext, size: 'large', vertical: true }], ])('renders %s correctly with icon slotted', (_testName, tabList) => { const contextValues = { tabList: tabList as TabListContextValue, diff --git a/packages/react-components/react-tabs/src/components/Tab/Tab.types.ts b/packages/react-components/react-tabs/src/components/Tab/Tab.types.ts index 1adf14d42b0a7..90c327bcc56b3 100644 --- a/packages/react-components/react-tabs/src/components/Tab/Tab.types.ts +++ b/packages/react-components/react-tabs/src/components/Tab/Tab.types.ts @@ -57,9 +57,14 @@ export type TabState = ComponentState & */ selected: boolean; /** - * A tab can be either 'small' or 'medium' size. + * When defined, tab content with selected style is rendered hidden to reserve space. + * This keeps consistent content size between unselected and selected states. */ - size: 'small' | 'medium'; + contentReservedSpaceClassName?: string; + /** + * A tab can be either 'small', 'medium', or 'large' size. + */ + size: 'small' | 'medium' | 'large'; /** * A tab can arrange its content based on if the tabs in the list are arranged vertically. */ diff --git a/packages/react-components/react-tabs/src/components/Tab/__snapshots__/Tab.test.tsx.snap b/packages/react-components/react-tabs/src/components/Tab/__snapshots__/Tab.test.tsx.snap index 5deffaabbc5ac..079f2ffe7f583 100644 --- a/packages/react-components/react-tabs/src/components/Tab/__snapshots__/Tab.test.tsx.snap +++ b/packages/react-components/react-tabs/src/components/Tab/__snapshots__/Tab.test.tsx.snap @@ -74,6 +74,154 @@ exports[`Tab renders default correctly with icon slotted 1`] = `
`; +exports[`Tab renders large size and vertical correctly with icon slotted 1`] = ` +
+ +
+`; + +exports[`Tab renders large size correctly with icon slotted 1`] = ` +
+ +
+`; + +exports[`Tab renders medium size and vertical correctly with icon slotted 1`] = ` +
+ +
+`; + +exports[`Tab renders medium size correctly with icon slotted 1`] = ` +
+ +
+`; + exports[`Tab renders small size and vertical correctly with icon slotted 1`] = `
@@ -70,6 +80,11 @@ exports[`TabList renders tabs with default selected tab 1`] = ` > First + + First +
@@ -133,6 +153,11 @@ exports[`TabList renders with tabs 1`] = ` > First + + First + diff --git a/packages/react-components/react-tabs/src/components/TabList/useTabList.ts b/packages/react-components/react-tabs/src/components/TabList/useTabList.ts index 102f1f425d5be..4feebdc563d48 100644 --- a/packages/react-components/react-tabs/src/components/TabList/useTabList.ts +++ b/packages/react-components/react-tabs/src/components/TabList/useTabList.ts @@ -19,7 +19,14 @@ import { TabValue } from '../Tab/Tab.types'; * @param ref - reference to root HTMLElement of TabList */ export const useTabList_unstable = (props: TabListProps, ref: React.Ref): TabListState => { - const { appearance = 'transparent', disabled = false, onTabSelect, size = 'medium', vertical = false } = props; + const { + appearance = 'transparent', + reserveSelectedTabSpace = true, + disabled = false, + onTabSelect, + size = 'medium', + vertical = false, + } = props; const innerRef = React.useRef(null); @@ -81,6 +88,7 @@ export const useTabList_unstable = (props: TabListProps, ref: React.Ref( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-tabs/stories/Tabs/TabListDisabled.stories.tsx b/packages/react-components/react-tabs/stories/Tabs/TabListDisabled.stories.tsx index 9d04cca2a10f9..391a24613174a 100644 --- a/packages/react-components/react-tabs/stories/Tabs/TabListDisabled.stories.tsx +++ b/packages/react-components/react-tabs/stories/Tabs/TabListDisabled.stories.tsx @@ -1,6 +1,8 @@ import * as React from 'react'; -import { CalendarMonthRegular } from '@fluentui/react-icons'; import { makeStyles, shorthands, Tab, TabList } from '@fluentui/react-components'; +import { CalendarMonthRegular, CalendarMonthFilled, bundleIcon } from '@fluentui/react-icons'; + +const CalendarMonth = bundleIcon(CalendarMonthFilled, CalendarMonthRegular); const useStyles = makeStyles({ root: { @@ -19,30 +21,30 @@ export const Disabled = () => { return (
- } value="tab1"> + } value="tab1"> First Tab - } value="tab2"> + } value="tab2"> Second Tab - } value="tab3"> + } value="tab3"> Third Tab - } value="tab4"> + } value="tab4"> Fourth Tab - } value="tab1"> + } value="tab1"> First Tab - } value="tab2" disabled> + } value="tab2" disabled> Second Tab - } value="tab3" disabled> + } value="tab3" disabled> Third Tab - } value="tab4"> + } value="tab4"> Fourth Tab diff --git a/packages/react-components/react-tabs/stories/Tabs/TabListIconOnly.stories.tsx b/packages/react-components/react-tabs/stories/Tabs/TabListIconOnly.stories.tsx index 3784a927662d0..2558cbd7d6692 100644 --- a/packages/react-components/react-tabs/stories/Tabs/TabListIconOnly.stories.tsx +++ b/packages/react-components/react-tabs/stories/Tabs/TabListIconOnly.stories.tsx @@ -1,6 +1,8 @@ import * as React from 'react'; import { makeStyles, shorthands, Tab, TabList } from '@fluentui/react-components'; -import { CalendarMonthRegular } from '@fluentui/react-icons'; +import { CalendarMonthRegular, CalendarMonthFilled, bundleIcon } from '@fluentui/react-icons'; + +const CalendarMonth = bundleIcon(CalendarMonthFilled, CalendarMonthRegular); const useStyles = makeStyles({ root: { @@ -19,10 +21,10 @@ export const IconOnly = () => { const renderTabs = () => { return ( <> - } value="tab1" aria-label="First Tab" /> - } value="tab2" aria-label="Second Tab" /> - } value="tab3" aria-label="Third Tab" /> - } value="tab4" aria-label="Fourth Tab" /> + } value="tab1" aria-label="First Tab" /> + } value="tab2" aria-label="Second Tab" /> + } value="tab3" aria-label="Third Tab" /> + } value="tab4" aria-label="Fourth Tab" /> ); }; diff --git a/packages/react-components/react-tabs/stories/Tabs/TabListSizeLarge.stories.tsx b/packages/react-components/react-tabs/stories/Tabs/TabListSizeLarge.stories.tsx new file mode 100644 index 0000000000000..a49ec82f30005 --- /dev/null +++ b/packages/react-components/react-tabs/stories/Tabs/TabListSizeLarge.stories.tsx @@ -0,0 +1,52 @@ +import * as React from 'react'; +import { makeStyles, shorthands, Tab, TabList } from '@fluentui/react-components'; +import { CalendarMonthRegular, CalendarMonthFilled, bundleIcon } from '@fluentui/react-icons'; + +const CalendarMonth = bundleIcon(CalendarMonthFilled, CalendarMonthRegular); + +const useStyles = makeStyles({ + root: { + alignItems: 'flex-start', + display: 'flex', + flexDirection: 'column', + justifyContent: 'flex-start', + ...shorthands.padding('50px', '20px'), + rowGap: '20px', + }, +}); + +export const SizeLarge = () => { + const styles = useStyles(); + + const renderTabs = () => { + return ( + <> + First Tab + } value="tab2"> + Second Tab + + Third Tab + Fourth Tab + + ); + }; + + return ( +
+ + {renderTabs()} + + + {renderTabs()} + +
+ ); +}; + +SizeLarge.parameters = { + docs: { + description: { + story: 'A tab list can have `large` tabs.', + }, + }, +}; diff --git a/packages/react-components/react-tabs/stories/Tabs/TabListSizeMedium.stories.tsx b/packages/react-components/react-tabs/stories/Tabs/TabListSizeMedium.stories.tsx index 1556bfdbf4c76..fc9ccc9644dbd 100644 --- a/packages/react-components/react-tabs/stories/Tabs/TabListSizeMedium.stories.tsx +++ b/packages/react-components/react-tabs/stories/Tabs/TabListSizeMedium.stories.tsx @@ -1,6 +1,8 @@ import * as React from 'react'; -import { CalendarMonthRegular } from '@fluentui/react-icons'; import { makeStyles, shorthands, Tab, TabList } from '@fluentui/react-components'; +import { CalendarMonthRegular, CalendarMonthFilled, bundleIcon } from '@fluentui/react-icons'; + +const CalendarMonth = bundleIcon(CalendarMonthFilled, CalendarMonthRegular); const useStyles = makeStyles({ root: { @@ -20,7 +22,7 @@ export const SizeMedium = () => { return ( <> First Tab - } value="tab2"> + } value="tab2"> Second Tab Third Tab @@ -44,7 +46,7 @@ export const SizeMedium = () => { SizeMedium.parameters = { docs: { description: { - story: 'A tab list can have `medium` tabs. The default size is `medium`.', + story: 'A tab list can have `medium` tabs (default).', }, }, }; diff --git a/packages/react-components/react-tabs/stories/Tabs/TabListSizeSmall.stories.tsx b/packages/react-components/react-tabs/stories/Tabs/TabListSizeSmall.stories.tsx index a2fa3919159cc..5f42c51ffc0b3 100644 --- a/packages/react-components/react-tabs/stories/Tabs/TabListSizeSmall.stories.tsx +++ b/packages/react-components/react-tabs/stories/Tabs/TabListSizeSmall.stories.tsx @@ -1,6 +1,8 @@ import * as React from 'react'; -import { CalendarMonthRegular } from '@fluentui/react-icons'; import { makeStyles, shorthands, Tab, TabList } from '@fluentui/react-components'; +import { CalendarMonthRegular, CalendarMonthFilled, bundleIcon } from '@fluentui/react-icons'; + +const CalendarMonth = bundleIcon(CalendarMonthFilled, CalendarMonthRegular); const useStyles = makeStyles({ root: { @@ -20,7 +22,7 @@ export const SizeSmall = () => { return ( <> First Tab - } value="tab2"> + } value="tab2"> Second Tab Third Tab @@ -44,7 +46,7 @@ export const SizeSmall = () => { SizeSmall.parameters = { docs: { description: { - story: 'A tab list can have `small` tabs. The default size is `medium`.', + story: 'A tab list can have `small` tabs.', }, }, }; diff --git a/packages/react-components/react-tabs/stories/Tabs/TabListWithIcon.stories.tsx b/packages/react-components/react-tabs/stories/Tabs/TabListWithIcon.stories.tsx index d0cec89484a6f..21e8aad3d0de1 100644 --- a/packages/react-components/react-tabs/stories/Tabs/TabListWithIcon.stories.tsx +++ b/packages/react-components/react-tabs/stories/Tabs/TabListWithIcon.stories.tsx @@ -1,6 +1,8 @@ import * as React from 'react'; import { makeStyles, shorthands, Tab, TabList } from '@fluentui/react-components'; -import { CalendarMonthRegular } from '@fluentui/react-icons'; +import { CalendarMonthRegular, CalendarMonthFilled, bundleIcon } from '@fluentui/react-icons'; + +const CalendarMonth = bundleIcon(CalendarMonthFilled, CalendarMonthRegular); const useStyles = makeStyles({ root: { @@ -19,16 +21,16 @@ export const WithIcon = () => { const renderTabs = () => { return ( <> - } value="tab1"> + } value="tab1"> First Tab - } value="tab2"> + } value="tab2"> Second Tab - } value="tab3"> + } value="tab3"> Third Tab - } value="tab4"> + } value="tab4"> Fourth Tab diff --git a/packages/react-components/react-tabs/stories/Tabs/TabListWithOverflow.stories.tsx b/packages/react-components/react-tabs/stories/Tabs/TabListWithOverflow.stories.tsx index cf1a82741c3e3..3d49411ce603c 100644 --- a/packages/react-components/react-tabs/stories/Tabs/TabListWithOverflow.stories.tsx +++ b/packages/react-components/react-tabs/stories/Tabs/TabListWithOverflow.stories.tsx @@ -25,10 +25,32 @@ import { CalendarWeekStartRegular, CalendarWorkWeekRegular, MoreHorizontalRegular, + Calendar3DayFilled, + CalendarAgendaFilled, + CalendarChatFilled, + CalendarDayFilled, + CalendarMonthFilled, + CalendarSearchFilled, + CalendarTodayFilled, + CalendarWeekStartFilled, + CalendarWorkWeekFilled, + MoreHorizontalFilled, + bundleIcon, } from '@fluentui/react-icons'; import { useIsOverflowItemVisible, useOverflowMenu, Overflow, OverflowItem } from '@fluentui/react-overflow'; import type { ARIAButtonElement } from '@fluentui/react-aria'; +const Calendar3Day = bundleIcon(Calendar3DayFilled, Calendar3DayRegular); +const CalendarAgenda = bundleIcon(CalendarAgendaFilled, CalendarAgendaRegular); +const CalendarChat = bundleIcon(CalendarChatFilled, CalendarChatRegular); +const CalendarDay = bundleIcon(CalendarDayFilled, CalendarDayRegular); +const CalendarMonth = bundleIcon(CalendarMonthFilled, CalendarMonthRegular); +const CalendarSearch = bundleIcon(CalendarSearchFilled, CalendarSearchRegular); +const CalendarToday = bundleIcon(CalendarTodayFilled, CalendarTodayRegular); +const CalendarWeekStart = bundleIcon(CalendarWeekStartFilled, CalendarWeekStartRegular); +const CalendarWorkWeek = bundleIcon(CalendarWorkWeekFilled, CalendarWorkWeekRegular); +const MoreHorizontal = bundleIcon(MoreHorizontalFilled, MoreHorizontalRegular); + //----- Example Tab Data -----// type ExampleTab = { @@ -41,47 +63,47 @@ const tabs: ExampleTab[] = [ { id: 'today', name: 'Today', - icon: , + icon: , }, { id: 'agenda', name: 'Agenda', - icon: , + icon: , }, { id: 'day', name: 'Day', - icon: , + icon: , }, { id: 'threeDay', name: 'Three Day', - icon: , + icon: , }, { id: 'workWeek', name: 'Work Week', - icon: , + icon: , }, { id: 'week', name: 'Week', - icon: , + icon: , }, { id: 'month', name: 'Month', - icon: , + icon: , }, { id: 'search', name: 'Search', - icon: , + icon: , }, { id: 'chat', name: 'Conversations', - icon: , + icon: , }, ]; @@ -149,7 +171,7 @@ const OverflowMenu = (props: OverflowMenuProps) => { appearance="transparent" className={styles.menuButton} ref={ref} - icon={} + icon={} aria-label={`${overflowCount} more tabs`} role="tab" /> diff --git a/packages/react-components/react-tabs/stories/Tabs/TabListWithPanels.stories.tsx b/packages/react-components/react-tabs/stories/Tabs/TabListWithPanels.stories.tsx index 39d5b3d9c4bde..0514f8c39a82c 100644 --- a/packages/react-components/react-tabs/stories/Tabs/TabListWithPanels.stories.tsx +++ b/packages/react-components/react-tabs/stories/Tabs/TabListWithPanels.stories.tsx @@ -1,8 +1,20 @@ import * as React from 'react'; import { makeStyles, shorthands, tokens, Tab, TabList } from '@fluentui/react-components'; -import { AirplaneRegular, AirplaneTakeOffRegular, TimeAndWeatherRegular } from '@fluentui/react-icons'; +import { + AirplaneRegular, + AirplaneFilled, + AirplaneTakeOffRegular, + AirplaneTakeOffFilled, + TimeAndWeatherRegular, + TimeAndWeatherFilled, + bundleIcon, +} from '@fluentui/react-icons'; import type { SelectTabData, SelectTabEvent, TabValue } from '@fluentui/react-components'; +const Airplane = bundleIcon(AirplaneFilled, AirplaneRegular); +const AirplaneTakeOff = bundleIcon(AirplaneTakeOffFilled, AirplaneTakeOffRegular); +const TimeAndWeather = bundleIcon(TimeAndWeatherFilled, TimeAndWeatherRegular); + const useStyles = makeStyles({ root: { alignItems: 'flex-start', @@ -124,13 +136,13 @@ export const WithPanels = () => { return (
- } value="arrivals"> + } value="arrivals"> Arrivals - } value="departures"> + } value="departures"> Departures - } value="conditions"> + } value="conditions"> Conditions diff --git a/packages/react-components/react-tabs/stories/Tabs/index.stories.tsx b/packages/react-components/react-tabs/stories/Tabs/index.stories.tsx index 5d32983f18283..8f8a906b3fab8 100644 --- a/packages/react-components/react-tabs/stories/Tabs/index.stories.tsx +++ b/packages/react-components/react-tabs/stories/Tabs/index.stories.tsx @@ -10,6 +10,7 @@ export { Appearance } from './TabListAppearance.stories'; export { Disabled } from './TabListDisabled.stories'; export { SizeSmall } from './TabListSizeSmall.stories'; export { SizeMedium } from './TabListSizeMedium.stories'; +export { SizeLarge } from './TabListSizeLarge.stories'; export { WithIcon } from './TabListWithIcon.stories'; export { IconOnly } from './TabListIconOnly.stories'; export { WithOverflow } from './TabListWithOverflow.stories'; diff --git a/packages/react-components/react-tabster/CHANGELOG.json b/packages/react-components/react-tabster/CHANGELOG.json index e5b0bb0a919c5..aba1e96702433 100644 --- a/packages/react-components/react-tabster/CHANGELOG.json +++ b/packages/react-components/react-tabster/CHANGELOG.json @@ -1,6 +1,47 @@ { "name": "@fluentui/react-tabster", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:44 GMT", + "tag": "@fluentui/react-tabster_v9.3.0", + "version": "9.3.0", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-tabster", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + } + ], + "minor": [ + { + "author": "chassunc@microsoft.com", + "package": "@fluentui/react-tabster", + "commit": "65b289ef0e47b684365058f16b50587a5fae8633", + "comment": "Add both options to axis config" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabster", + "comment": "Bump @fluentui/react-shared-contexts to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabster", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabster", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:58:04 GMT", "tag": "@fluentui/react-tabster_v9.2.1", diff --git a/packages/react-components/react-tabster/CHANGELOG.md b/packages/react-components/react-tabster/CHANGELOG.md index 813c511f2ed73..e1a2c8962911b 100644 --- a/packages/react-components/react-tabster/CHANGELOG.md +++ b/packages/react-components/react-tabster/CHANGELOG.md @@ -1,9 +1,25 @@ # Change Log - @fluentui/react-tabster -This log was last generated on Wed, 02 Nov 2022 11:58:04 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:44 GMT and should not be manually modified. +## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.3.0) + +Fri, 11 Nov 2022 14:57:44 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.2.1..@fluentui/react-tabster_v9.3.0) + +### Minor changes + +- Add both options to axis config ([PR #25568](https://github.com/microsoft/fluentui/pull/25568) by chassunc@microsoft.com) +- Bump @fluentui/react-shared-contexts to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + +### Patches + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + ## [9.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.2.1) Wed, 02 Nov 2022 11:58:04 GMT diff --git a/packages/react-components/react-tabster/etc/react-tabster.api.md b/packages/react-components/react-tabster/etc/react-tabster.api.md index 6cd1a8a36a220..af80d9164e99d 100644 --- a/packages/react-components/react-tabster/etc/react-tabster.api.md +++ b/packages/react-components/react-tabster/etc/react-tabster.api.md @@ -47,7 +47,7 @@ export const useArrowNavigationGroup: (options?: UseArrowNavigationGroupOptions) // @public (undocumented) export interface UseArrowNavigationGroupOptions { - axis?: 'vertical' | 'horizontal' | 'grid'; + axis?: 'vertical' | 'horizontal' | 'grid' | 'both'; circular?: boolean; ignoreDefaultKeydown?: Types.FocusableProps['ignoreKeydown']; memorizeCurrent?: boolean; diff --git a/packages/react-components/react-tabster/package.json b/packages/react-components/react-tabster/package.json index ae642a039f692..58b5874dbadaa 100644 --- a/packages/react-components/react-tabster/package.json +++ b/packages/react-components/react-tabster/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-tabster", - "version": "9.2.1", + "version": "9.3.0", "description": "Utilities for focus management and facade for tabster", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -32,9 +32,9 @@ }, "dependencies": { "@griffel/react": "^1.4.2", - "@fluentui/react-shared-contexts": "^9.1.0", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-shared-contexts": "^9.1.1", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "keyborg": "^1.2.1", "tabster": "^3.0.4", "tslib": "^2.1.0" @@ -53,9 +53,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-tabster/src/hooks/useArrowNavigationGroup.ts b/packages/react-components/react-tabster/src/hooks/useArrowNavigationGroup.ts index 7d89faec820a1..b9deb02e889db 100644 --- a/packages/react-components/react-tabster/src/hooks/useArrowNavigationGroup.ts +++ b/packages/react-components/react-tabster/src/hooks/useArrowNavigationGroup.ts @@ -7,7 +7,7 @@ export interface UseArrowNavigationGroupOptions { * Focus will navigate vertically, horizontally or in both directions (grid), defaults to horizontally * @defaultValue vertical */ - axis?: 'vertical' | 'horizontal' | 'grid'; + axis?: 'vertical' | 'horizontal' | 'grid' | 'both'; /** * Focus will cycle to the first/last elements of the group without stopping */ @@ -43,8 +43,8 @@ export const useArrowNavigationGroup = (options: UseArrowNavigationGroupOptions mover: { cyclic: !!circular, direction: axisToMoverDirection(axis ?? 'vertical'), - memorizeCurrent: memorizeCurrent, - tabbable: tabbable, + memorizeCurrent, + tabbable, }, ...(ignoreDefaultKeydown && { focusable: { @@ -60,6 +60,8 @@ function axisToMoverDirection(axis: UseArrowNavigationGroupOptions['axis']): Typ return Types.MoverDirections.Horizontal; case 'grid': return Types.MoverDirections.Grid; + case 'both': + return Types.MoverDirections.Both; case 'vertical': default: diff --git a/packages/react-components/react-text/CHANGELOG.json b/packages/react-components/react-text/CHANGELOG.json index 9d870ca1edfc6..148066453defb 100644 --- a/packages/react-components/react-text/CHANGELOG.json +++ b/packages/react-components/react-text/CHANGELOG.json @@ -1,6 +1,47 @@ { "name": "@fluentui/react-text", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:45 GMT", + "tag": "@fluentui/react-text_v9.1.6", + "version": "9.1.6", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-text", + "commit": "87859b052155ca206ef3540a2a9623803f6e2b93", + "comment": "test: replace deprecated module.parent with require.main within isConformance" + }, + { + "author": "marcosvmmoura@gmail.com", + "package": "@fluentui/react-text", + "commit": "69f16cd042b061b118b3d8b45d556eee3acd02a3", + "comment": "refactor Text documentation and add missing guidance for presets/alignment" + } + ], + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-text", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-text", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-text", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:58:04 GMT", "tag": "@fluentui/react-text_v9.1.5", diff --git a/packages/react-components/react-text/CHANGELOG.md b/packages/react-components/react-text/CHANGELOG.md index 21f347edcac01..830be7a454ae3 100644 --- a/packages/react-components/react-text/CHANGELOG.md +++ b/packages/react-components/react-text/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-text -This log was last generated on Wed, 02 Nov 2022 11:58:04 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:45 GMT and should not be manually modified. +## [9.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.1.6) + +Fri, 11 Nov 2022 14:57:45 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.1.5..@fluentui/react-text_v9.1.6) + +### Patches + +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.1.5) Wed, 02 Nov 2022 11:58:04 GMT diff --git a/packages/react-components/react-text/package.json b/packages/react-components/react-text/package.json index 6c207be8ae1fa..6e673215b7599 100644 --- a/packages/react-components/react-text/package.json +++ b/packages/react-components/react-text/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-text", - "version": "9.1.5", + "version": "9.1.6", "description": "Text is a typography and styling abstraction component that can be used to ensure the consistency of all text across your application.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,13 +27,13 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { "@griffel/react": "^1.4.2", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-text/src/testing/isConformant.ts b/packages/react-components/react-text/src/testing/isConformant.ts index 0b5699b4265cc..55b0ea70534bb 100644 --- a/packages/react-components/react-text/src/testing/isConformant.ts +++ b/packages/react-components/react-text/src/testing/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, testOptions: { 'make-styles-overrides-win': { diff --git a/packages/react-components/react-text/stories/Text/Default.stories.tsx b/packages/react-components/react-text/stories/Text/Default.stories.tsx index 7236387cb183f..903b1dc887df4 100644 --- a/packages/react-components/react-text/stories/Text/Default.stories.tsx +++ b/packages/react-components/react-text/stories/Text/Default.stories.tsx @@ -1,18 +1,4 @@ import * as React from 'react'; -import { makeStyles, Text } from '@fluentui/react-components'; -import type { TextProps } from '@fluentui/react-components'; +import { Text } from '@fluentui/react-components'; -const useStyles = makeStyles({ - container: { - width: '100px', - }, -}); - -export const Default = (props: TextProps) => { - const styles = useStyles(); - return ( -
- This is an example of the Text component's usage. -
- ); -}; +export const Default = () => This is an example of the Text component's usage.; diff --git a/packages/react-components/react-text/stories/Text/TextAlignment.stories.tsx b/packages/react-components/react-text/stories/Text/TextAlignment.stories.tsx new file mode 100644 index 0000000000000..078c8c00dd3da --- /dev/null +++ b/packages/react-components/react-text/stories/Text/TextAlignment.stories.tsx @@ -0,0 +1,30 @@ +import * as React from 'react'; +import { makeStyles, shorthands, Text } from '@fluentui/react-components'; + +const useStyles = makeStyles({ + container: { + ...shorthands.gap('16px'), + display: 'flex', + flexDirection: 'column', + alignItems: 'stretch', + }, +}); + +export const Alignment = () => { + const styles = useStyles(); + + return ( +
+ Aligned to start + Aligned to center + Aligned to end + + Justified text: Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium accusamus voluptate autem? + Recusandae alias corporis dicta quisquam sequi molestias deleniti, libero necessitatibus, eligendi, omnis cumque + enim asperiores quasi quidem sit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus repellat + consectetur, sed aperiam ex nulla repellendus tempora vero illo aliquam autem! Impedit ipsa praesentium vero + veritatis unde eos, fuga magnam! + +
+ ); +}; diff --git a/packages/react-components/react-text/stories/Text/TextBestPractices.md b/packages/react-components/react-text/stories/Text/TextBestPractices.md index 1ba2c4a948e45..96a21338813b5 100644 --- a/packages/react-components/react-text/stories/Text/TextBestPractices.md +++ b/packages/react-components/react-text/stories/Text/TextBestPractices.md @@ -1,12 +1,11 @@
- - Best Practices - + + Best Practices + ### Do - Use Text whenever you need to display stylized text - Use Text to display read-only text - Use the `as` prop to give the text a semantic meaning. By default, the Text component will result in a `span` element. -
diff --git a/packages/react-components/react-text/stories/Text/TextFont.stories.tsx b/packages/react-components/react-text/stories/Text/TextFont.stories.tsx index 09830435a630b..e9620964dc95a 100644 --- a/packages/react-components/react-text/stories/Text/TextFont.stories.tsx +++ b/packages/react-components/react-text/stories/Text/TextFont.stories.tsx @@ -1,10 +1,22 @@ import * as React from 'react'; -import { Text } from '@fluentui/react-components'; +import { makeStyles, shorthands, Text } from '@fluentui/react-components'; -export const Font = () => ( -
- This is the default font - This is numeric font - This is monospace font -
-); +const useStyles = makeStyles({ + container: { + ...shorthands.gap('16px'), + display: 'flex', + flexDirection: 'column', + }, +}); + +export const Font = () => { + const styles = useStyles(); + + return ( +
+ This is the default font + This is numeric font + This is monospace font +
+ ); +}; diff --git a/packages/react-components/react-text/stories/Text/TextPresets.md b/packages/react-components/react-text/stories/Text/TextPresets.md new file mode 100644 index 0000000000000..7a14ab32d34f9 --- /dev/null +++ b/packages/react-components/react-text/stories/Text/TextPresets.md @@ -0,0 +1 @@ +**Presets** are a set of components with predefined styles for typography. They are used to create and share a consistent look and feel.
All the base `Text` props can be used, except for `font`, `size` and `weight`. diff --git a/packages/react-components/react-text/stories/Text/TextPresets.stories.tsx b/packages/react-components/react-text/stories/Text/TextPresets.stories.tsx new file mode 100644 index 0000000000000..6fd0e3fd584ea --- /dev/null +++ b/packages/react-components/react-text/stories/Text/TextPresets.stories.tsx @@ -0,0 +1,52 @@ +import * as React from 'react'; +import { + makeStyles, + shorthands, + Body1, + Caption1, + Caption2, + Display, + LargeTitle, + Subtitle1, + Subtitle2, + Title1, + Title2, + Title3, +} from '@fluentui/react-components'; +import textPresetsMd from './TextPresets.md'; + +const useStyles = makeStyles({ + container: { + ...shorthands.gap('16px'), + display: 'flex', + flexDirection: 'column', + alignItems: 'baseline', + }, +}); + +export const Presets = () => { + const styles = useStyles(); + + return ( +
+ Display - semibold, base1000 + LargeTitle - semibold, base900 + Title1 - semibold, base800 + Title2 - semibold, base700 + Title3 - semibold, base600 + Subtitle1 - semibold, base500 + Subtitle2 - semibold, base400 + Body1 - regular, base300 + Caption1 - regular, base200 + Caption2 - regular, base100 +
+ ); +}; + +Presets.parameters = { + docs: { + description: { + story: textPresetsMd, + }, + }, +}; diff --git a/packages/react-components/react-text/stories/Text/TextSize.stories.tsx b/packages/react-components/react-text/stories/Text/TextSize.stories.tsx index 7f3b7467e7594..be8dec81c4331 100644 --- a/packages/react-components/react-text/stories/Text/TextSize.stories.tsx +++ b/packages/react-components/react-text/stories/Text/TextSize.stories.tsx @@ -1,17 +1,30 @@ import * as React from 'react'; -import { Text } from '@fluentui/react-components'; +import { makeStyles, shorthands, Text } from '@fluentui/react-components'; -export const Size = () => ( -
- 100 - 200 - 300 - 400 - 500 - 600 - 700 - 800 - 900 - 1000 -
-); +const useStyles = makeStyles({ + container: { + ...shorthands.gap('16px'), + display: 'flex', + flexDirection: 'column', + alignItems: 'baseline', + }, +}); + +export const Size = () => { + const styles = useStyles(); + + return ( +
+ 100 + 200 + 300 + 400 + 500 + 600 + 700 + 800 + 900 + 1000 +
+ ); +}; diff --git a/packages/react-components/react-text/stories/Text/TextTruncate.stories.tsx b/packages/react-components/react-text/stories/Text/TextTruncate.stories.tsx index 764e15474dd4b..1677de74f286e 100644 --- a/packages/react-components/react-text/stories/Text/TextTruncate.stories.tsx +++ b/packages/react-components/react-text/stories/Text/TextTruncate.stories.tsx @@ -1,8 +1,21 @@ import * as React from 'react'; -import { Text } from '@fluentui/react-components'; +import { makeStyles, shorthands, Text } from '@fluentui/react-components'; -export const Truncate = () => ( - - This is a really really really really long text - -); +const useStyles = makeStyles({ + text: { + ...shorthands.overflow('hidden'), + width: '240px', + display: 'block', + }, +}); + +export const Truncate = () => { + const styles = useStyles(); + + return ( + + Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facere aliquam nisi numquam, fugit recusandae eligendi + aspernatur odio minus? Incidunt maxime ipsam dolorem quia quas aliquam, quasi consequatur! Ea, minus eaque. + + ); +}; diff --git a/packages/react-components/react-text/stories/Text/TextTypography.stories.tsx b/packages/react-components/react-text/stories/Text/TextTypography.stories.tsx deleted file mode 100644 index cf888b6d23d01..0000000000000 --- a/packages/react-components/react-text/stories/Text/TextTypography.stories.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import * as React from 'react'; -import { - Body1, - Caption1, - Caption2, - Display, - LargeTitle, - Subtitle1, - Subtitle2, - Title1, - Title2, - Title3, -} from '@fluentui/react-components'; - -export const Typography = () => ( - <> - Display text wrapper, semibold, base1000 - LargeTitle text wrapper, semibold, base900 - Title1 text wrapper, semibold, base800 - Title2 text wrapper, semibold, base700 - Title3 text wrapper, semibold, base600 - Subtitle1 text wrapper, semibold, base500 - Subtitle2 text wrapper, semibold, base400 - Body1 text wrapper, regular, base300 - Caption1 text wrapper, regular, base200 - Caption2 text wrapper, regular, base100 - -); - -Typography.parameters = { - docs: { - description: { - story: [ - 'Different typography components can be used that are based on the `Text` components.', - 'They all share the same props and behaviours that are documented here.', - ].join('\n'), - }, - }, -}; diff --git a/packages/react-components/react-text/stories/Text/TextWeight.stories.tsx b/packages/react-components/react-text/stories/Text/TextWeight.stories.tsx index c3f34415d26f4..aa92d9f9abe43 100644 --- a/packages/react-components/react-text/stories/Text/TextWeight.stories.tsx +++ b/packages/react-components/react-text/stories/Text/TextWeight.stories.tsx @@ -1,10 +1,23 @@ import * as React from 'react'; -import { Text } from '@fluentui/react-components'; +import { makeStyles, shorthands, Text } from '@fluentui/react-components'; -export const Weight = () => ( -
- Regular weight - Medium weight - Semibold weight -
-); +const useStyles = makeStyles({ + container: { + ...shorthands.gap('16px'), + display: 'flex', + flexDirection: 'column', + }, +}); + +export const Weight = () => { + const styles = useStyles(); + + return ( +
+ Regular weight + Medium weight + Semibold weight + Bold weight +
+ ); +}; diff --git a/packages/react-components/react-text/stories/Text/index.stories.tsx b/packages/react-components/react-text/stories/Text/index.stories.tsx index 82c3ca85d89bc..4e8ed5c0da5a6 100644 --- a/packages/react-components/react-text/stories/Text/index.stories.tsx +++ b/packages/react-components/react-text/stories/Text/index.stories.tsx @@ -1,17 +1,18 @@ import { Meta } from '@storybook/react'; import { Text } from '@fluentui/react-components'; import textDescriptionMd from './TextDescription.md'; -import textBestPractices from './TextBestPractices.md'; +import textBestPracticesMd from './TextBestPractices.md'; export { Default } from './Default.stories'; -export { Typography } from './TextTypography.stories'; +export { Font } from './TextFont.stories'; +export { Size } from './TextSize.stories'; +export { Weight } from './TextWeight.stories'; export { Italic } from './TextItalic.stories'; export { Underline } from './TextUnderline.stories'; export { StrikeThrough } from './TextStrikeThrough.stories'; -export { Weight } from './TextWeight.stories'; -export { Size } from './TextSize.stories'; export { Truncate } from './TextTruncate.stories'; -export { Font } from './TextFont.stories'; +export { Alignment } from './TextAlignment.stories'; +export { Presets } from './TextPresets.stories'; export default { title: 'Components/Text', @@ -19,7 +20,7 @@ export default { parameters: { docs: { description: { - component: [textDescriptionMd, textBestPractices].join('\n'), + component: [textDescriptionMd, textBestPracticesMd].join('\n'), }, }, }, diff --git a/packages/react-components/react-textarea/CHANGELOG.json b/packages/react-components/react-textarea/CHANGELOG.json index aaa33b48d0191..c2da5e0c65d18 100644 --- a/packages/react-components/react-textarea/CHANGELOG.json +++ b/packages/react-components/react-textarea/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-textarea", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:46 GMT", + "tag": "@fluentui/react-textarea_v9.1.5", + "version": "9.1.5", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-textarea", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-textarea", + "commit": "39ba7b6d4648781b979fcf694579f97b851348af", + "comment": "chore: Move TextareaField into the @fluentui/react-textarea package and export as _unstable" + }, + { + "author": "beachball", + "package": "@fluentui/react-textarea", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.8", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-textarea", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-textarea", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-textarea", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:58:04 GMT", "tag": "@fluentui/react-textarea_v9.1.4", diff --git a/packages/react-components/react-textarea/CHANGELOG.md b/packages/react-components/react-textarea/CHANGELOG.md index c00b2ee0d3c3f..accb160840e39 100644 --- a/packages/react-components/react-textarea/CHANGELOG.md +++ b/packages/react-components/react-textarea/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-textarea -This log was last generated on Wed, 02 Nov 2022 11:58:04 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:46 GMT and should not be manually modified. +## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.1.5) + +Fri, 11 Nov 2022 14:57:46 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-textarea_v9.1.4..@fluentui/react-textarea_v9.1.5) + +### Patches + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- chore: Move TextareaField into the @fluentui/react-textarea package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com) +- Bump @fluentui/react-field to v9.0.0-alpha.8 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.1.4) Wed, 02 Nov 2022 11:58:04 GMT diff --git a/packages/react-components/react-textarea/etc/react-textarea.api.md b/packages/react-components/react-textarea/etc/react-textarea.api.md index 033194d9e76a7..c9141d859943b 100644 --- a/packages/react-components/react-textarea/etc/react-textarea.api.md +++ b/packages/react-components/react-textarea/etc/react-textarea.api.md @@ -4,8 +4,13 @@ ```ts +/// + import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; +import { FieldControl } from '@fluentui/react-field'; +import type { FieldProps } from '@fluentui/react-field'; +import { FieldSlots } from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import * as React_2 from 'react'; import type { Slot } from '@fluentui/react-utilities'; @@ -20,6 +25,15 @@ export const Textarea: ForwardRefComponent; // @public (undocumented) export const textareaClassNames: SlotClassNames; +// @public (undocumented) +export const TextareaField_unstable: ForwardRefComponent; + +// @public (undocumented) +export const textareaFieldClassNames: SlotClassNames>; + +// @public (undocumented) +export type TextareaFieldProps_unstable = FieldProps; + // @public export type TextareaProps = Omit, 'textarea'>, 'defaultValue' | 'onChange' | 'size' | 'value'> & { appearance?: 'outline' | 'filled-darker' | 'filled-lighter' | 'filled-darker-shadow' | 'filled-lighter-shadow'; diff --git a/packages/react-components/react-textarea/package.json b/packages/react-components/react-textarea/package.json index 78aabad1c9b5d..07c237ab40a6f 100644 --- a/packages/react-components/react-textarea/package.json +++ b/packages/react-components/react-textarea/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-textarea", - "version": "9.1.4", + "version": "9.1.5", "description": "Fluent UI TextArea component", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -28,12 +28,13 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", + "@fluentui/react-field": "9.0.0-alpha.8", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -48,5 +49,13 @@ "major", "prerelease" ] + }, + "exports": { + ".": { + "types": "./dist/index.d.ts", + "import": "./lib/index.js", + "require": "./lib-commonjs/index.js" + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-field/src/TextareaField.ts b/packages/react-components/react-textarea/src/TextareaField.ts similarity index 100% rename from packages/react-components/react-field/src/TextareaField.ts rename to packages/react-components/react-textarea/src/TextareaField.ts diff --git a/packages/react-components/react-textarea/src/common/isConformant.ts b/packages/react-components/react-textarea/src/common/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-textarea/src/common/isConformant.ts +++ b/packages/react-components/react-textarea/src/common/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-textarea/src/components/TextareaField/TextareaField.test.tsx b/packages/react-components/react-textarea/src/components/TextareaField/TextareaField.test.tsx new file mode 100644 index 0000000000000..7b1ca24a96567 --- /dev/null +++ b/packages/react-components/react-textarea/src/components/TextareaField/TextareaField.test.tsx @@ -0,0 +1,25 @@ +import { isConformant } from '../../common/isConformant'; +import { TextareaField } from './TextareaField'; + +describe('TextareaField', () => { + isConformant({ + Component: TextareaField, + displayName: 'TextareaField', + primarySlot: 'control', + testOptions: { + 'has-static-classnames': [ + { + props: { + label: 'label text', + validationState: 'error', + validationMessage: 'validation message text', + hint: 'hint text', + }, + }, + ], + }, + disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable + }); + + // Most functionality is tested by Field.test.tsx, and Textarea's tests +}); diff --git a/packages/react-components/react-field/src/components/TextareaField/TextareaField.tsx b/packages/react-components/react-textarea/src/components/TextareaField/TextareaField.tsx similarity index 71% rename from packages/react-components/react-field/src/components/TextareaField/TextareaField.tsx rename to packages/react-components/react-textarea/src/components/TextareaField/TextareaField.tsx index 86b140e534d8a..9a5cfae1e9530 100644 --- a/packages/react-components/react-field/src/components/TextareaField/TextareaField.tsx +++ b/packages/react-components/react-textarea/src/components/TextareaField/TextareaField.tsx @@ -1,8 +1,13 @@ import * as React from 'react'; -import { Textarea } from '@fluentui/react-textarea'; +import type { FieldProps } from '@fluentui/react-field'; +import { + getFieldClassNames, + renderField_unstable, + useFieldStyles_unstable, + useField_unstable, +} from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; -import type { FieldProps } from '../../Field'; -import { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '../../Field'; +import { Textarea } from '../../Textarea'; export type TextareaFieldProps = FieldProps; diff --git a/packages/react-components/react-field/src/components/TextareaField/index.ts b/packages/react-components/react-textarea/src/components/TextareaField/index.ts similarity index 100% rename from packages/react-components/react-field/src/components/TextareaField/index.ts rename to packages/react-components/react-textarea/src/components/TextareaField/index.ts diff --git a/packages/react-components/react-textarea/src/index.ts b/packages/react-components/react-textarea/src/index.ts index f32e87b9a3a05..21f80214cae51 100644 --- a/packages/react-components/react-textarea/src/index.ts +++ b/packages/react-components/react-textarea/src/index.ts @@ -6,3 +6,6 @@ export { useTextarea_unstable, } from './Textarea'; export type { TextareaProps, TextareaSlots, TextareaState } from './Textarea'; + +export { TextareaField as TextareaField_unstable, textareaFieldClassNames } from './TextareaField'; +export type { TextareaFieldProps as TextareaFieldProps_unstable } from './TextareaField'; diff --git a/packages/react-components/react-field/src/stories/TextareaField/TextareaFieldDefault.stories.tsx b/packages/react-components/react-textarea/src/stories/TextareaField/TextareaFieldDefault.stories.tsx similarity index 65% rename from packages/react-components/react-field/src/stories/TextareaField/TextareaFieldDefault.stories.tsx rename to packages/react-components/react-textarea/src/stories/TextareaField/TextareaFieldDefault.stories.tsx index 2bdb8620221e4..136174597577f 100644 --- a/packages/react-components/react-field/src/stories/TextareaField/TextareaFieldDefault.stories.tsx +++ b/packages/react-components/react-textarea/src/stories/TextareaField/TextareaFieldDefault.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import type { TextareaFieldProps } from '@fluentui/react-field'; -import { TextareaField } from '@fluentui/react-field'; +import type { TextareaFieldProps } from '@fluentui/react-components/unstable'; +import { TextareaField } from '@fluentui/react-components/unstable'; export const Default = (props: Partial) => ( +## [9.0.0-alpha.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.4) + +Fri, 11 Nov 2022 14:57:47 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.3..@fluentui/react-theme-sass_v9.0.0-alpha.4) + +### Changes + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.0-alpha.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.3) Thu, 20 Oct 2022 08:39:59 GMT diff --git a/packages/react-components/react-theme-sass/package.json b/packages/react-components/react-theme-sass/package.json index d0a9aa5abba19..6abb48e225198 100644 --- a/packages/react-components/react-theme-sass/package.json +++ b/packages/react-components/react-theme-sass/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-theme-sass", - "version": "9.0.0-alpha.3", + "version": "9.0.0-alpha.4", "description": "SASS variables referencing react-theme design tokens injected to DOM by react-provider.", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "style": "sass/tokens.scss", "sideEffects": false, "repository": { @@ -26,7 +26,7 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/scripts": "^1.0.0", - "@fluentui/react-theme": "^9.1.1" + "@fluentui/react-theme": "^9.1.2" }, "beachball": { "disallowedChangeTypes": [ @@ -35,5 +35,13 @@ "patch" ] }, - "dependencies": {} + "dependencies": {}, + "exports": { + ".": { + "types": "./dist/index.d.ts", + "import": "./lib/index.js", + "require": "./lib-commonjs/index.js" + }, + "./package.json": "./package.json" + } } diff --git a/packages/react-components/react-theme/CHANGELOG.json b/packages/react-components/react-theme/CHANGELOG.json index 785a45d0c38b3..d6379bb066fcf 100644 --- a/packages/react-components/react-theme/CHANGELOG.json +++ b/packages/react-components/react-theme/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-theme", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:46 GMT", + "tag": "@fluentui/react-theme_v9.1.2", + "version": "9.1.2", + "comments": { + "patch": [ + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-theme", + "commit": "d5d03853c4aabcf7cedd715caddd987ba44c1a60", + "comment": "Fixed incorrect typography style" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-theme", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + } + ] + } + }, { "date": "Tue, 25 Oct 2022 00:35:38 GMT", "tag": "@fluentui/react-theme_v9.1.1", diff --git a/packages/react-components/react-theme/CHANGELOG.md b/packages/react-components/react-theme/CHANGELOG.md index 35a800290c8e1..3306d2c2dbc1b 100644 --- a/packages/react-components/react-theme/CHANGELOG.md +++ b/packages/react-components/react-theme/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-theme -This log was last generated on Thu, 20 Oct 2022 08:39:54 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:46 GMT and should not be manually modified. +## [9.1.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.1.2) + +Fri, 11 Nov 2022 14:57:46 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.1.1..@fluentui/react-theme_v9.1.2) + +### Patches + +- Fixed incorrect typography style ([PR #25577](https://github.com/microsoft/fluentui/pull/25577) by gcox@microsoft.com) +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) + ## [9.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.1.1) Thu, 20 Oct 2022 08:39:54 GMT diff --git a/packages/react-components/react-theme/package.json b/packages/react-components/react-theme/package.json index ef48ba6133294..1a23efc68dc82 100644 --- a/packages/react-components/react-theme/package.json +++ b/packages/react-components/react-theme/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-theme", - "version": "9.1.1", + "version": "9.1.2", "description": "Fluent UI themes", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -47,9 +47,10 @@ }, "exports": { ".": { - "types": "./lib/index.d.ts", + "types": "./dist/index.d.ts", "import": "./lib/index.js", "require": "./lib-commonjs/index.js" - } + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-theme/src/global/typographyStyles.ts b/packages/react-components/react-theme/src/global/typographyStyles.ts index 2c0462712486a..b3a5d3e200a73 100644 --- a/packages/react-components/react-theme/src/global/typographyStyles.ts +++ b/packages/react-components/react-theme/src/global/typographyStyles.ts @@ -26,7 +26,7 @@ export const typographyStyles: TypographyStyles = { body2: { fontFamily: tokens.fontFamilyBase, fontSize: tokens.fontSizeBase400, - fontWeight: tokens.fontWeightSemibold, + fontWeight: tokens.fontWeightRegular, lineHeight: tokens.lineHeightBase400, }, caption1: { diff --git a/packages/react-components/react-toolbar/CHANGELOG.json b/packages/react-components/react-toolbar/CHANGELOG.json index 1cfe88c7d86f6..36a72379f8e87 100644 --- a/packages/react-components/react-toolbar/CHANGELOG.json +++ b/packages/react-components/react-toolbar/CHANGELOG.json @@ -1,6 +1,83 @@ { "name": "@fluentui/react-toolbar", "entries": [ + { + "date": "Fri, 11 Nov 2022 14:57:47 GMT", + "tag": "@fluentui/react-toolbar_v9.0.0-beta.13", + "version": "9.0.0-beta.13", + "comments": { + "prerelease": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-toolbar", + "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38", + "comment": "fix: create valid export maps" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-button to v9.1.8", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-divider to v9.1.4", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-theme to v9.1.2", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-utilities to v9.2.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-context-selector to v9.1.1", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-radio to v9.0.11", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-tabster to v9.3.0", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18", + "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720" + } + ], + "none": [ + { + "author": "chassunc@microsoft.com", + "package": "@fluentui/react-toolbar", + "commit": "65768ac4e7c6d8bc233535ab8726d3c8f3f224bc", + "comment": "chore: update toolbar stories examples" + }, + { + "author": "chassunc@microsoft.com", + "package": "@fluentui/react-toolbar", + "commit": "169e9b94b0cf741102596f106ed726d9402145cc", + "comment": "fix: ToolbarRadio example and click" + } + ] + } + }, { "date": "Wed, 02 Nov 2022 11:58:05 GMT", "tag": "@fluentui/react-toolbar_v9.0.0-beta.12", diff --git a/packages/react-components/react-toolbar/CHANGELOG.md b/packages/react-components/react-toolbar/CHANGELOG.md index 24c22f2cb9b63..bd21140130e66 100644 --- a/packages/react-components/react-toolbar/CHANGELOG.md +++ b/packages/react-components/react-toolbar/CHANGELOG.md @@ -1,9 +1,26 @@ # Change Log - @fluentui/react-toolbar -This log was last generated on Wed, 02 Nov 2022 11:58:05 GMT and should not be manually modified. +This log was last generated on Fri, 11 Nov 2022 14:57:47 GMT and should not be manually modified. +## [9.0.0-beta.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.0.0-beta.13) + +Fri, 11 Nov 2022 14:57:47 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.0.0-beta.12..@fluentui/react-toolbar_v9.0.0-beta.13) + +### Changes + +- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com) +- Bump @fluentui/react-button to v9.1.8 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-divider to v9.1.4 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-context-selector to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-radio to v9.0.11 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball) + ## [9.0.0-beta.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.0.0-beta.12) Wed, 02 Nov 2022 11:58:05 GMT diff --git a/packages/react-components/react-toolbar/package.json b/packages/react-components/react-toolbar/package.json index b4719037db801..f224621b77059 100644 --- a/packages/react-components/react-toolbar/package.json +++ b/packages/react-components/react-toolbar/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-toolbar", - "version": "9.0.0-beta.12", + "version": "9.0.0-beta.13", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "dist/index.d.ts", + "typings": "./dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -29,17 +29,17 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.17", + "@fluentui/react-conformance-griffel": "9.0.0-beta.18", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-button": "^9.1.7", - "@fluentui/react-divider": "^9.1.3", - "@fluentui/react-theme": "^9.1.1", - "@fluentui/react-utilities": "^9.2.0", - "@fluentui/react-context-selector": "^9.1.0", - "@fluentui/react-radio": "^9.0.10", - "@fluentui/react-tabster": "^9.2.1", + "@fluentui/react-button": "^9.1.8", + "@fluentui/react-divider": "^9.1.4", + "@fluentui/react-theme": "^9.1.2", + "@fluentui/react-utilities": "^9.2.1", + "@fluentui/react-context-selector": "^9.1.1", + "@fluentui/react-radio": "^9.0.11", + "@fluentui/react-tabster": "^9.3.0", "@griffel/react": "^1.4.2", "tslib": "^2.1.0" }, @@ -55,5 +55,13 @@ "minor", "patch" ] + }, + "exports": { + ".": { + "types": "./dist/index.d.ts", + "import": "./lib/index.js", + "require": "./lib-commonjs/index.js" + }, + "./package.json": "./package.json" } } diff --git a/packages/react-components/react-toolbar/src/common/isConformant.ts b/packages/react-components/react-toolbar/src/common/isConformant.ts index c35cc6e735834..77f88408cbd83 100644 --- a/packages/react-components/react-toolbar/src/common/isConformant.ts +++ b/packages/react-components/react-toolbar/src/common/isConformant.ts @@ -6,7 +6,7 @@ export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ) { const defaultOptions: Partial> = { - componentPath: module!.parent!.filename.replace('.test', ''), + componentPath: require.main?.filename.replace('.test', ''), extraTests: griffelTests as TestObject, }; diff --git a/packages/react-components/react-toolbar/src/components/Toolbar/__snapshots__/Toolbar.test.tsx.snap b/packages/react-components/react-toolbar/src/components/Toolbar/__snapshots__/Toolbar.test.tsx.snap index aceee3c4cb9b9..ff7c849f7d3f2 100644 --- a/packages/react-components/react-toolbar/src/components/Toolbar/__snapshots__/Toolbar.test.tsx.snap +++ b/packages/react-components/react-toolbar/src/components/Toolbar/__snapshots__/Toolbar.test.tsx.snap @@ -4,7 +4,7 @@ exports[`Toolbar renders a default state 1`] = `