From 99683c3572e7601e2bb09a0faef2fdefcd205048 Mon Sep 17 00:00:00 2001 From: Sunil Surana Date: Sat, 12 Nov 2022 18:03:49 +0530 Subject: [PATCH] Mastercopy4 (#31) * stress-test: add "afterframe" dependency (#25560) Previously stress-test used a "requestPostAnimationFrame" function that is used to measure from just before style recalc, layout and paint are executed to just afterward. This change drops that function in favor of taking a dependency on afterframe, a library that does the same thing. * Fix: Update tabs to remain the same size between unselected and selected states (#25542) * Add support to keep tabs from changing size when selected * Update for naming and tests * Rename update * Update packages/react-components/react-tabs/src/components/TabList/TabList.types.ts Co-authored-by: Sean Monahan Co-authored-by: Sean Monahan * chore: Add reduced-motion documentation to Spinner (#25561) * chore: Add reduced-motion documentation to Spinner * change file * chore: Add documentation to Progress about reduced-motion (#25563) * chore: Add documentation to Progress about reduced-motion * change file * stress-test: disable CSS transitions on injected styles (#25559) This addresses an issue where Firefox's style recalculation measurement becomes unstable when controls under test have CSS transitions. Specifically, our test injects styles that update the background color of selected controls and many Fluent controls transition the background color for different states like "hover" and "focus". With transitions running Firefox will sometimes include the transition time in the style recalc measurement and sometimes not. Additionally, Chromium browsers never include the transition time in the measurement. Disabling transitions ensures measurement behavior is consistent in Firefox and in alignment with the behavior of Chromium browsers. * docs(rfcs): add triage automation rfc (#24817) * chore: update beachball ignore list to apply to new project structure (#25531) * bugfix(react-switch): adds line-height=0 to switch indicator slot (#25507) * chore: add both options to useArrowNavigationGroup (#25568) * chore: add both options to useArrowNavigationGroup * chore: add changes * chore: update api * chore(vr-tests-v9): Convert Dialog and Image VR tests to CSF (#25527) * chore: toolbar a11y improvements (#25562) * feat: create vertical example * chore: add navigation arrows for vertical scenario * chore: add labels for all toolbar stories * chore: update tooltip example * chore: update radio example * chore: update toolbar stories examples * chore: add changes * chore: use both in toolbar arrow key nav * chore: update snapshot * chore(react-dialog): migrate to new package structure (#25523) Co-authored-by: Oleksandr Fediashov * chore(react-overflow): migrate to new package structure (#25524) * Expand @fluentui/react root index file's export *s to uncover and fix duplicate exports. (#25545) * expanding index. * change. * Replacing with inline deprecation exclusions. * setting export * to warning. * change. * moving rules around. * fix: v9 form controls with underline should have underline-specific disabled styling (#25543) Updates disabled form styling for Input, Select, Spinbutton, Combobox, and Dropdown * docs(public-docsite-v9): Adding a basic setup section to the SSR docs (#25564) * applying package updates * update regex * updatE * Update azure-pipelines.vrt-baseline.yml for Azure Pipelines * Update azure-pipelines.vrt-baseline.yml for Azure Pipelines * chore(deps): bump loader-utils from 2.0.0 to 2.0.3 (#25567) Bumps [loader-utils](https://github.com/webpack/loader-utils) from 2.0.0 to 2.0.3. - [Release notes](https://github.com/webpack/loader-utils/releases) - [Changelog](https://github.com/webpack/loader-utils/blob/v2.0.3/CHANGELOG.md) - [Commits](https://github.com/webpack/loader-utils/compare/v2.0.0...v2.0.3) --- updated-dependencies: - dependency-name: loader-utils dependency-type: direct:production ... Signed-off-by: dependabot[bot] Signed-off-by: dependabot[bot] Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * chore: migrate @types/node to 14 to align with our supported node version (#25510) * chore(deps): resolve only to 1 @types/node version to mitigate global leaks and api-generation errors * fix(bundle-size): fix type errors exposed by node 14 typings * fix(tools): fix type errors exposed by node 14 typings * fix(typings): fix type errors exposed by node 14 typings * revert: use resolution for @types/node * chore(ts-minbar-test-react): use @types/node 14 explicitly * generate changefiles * chore: dedupe deps * fix(scripts): fix type errors exposed by node 14 typings * test: replace deprecated module.parent with require.main within isConformance * generate changefiles * test(react): clean up persona-coin test and use isConformant without side-effects * fix(storybook): fix theme picker current selection (#25533) * update * chore(vr-tests-v9): Convert Accordion VR tests to CSF (#25525) * fix: Update Avatar active ring color to match base color (#25497) * RFC: Field Package Layout (#25380) * Feature: Added large tab size to react-tabs (#25577) * Added large tab size * yarn change * Update vr-tests * Code review fix * feat(react-infobutton): Adding size prop, HCM styles, and updating styles to match design spec (#25519) * updating styles and adding size prop * updating comment * adding requested changes * fix: Adding expanded styles for MenuButtons and making various other styling fixes for Button components (#25521) * fix: Adding expanded styles for MenuButtons and making various other styling fixes for Button components. * Adding change file. * Addressing PR feedback. Co-authored-by: KHMakoto * chore: Clean up Field tests and story imports in preparation of moving to individual packages (#25594) * Remove custom `isConformant` function for Field tests, and instead inline the customizations in each call to `isConformant` * Disable the `exported-top-level` test because the components will be exported as e.g. `InputField_unstable` from the component packages. * Change the stories to import from `@fluentui/react-components/unstable`, instead of the individual package. * Rename the `FieldComponent` type to `FieldControl` to correspond to the `control` slot name. * Tabs icon toggle (#25597) * Added regular filled icon toggling * yarn change * chore: Refactor Field components into the base component's package (#25593) Move Field components into their respective packages, as discussed in RFC #25380 * Update Component Implementation Epic template (#25480) * update to use vrscreenshotdiff beta * change lock file * update package version * applying package updates * update pr pipeline to add v8 * PR to add tasks in pipeline for v9 VRT integration (#25606) * fix: create valid export maps (#25558) * generate changefiles * chore(deps): bump socket.io-parser from 4.0.4 to 4.0.5 (#25604) Bumps [socket.io-parser](https://github.com/socketio/socket.io-parser) from 4.0.4 to 4.0.5. - [Release notes](https://github.com/socketio/socket.io-parser/releases) - [Changelog](https://github.com/socketio/socket.io-parser/blob/main/CHANGELOG.md) - [Commits](https://github.com/socketio/socket.io-parser/compare/4.0.4...4.0.5) --- updated-dependencies: - dependency-name: socket.io-parser dependency-type: indirect ... Signed-off-by: dependabot[bot] Signed-off-by: dependabot[bot] Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * chore(react-dialog): removes unnecessary union case for DialogOpenChangeData (#25504) * templatize * update * templatize * updatE * refactor(scripts): remove deprecated exec abstractions (#25569) * fix(scripts): make eslint run again on pre-commit (#25537) * feat(react-components): Move AvatarGroup to stable (#25005) * update * update version * run partial tests * update * update * update * update * update * update * updatE * updatE * update version * update lock file * update name * update version * add quotes * docs: refactor Text documentation and add missing guidance for presets/alignment (#25587) Fixes https://github.com/microsoft/fluentui/issues/24341 Fixes https://github.com/microsoft/fluentui/issues/25548 * update * package version * fix(react-menu): remove unwanted aria attributes on context menu (#25615) * fix(react-menu): remove unwanted aria attributes on context menu * chore: updates trigger selector for cypress tests * remove unwanted param * update * applying package updates * convert * checkpoint * add regex * change convert script * updates * update sw version Signed-off-by: dependabot[bot] Co-authored-by: Sean Monahan Co-authored-by: Geoff Cox (Microsoft) Co-authored-by: tomi-msft <66456876+tomi-msft@users.noreply.github.com> Co-authored-by: Martin Hochel Co-authored-by: Bernardo Sunderhus Co-authored-by: chajun <86579954+chpalac@users.noreply.github.com> Co-authored-by: Tristan Watanabe Co-authored-by: Oleksandr Fediashov Co-authored-by: David Zearing Co-authored-by: Sarah Higley Co-authored-by: Esteban Munoz Facusse Co-authored-by: Fluent UI Build Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Tudor Popa <97875118+tudorpopams@users.noreply.github.com> Co-authored-by: Ben Howell <48106640+behowell@users.noreply.github.com> Co-authored-by: Makoto Morimoto Co-authored-by: KHMakoto Co-authored-by: Marcos Moura --- .devops/templates/runpublishvrscreenshot.yml | 47 + .github/ISSUE_TEMPLATE/convergence_epic.md | 67 +- apps/perf-test-react-components/package.json | 10 +- apps/perf-test/package.json | 4 +- apps/public-docsite-resources/package.json | 16 +- apps/public-docsite-v9/package.json | 6 +- .../src/Concepts/SSR/SSR.stories.mdx | 59 + .../DocsComponents/ThemePicker.stories.tsx | 7 +- apps/public-docsite/package.json | 28 +- apps/react-18-tests-v8/package.json | 4 +- apps/react-18-tests-v9/package.json | 6 +- apps/ssr-tests-v9/package.json | 2 +- apps/ssr-tests/package.json | 2 +- apps/stress-test/package.json | 5 +- .../src/shared/css/injectStyles.ts | 2 +- .../src/shared/react/TestMount.tsx | 1 - .../src/shared/utils/performanceMeasure.ts | 4 +- .../shared/utils/requestPostAnimationFrame.ts | 6 - .../src/shared/vanilla/TestMount.ts | 4 +- apps/theming-designer/package.json | 14 +- .../package.json | 2 +- apps/ts-minbar-test-react/package.json | 2 +- apps/ts-minbar-test-react/src/index.ts | 2 +- .../convertStoriesToStoryWright.sh | 26 +- apps/vr-tests-react-components/package.json | 69 +- .../src/stories/Accordion.stories.tsx | 161 -- .../stories/Accordion/Accordion.stories.tsx | 140 ++ .../AccordionFocusInteractions.stories.tsx | 46 + .../src/stories/Avatar.stories.tsx | 59 +- .../src/stories/Dialog.stories.tsx | 411 ---- .../src/stories/Dialog/Dialog.stories.tsx | 444 ++++ .../src/stories/Field.stories.tsx | 33 +- .../src/stories/Image.stories.tsx | 102 - .../src/stories/Image/Image.stories.tsx | 114 + .../src/stories/Tabs.stories.tsx | 32 + apps/vr-tests/convertStoriesToStoryWright.sh | 26 + apps/vr-tests/package.json | 20 +- azure-pipelines.vrt-baseline.yml | 62 +- azure-pipelines.vrt-pr.yml | 108 +- ...-7d40837f-02b3-476a-82a1-6ed45891f298.json | 7 - ...-c3167dd3-8b29-43f9-b555-d92a98a2b323.json | 7 - ...-225ecdbe-edd5-43c7-b12c-87a65fbaa0cd.json | 7 - ...-c452c0d5-b913-4697-906a-ab9effbe88b2.json | 7 - ...-4c8108dc-932c-4489-afa2-dc5b08d3465d.json | 7 - ...-35f251b9-6362-4ca3-9d30-124fcfe024cf.json | 7 - ...-a065d3d7-c686-4ce0-b520-0b1875853ca0.json | 7 - ...-ba631a4c-e394-4ffa-b4f3-e84de4f8c733.json | 7 - ...-54fcbe1c-d23f-48f6-916a-9752737af543.json | 7 - ...-0f43f3ad-6a47-4dec-8dfc-209831dd34b5.json | 7 - ...-a9e06321-41d0-43bb-b673-d1da46746c8a.json | 7 - ...-b295999d-5738-48b8-b9db-5d3f52ce0cc6.json | 7 - ...-5a890d50-6c5c-4606-a677-582ded4bb23c.json | 7 - ...-350ae095-7533-4307-a31f-6d9cbb178cb8.json | 7 - ...-7398941b-ae22-4a18-878d-1ac8e853c6ee.json | 7 - ...-a94f4f80-c021-4eb8-a8e3-789425aee9e2.json | 7 - ...-bac826cc-5a66-447f-ab37-f85d8df68fb9.json | 7 - package.json | 6 +- packages/api-docs/package.json | 2 +- packages/azure-themes/CHANGELOG.json | 21 + packages/azure-themes/CHANGELOG.md | 12 +- packages/azure-themes/package.json | 6 +- packages/bundle-size/CHANGELOG.json | 15 + packages/bundle-size/CHANGELOG.md | 11 +- packages/bundle-size/package.json | 2 +- .../bundle-size/src/utils/buildFixture.js | 4 +- .../bundle-size/src/utils/prepareFixture.js | 7 +- packages/codemods/package.json | 2 +- packages/common-styles/CHANGELOG.json | 15 + packages/common-styles/CHANGELOG.md | 11 +- packages/common-styles/package.json | 4 +- packages/cra-template/CHANGELOG.json | 15 + packages/cra-template/CHANGELOG.md | 11 +- packages/cra-template/package.json | 4 +- packages/date-time-utilities/CHANGELOG.json | 15 + packages/date-time-utilities/CHANGELOG.md | 11 +- packages/date-time-utilities/package.json | 4 +- packages/dom-utilities/CHANGELOG.json | 15 + packages/dom-utilities/CHANGELOG.md | 11 +- packages/dom-utilities/package.json | 4 +- packages/eslint-plugin/CHANGELOG.json | 15 + packages/eslint-plugin/CHANGELOG.md | 11 +- packages/eslint-plugin/package.json | 2 +- .../eslint-plugin/src/configs/base-legacy.js | 10 +- .../eslint-plugin/src/configs/react-legacy.js | 1 + packages/example-data/package.json | 2 +- packages/font-icons-mdl2/CHANGELOG.json | 27 + packages/font-icons-mdl2/CHANGELOG.md | 13 +- packages/font-icons-mdl2/package.json | 8 +- packages/foundation-legacy/CHANGELOG.json | 39 + packages/foundation-legacy/CHANGELOG.md | 15 +- packages/foundation-legacy/package.json | 12 +- .../CHANGELOG.json | 15 + .../jest-serializer-merge-styles/CHANGELOG.md | 11 +- .../jest-serializer-merge-styles/package.json | 4 +- packages/keyboard-key/package.json | 2 +- packages/merge-styles/CHANGELOG.json | 15 + packages/merge-styles/CHANGELOG.md | 11 +- packages/merge-styles/package.json | 4 +- packages/monaco-editor/package.json | 2 +- packages/public-docsite-setup/package.json | 2 +- packages/react-cards/CHANGELOG.json | 33 + packages/react-cards/CHANGELOG.md | 14 +- packages/react-cards/package.json | 10 +- packages/react-charting/CHANGELOG.json | 33 + packages/react-charting/CHANGELOG.md | 14 +- packages/react-charting/package.json | 12 +- .../CHANGELOG.json | 21 + .../babel-preset-global-context/CHANGELOG.md | 12 +- .../babel-preset-global-context/package.json | 13 +- .../global-context/CHANGELOG.json | 27 + .../global-context/CHANGELOG.md | 13 +- .../global-context/package.json | 16 +- .../keyboard-keys/CHANGELOG.json | 15 + .../keyboard-keys/CHANGELOG.md | 11 +- .../keyboard-keys/package.json | 9 +- .../priority-overflow/CHANGELOG.json | 15 + .../priority-overflow/CHANGELOG.md | 11 +- .../priority-overflow/package.json | 12 +- .../react-accordion/CHANGELOG.json | 59 + .../react-accordion/CHANGELOG.md | 17 +- .../react-accordion/package.json | 16 +- .../src/testing/isConformant.ts | 2 +- .../react-alert/CHANGELOG.json | 47 + .../react-components/react-alert/CHANGELOG.md | 15 +- .../react-components/react-alert/package.json | 12 +- .../react-alert/src/testing/isConformant.ts | 2 +- .../react-aria/CHANGELOG.json | 27 + .../react-components/react-aria/CHANGELOG.md | 13 +- .../react-components/react-aria/package.json | 13 +- .../react-avatar-context/package.json | 16 +- .../react-avatar/CHANGELOG.json | 101 + .../react-avatar/CHANGELOG.md | 24 +- .../react-avatar/README-AvatarGroup.md | 10 - .../react-avatar/package.json | 27 +- .../src/components/Avatar/useAvatarStyles.ts | 34 +- .../react-avatar/src/index.ts | 4 +- .../react-avatar/src/testing/isConformant.ts | 2 +- .../stories/Avatar/AvatarActive.stories.tsx | 2 +- .../Avatar/AvatarActiveAppearance.stories.tsx | 2 +- .../stories/Avatar/AvatarBadge.stories.tsx | 2 +- .../Avatar/AvatarColorBrand.stories.tsx | 2 +- .../Avatar/AvatarColorColorful.stories.tsx | 2 +- .../Avatar/AvatarColorPalette.stories.tsx | 2 +- .../stories/Avatar/AvatarDefault.stories.tsx | 3 +- .../stories/Avatar/AvatarIcon.stories.tsx | 2 +- .../stories/Avatar/AvatarImage.stories.tsx | 2 +- .../stories/Avatar/AvatarInitials.stories.tsx | 2 +- .../stories/Avatar/AvatarName.stories.tsx | 2 +- .../stories/Avatar/AvatarSize.stories.tsx | 2 +- .../stories/Avatar/AvatarSquare.stories.tsx | 2 +- .../stories/Avatar/index.stories.tsx | 2 +- .../AvatarGroupDefault.stories.tsx | 9 +- .../AvatarGroup/AvatarGroupDescription.md | 13 - .../AvatarGroupIndicator.stories.tsx | 9 +- .../AvatarGroup/AvatarGroupLayout.stories.tsx | 9 +- .../AvatarGroupSizePie.stories.tsx | 11 +- .../AvatarGroupSizeSpread.stories.tsx | 11 +- .../AvatarGroupSizeStack.stories.tsx | 11 +- .../stories/AvatarGroup/index.stories.tsx | 4 +- .../react-badge/CHANGELOG.json | 41 + .../react-components/react-badge/CHANGELOG.md | 14 +- .../react-components/react-badge/package.json | 15 +- .../react-badge/src/testing/isConformant.ts | 2 +- .../react-button/CHANGELOG.json | 77 + .../react-button/CHANGELOG.md | 20 +- .../react-button/package.json | 21 +- .../MenuButton/useMenuButtonStyles.ts | 73 +- .../ToggleButton/useToggleButtonStyles.ts | 25 +- .../react-button/src/testing/isConformant.ts | 2 +- .../MenuButtonAppearance.stories.tsx | 21 +- .../react-card/CHANGELOG.json | 59 + .../react-components/react-card/CHANGELOG.md | 17 +- .../react-components/react-card/package.json | 14 +- .../react-card/src/testing/isConformant.ts | 2 +- .../react-checkbox/CHANGELOG.json | 65 + .../react-checkbox/CHANGELOG.md | 18 +- .../react-checkbox/etc/react-checkbox.api.md | 19 +- .../react-checkbox/package.json | 20 +- .../src/CheckboxField.ts | 0 .../CheckboxField/CheckboxField.test.tsx | 4 +- .../CheckboxField/CheckboxField.tsx | 13 +- .../src/components/CheckboxField/index.ts | 0 .../react-checkbox/src/index.ts | 3 + .../src/testing/isConformant.ts | 2 +- .../CheckboxFieldDefault.stories.tsx | 4 +- .../CheckboxField/CheckboxFieldDescription.md | 0 .../CheckboxFieldFieldLabel.stories.tsx | 2 +- .../stories/CheckboxField/index.stories.tsx | 2 +- .../react-combobox/CHANGELOG.json | 75 + .../react-combobox/CHANGELOG.md | 21 +- .../react-combobox/etc/react-combobox.api.md | 12 + .../react-combobox/package.json | 24 +- .../src/ComboboxField.ts | 0 .../react-combobox/src/common/isConformant.ts | 2 +- .../components/Combobox/useComboboxStyles.ts | 30 +- .../ComboboxField/ComboboxField.test.tsx | 25 + .../ComboboxField/ComboboxField.tsx | 11 +- .../src/components/ComboboxField/index.ts | 0 .../components/Dropdown/useDropdownStyles.ts | 21 +- .../react-combobox/src/index.ts | 3 + .../ComboboxFieldDefault.stories.tsx | 4 +- .../ComboboxField/ComboboxFieldDescription.md | 0 .../stories/ComboboxField/index.stories.tsx | 2 +- .../react-components/CHANGELOG.json | 681 ++++++ .../react-components/CHANGELOG.md | 151 +- .../etc/react-components.api.md | 96 + .../etc/react-components.unstable.api.md | 147 +- .../react-components/package.json | 86 +- .../react-components/src/index.ts | 40 +- .../react-components/src/unstable/index.ts | 100 +- .../src/unstable/package.json__tmpl__ | 2 +- .../react-conformance-griffel/CHANGELOG.json | 15 + .../react-conformance-griffel/CHANGELOG.md | 11 +- .../react-conformance-griffel/package.json | 13 +- .../react-context-selector/CHANGELOG.json | 21 + .../react-context-selector/CHANGELOG.md | 12 +- .../react-context-selector/package.json | 11 +- .../react-components/react-dialog/.npmignore | 5 +- .../react-dialog/.storybook/main.js | 2 +- .../react-dialog/.storybook/tsconfig.json | 2 +- .../react-dialog/CHANGELOG.json | 83 + .../react-dialog/CHANGELOG.md | 21 +- .../react-dialog/{ => docs}/Spec.md | 0 .../assets/AlertDialogKeyboardInteraction.png | Bin .../assets/AlertDialogMouseInteraction.png | Bin .../assets/ModalDialogKeyboardInteraction.png | Bin .../assets/ModalDialogMouseInteraction.png | Bin .../NonModalDialogKeyboardInteraction.png | Bin .../assets/NonModalDialogMouseInteraction.png | Bin .../react-dialog/etc/react-dialog.api.md | 4 - .../react-dialog/package.json | 27 +- .../components/Dialog/Dialog.cy.tsx} | 3 +- .../src/components/Dialog/Dialog.test.tsx | 2 +- .../src/components/Dialog/Dialog.types.ts | 8 - .../DialogActions/DialogActions.test.tsx | 2 +- .../components/DialogBody/DialogBody.test.tsx | 2 +- .../DialogContent/DialogContent.test.tsx | 2 +- .../DialogSurface/DialogSurface.test.tsx | 4 +- .../DialogTitle/DialogTitle.cy.tsx} | 2 +- .../DialogTitle/DialogTitle.test.tsx | 2 +- .../DialogTrigger/DialogTrigger.test.tsx | 4 +- .../src/{common => testing}/isConformant.ts | 2 +- .../mockUseDialogContext.ts} | 4 +- .../{e2e => src/testing}/selectors.ts | 0 .../{src => }/stories/Dialog/DialogA11y.md | 0 .../{src => }/stories/Dialog/DialogAlert.md | 0 .../stories/Dialog/DialogAlert.stories.tsx | 0 .../stories/Dialog/DialogBestPractices.md | 0 .../Dialog/DialogChangeFocus.stories.tsx | 0 .../Dialog/DialogControllingOpenAndClose.md | 0 .../DialogControllingOpenAndClose.stories.tsx | 0 .../stories/Dialog/DialogCustomTrigger.md | 0 .../Dialog/DialogCustomTrigger.stories.tsx | 0 .../stories/Dialog/DialogDefault.stories.tsx | 0 .../stories/Dialog/DialogDescription.md | 0 .../Dialog/DialogNoFocusableElement.md | 0 .../DialogNoFocusableElement.stories.tsx | 0 .../stories/Dialog/DialogNonModal.md | 0 .../stories/Dialog/DialogNonModal.stories.tsx | 0 .../DialogScrollingLongContent.stories.tsx | 0 .../stories/Dialog/DialogTitleCustomAction.md | 0 .../DialogTitleCustomAction.stories.tsx | 0 .../stories/Dialog/DialogTitleNoAction.md | 0 .../Dialog/DialogTitleNoAction.stories.tsx | 0 .../Dialog/DialogTriggerOutsideDialog.md | 0 .../DialogTriggerOutsideDialog.stories.tsx | 0 .../stories/Dialog/DialogWithForm.md | 0 .../stories/Dialog/DialogWithForm.stories.tsx | 0 .../stories/Dialog/index.stories.tsx | 0 .../{e2e/tsconfig.json => tsconfig.cy.json} | 4 +- .../react-dialog/tsconfig.json | 2 +- .../react-dialog/tsconfig.lib.json | 8 +- .../react-dialog/tsconfig.spec.json | 6 +- .../react-divider/CHANGELOG.json | 41 + .../react-divider/CHANGELOG.md | 14 +- .../react-divider/package.json | 15 +- .../react-divider/src/testing/isConformant.ts | 2 +- .../react-field/CHANGELOG.json | 57 + .../react-components/react-field/CHANGELOG.md | 18 +- .../react-field/etc/react-field.api.md | 126 +- .../react-components/react-field/package.json | 32 +- .../react-field/src/common/isConformant.ts | 31 - .../ComboboxField/ComboboxField.test.tsx | 11 - .../src/components/Field/Field.types.ts | 12 +- .../src/components/Field/renderField.tsx | 6 +- .../src/components/Field/useField.tsx | 8 +- .../src/components/Field/useFieldStyles.ts | 12 +- .../components/InputField/InputField.test.tsx | 11 - .../SelectField/SelectField.test.tsx | 11 - .../SliderField/SliderField.test.tsx | 11 - .../SpinButtonField/SpinButtonField.test.tsx | 11 - .../SwitchField/SwitchField.test.tsx | 11 - .../TextareaField/TextareaField.test.tsx | 11 - .../react-components/react-field/src/index.ts | 32 +- .../stories/Field/FieldDefault.stories.tsx | 2 +- .../src/stories/Field/FieldHint.stories.tsx | 2 +- .../stories/Field/FieldHorizontal.stories.tsx | 2 +- .../src/stories/Field/FieldLabel.stories.tsx | 2 +- .../stories/Field/FieldRequired.stories.tsx | 2 +- .../src/stories/Field/FieldSize.stories.tsx | 2 +- .../Field/FieldValidationState.stories.tsx | 2 +- .../react-image/CHANGELOG.json | 35 + .../react-components/react-image/CHANGELOG.md | 13 +- .../react-components/react-image/package.json | 8 +- .../react-image/src/testing/isConformant.ts | 2 +- .../etc/react-infobutton.api.md | 6 +- .../react-infobutton/package.json | 10 +- .../src/common/isConformant.ts | 2 +- .../InfoButton/DefaultInfoButtonIcon.tsx | 3 - .../InfoButton/DefaultInfoButtonIcons.tsx | 13 + .../components/InfoButton/InfoButton.types.ts | 11 +- .../components/InfoButton/useInfoButton.tsx | 22 +- .../InfoButton/useInfoButtonStyles.ts | 76 +- .../Infobutton/InfoButtonSize.stories.tsx | 56 + .../src/stories/Infobutton/index.stories.tsx | 1 + .../react-input/CHANGELOG.json | 65 + .../react-components/react-input/CHANGELOG.md | 18 +- .../react-input/etc/react-input.api.md | 16 +- .../react-components/react-input/package.json | 18 +- .../src/InputField.ts | 0 .../src/components/Input/useInputStyles.ts | 3 +- .../components/InputField/InputField.test.tsx | 25 + .../src/components/InputField/InputField.tsx | 11 +- .../src/components/InputField/index.ts | 0 .../react-components/react-input/src/index.ts | 3 + .../react-input/src/testing/isConformant.ts | 2 +- .../InputField/InputFieldDefault.stories.tsx | 4 +- .../InputField/InputFieldDescription.md | 0 .../stories/InputField/index.stories.tsx | 2 +- .../react-label/CHANGELOG.json | 41 + .../react-components/react-label/CHANGELOG.md | 14 +- .../react-components/react-label/package.json | 15 +- .../react-label/src/testing/isConformant.ts | 2 +- .../react-link/CHANGELOG.json | 53 + .../react-components/react-link/CHANGELOG.md | 16 +- .../react-components/react-link/package.json | 19 +- .../react-link/src/testing/isConformant.ts | 2 +- .../react-menu/CHANGELOG.json | 83 + .../react-components/react-menu/CHANGELOG.md | 21 +- .../react-menu/etc/react-menu.api.md | 2 +- .../react-components/react-menu/package.json | 22 +- .../src/components/Menu/Menu.cy.tsx | 73 +- .../src/components/MenuList/MenuList.cy.tsx | 8 +- .../MenuTrigger/MenuTrigger.types.ts | 2 +- .../components/MenuTrigger/useMenuTrigger.ts | 8 +- .../react-menu/src/testing/isConformant.ts | 2 +- .../react-menu/src/testing/selectors.ts | 4 +- .../react-overflow/.npmignore | 5 +- .../react-overflow/.storybook/main.js | 2 +- .../react-overflow/.storybook/tsconfig.json | 2 +- .../react-overflow/CHANGELOG.json | 47 + .../react-overflow/CHANGELOG.md | 15 +- .../react-overflow/package.json | 20 +- .../Overflow.e2e.tsx => src/Overflow.cy.tsx} | 2 +- .../Overflow/CustomPriorities.stories.tsx | 0 .../stories/Overflow/Dividers.stories.tsx | 0 .../stories/Overflow/DomOrder.stories.tsx | 0 .../Overflow/MinimumVisible.stories.tsx | 0 .../stories/Overflow/Pinned.stories.tsx | 0 .../Overflow/PriorityWithDividers.stories.tsx | 0 .../Overflow/ReverseDomOrder.stories.tsx | 0 .../stories/Overflow/Selection.stories.tsx | 0 .../stories/Overflow/index.stories.tsx | 0 .../stories/Overflow/utils.stories.tsx | 0 .../{e2e/tsconfig.json => tsconfig.cy.json} | 4 +- .../react-overflow/tsconfig.json | 3 + .../react-overflow/tsconfig.lib.json | 11 +- .../react-persona/CHANGELOG.json | 45 + .../react-persona/CHANGELOG.md | 16 +- .../react-persona/package.json | 22 +- .../react-persona/src/common/isConformant.ts | 2 +- .../react-popover/CHANGELOG.json | 75 + .../react-popover/CHANGELOG.md | 21 +- .../react-popover/package.json | 29 +- .../react-popover/src/common/isConformant.ts | 2 +- .../CHANGELOG.json | 21 + .../react-portal-compat-context/CHANGELOG.md | 12 +- .../react-portal-compat-context/package.json | 12 +- .../react-portal-compat/CHANGELOG.json | 47 + .../react-portal-compat/CHANGELOG.md | 15 +- .../react-portal-compat/package.json | 22 +- .../react-portal/CHANGELOG.json | 39 + .../react-portal/CHANGELOG.md | 15 +- .../react-portal/package.json | 15 +- .../react-positioning/CHANGELOG.json | 33 + .../react-positioning/CHANGELOG.md | 14 +- .../react-positioning/package.json | 15 +- .../react-progress/CHANGELOG.json | 57 + .../react-progress/CHANGELOG.md | 18 +- .../react-components/react-progress/Spec.md | 1 + .../react-progress/etc/react-progress.api.md | 16 +- .../react-progress/package.json | 21 +- .../src/ProgressField.ts | 0 .../react-progress/src/common/isConformant.ts | 2 +- .../components/Progress/useProgressStyles.ts | 4 + .../ProgressField/ProgressField.test.tsx | 14 + .../ProgressField/ProgressField.tsx | 11 +- .../src/components/ProgressField/index.ts | 0 .../react-progress/src/index.ts | 3 + .../stories/Progress/ProgressBestPractices.md | 1 + .../ProgressFieldDefault.stories.tsx | 4 +- .../ProgressField/ProgressFieldDescription.md | 0 .../stories/ProgressField/index.stories.tsx | 2 +- .../react-provider/CHANGELOG.json | 45 + .../react-provider/CHANGELOG.md | 16 +- .../react-provider/package.json | 19 +- .../react-provider/src/common/isConformant.ts | 2 +- .../react-radio/CHANGELOG.json | 63 + .../react-components/react-radio/CHANGELOG.md | 19 +- .../react-radio/etc/react-radio.api.md | 14 +- .../react-components/react-radio/package.json | 22 +- .../src/RadioGroupField.ts | 0 .../react-radio/src/common/isConformant.ts | 2 +- .../RadioGroupField/RadioGroupField.test.tsx | 14 + .../RadioGroupField/RadioGroupField.tsx | 11 +- .../src/components/RadioGroupField/index.ts | 0 .../react-components/react-radio/src/index.ts | 3 + .../RadioGroupFieldDefault.stories.tsx | 4 +- .../RadioGroupFieldDescription.md | 0 .../stories/RadioGroupField/index.stories.tsx | 2 +- .../react-select/CHANGELOG.json | 59 + .../react-select/CHANGELOG.md | 17 +- .../react-select/etc/react-select.api.md | 12 + .../react-select/package.json | 16 +- .../src/SelectField.ts | 0 .../src/components/Select/useSelectStyles.ts | 10 +- .../SelectField/SelectField.test.tsx | 25 + .../components/SelectField/SelectField.tsx | 11 +- .../src/components/SelectField/index.ts | 0 .../react-select/src/index.ts | 3 + .../react-select/src/testing/isConformant.ts | 2 +- .../SelectFieldDefault.stories.tsx | 4 +- .../SelectField/SelectFieldDescription.md | 0 .../stories/SelectField/index.stories.tsx | 2 +- .../react-shared-contexts/CHANGELOG.json | 21 + .../react-shared-contexts/CHANGELOG.md | 12 +- .../react-shared-contexts/package.json | 11 +- .../react-skeleton/package.json | 10 +- .../react-slider/CHANGELOG.json | 65 + .../react-slider/CHANGELOG.md | 18 +- .../react-slider/etc/react-slider.api.md | 16 +- .../react-slider/package.json | 15 +- .../src/SliderField.ts | 0 .../SliderField/SliderField.test.tsx | 25 + .../components/SliderField/SliderField.tsx | 11 +- .../src/components/SliderField/index.ts | 0 .../react-slider/src/index.ts | 3 + .../react-slider/src/testing/isConformant.ts | 2 +- .../SliderFieldDefault.stories.tsx | 4 +- .../SliderField/SliderFieldDescription.md | 0 .../stories/SliderField/index.stories.tsx | 2 +- .../react-spinbutton/CHANGELOG.json | 69 + .../react-spinbutton/CHANGELOG.md | 20 +- .../etc/react-spinbutton.api.md | 12 + .../react-spinbutton/package.json | 22 +- .../src/SpinButtonField.ts | 0 .../src/common/isConformant.ts | 2 +- .../SpinButton/useSpinButtonStyles.ts | 26 +- .../SpinButtonField/SpinButtonField.test.tsx | 25 + .../SpinButtonField/SpinButtonField.tsx | 11 +- .../src/components/SpinButtonField/index.ts | 0 .../react-spinbutton/src/index.ts | 3 + .../SpinButtonFieldDefault.stories.tsx | 4 +- .../SpinButtonFieldDescription.md | 0 .../stories/SpinButtonField/index.stories.tsx | 2 +- .../react-spinner/CHANGELOG.json | 51 + .../react-spinner/CHANGELOG.md | 17 +- .../react-components/react-spinner/Spec.md | 2 + .../react-spinner/package.json | 17 +- .../react-spinner/src/common/isConformant.ts | 2 +- .../stories/Spinner/SpinnerBestPractices.md | 1 + .../react-storybook-addon/package.json | 11 +- .../react-storybook/package.json | 11 +- .../react-switch/CHANGELOG.json | 69 + .../react-switch/CHANGELOG.md | 20 +- .../react-switch/etc/react-switch.api.md | 14 +- .../react-switch/package.json | 20 +- .../src/SwitchField.ts | 0 .../react-switch/src/common/isConformant.ts | 2 +- .../src/components/Switch/useSwitchStyles.ts | 1 + .../SwitchField/SwitchField.test.tsx | 25 + .../components/SwitchField/SwitchField.tsx | 11 +- .../src/components/SwitchField/index.ts | 0 .../react-switch/src/index.ts | 3 + .../SwitchFieldDefault.stories.tsx | 4 +- .../SwitchField/SwitchFieldDescription.md | 0 .../src/stories/SwitchField/index.stories.tsx | 2 +- .../react-table/CHANGELOG.json | 89 + .../react-components/react-table/CHANGELOG.md | 22 +- .../react-components/react-table/package.json | 20 +- .../react-table/src/testing/isConformant.ts | 2 +- .../react-tabs/CHANGELOG.json | 67 + .../react-components/react-tabs/CHANGELOG.md | 21 +- .../react-tabs/etc/react-tabs.api.md | 8 +- .../react-components/react-tabs/package.json | 12 +- .../src/components/Tab/Tab.test.tsx | 4 + .../src/components/Tab/Tab.types.ts | 9 +- .../Tab/__snapshots__/Tab.test.tsx.snap | 148 ++ .../src/components/Tab/renderTab.tsx | 3 + .../react-tabs/src/components/Tab/useTab.ts | 2 + .../src/components/Tab/useTabStyles.ts | 172 +- .../src/components/TabList/TabList.types.ts | 15 +- .../src/components/TabList/TabListContext.ts | 1 + .../__snapshots__/TabList.test.tsx.snap | 35 + .../src/components/TabList/useTabList.ts | 10 +- .../TabList/useTabListContextValues.tsx | 2 + .../react-tabs/src/testing/isConformant.ts | 2 +- .../stories/Tabs/TabListDisabled.stories.tsx | 20 +- .../stories/Tabs/TabListIconOnly.stories.tsx | 12 +- .../stories/Tabs/TabListSizeLarge.stories.tsx | 52 + .../Tabs/TabListSizeMedium.stories.tsx | 8 +- .../stories/Tabs/TabListSizeSmall.stories.tsx | 8 +- .../stories/Tabs/TabListWithIcon.stories.tsx | 12 +- .../Tabs/TabListWithOverflow.stories.tsx | 42 +- .../Tabs/TabListWithPanels.stories.tsx | 20 +- .../react-tabs/stories/Tabs/index.stories.tsx | 1 + .../react-tabster/CHANGELOG.json | 41 + .../react-tabster/CHANGELOG.md | 18 +- .../react-tabster/etc/react-tabster.api.md | 2 +- .../react-tabster/package.json | 15 +- .../src/hooks/useArrowNavigationGroup.ts | 8 +- .../react-text/CHANGELOG.json | 41 + .../react-components/react-text/CHANGELOG.md | 13 +- .../react-components/react-text/package.json | 8 +- .../react-text/src/testing/isConformant.ts | 2 +- .../stories/Text/Default.stories.tsx | 18 +- .../stories/Text/TextAlignment.stories.tsx | 30 + .../stories/Text/TextBestPractices.md | 7 +- .../stories/Text/TextFont.stories.tsx | 28 +- .../react-text/stories/Text/TextPresets.md | 1 + .../stories/Text/TextPresets.stories.tsx | 52 + .../stories/Text/TextSize.stories.tsx | 43 +- .../stories/Text/TextTruncate.stories.tsx | 25 +- .../stories/Text/TextTypography.stories.tsx | 39 - .../stories/Text/TextWeight.stories.tsx | 29 +- .../react-text/stories/Text/index.stories.tsx | 13 +- .../react-textarea/CHANGELOG.json | 45 + .../react-textarea/CHANGELOG.md | 16 +- .../react-textarea/etc/react-textarea.api.md | 14 + .../react-textarea/package.json | 19 +- .../src/TextareaField.ts | 0 .../react-textarea/src/common/isConformant.ts | 2 +- .../TextareaField/TextareaField.test.tsx | 25 + .../TextareaField/TextareaField.tsx | 11 +- .../src/components/TextareaField/index.ts | 0 .../react-textarea/src/index.ts | 3 + .../TextareaFieldDefault.stories.tsx | 4 +- .../TextareaField/TextareaFieldDescription.md | 0 .../stories/TextareaField/index.stories.tsx | 2 +- .../react-theme-sass/CHANGELOG.json | 21 + .../react-theme-sass/CHANGELOG.md | 12 +- .../react-theme-sass/package.json | 16 +- .../react-theme/CHANGELOG.json | 21 + .../react-components/react-theme/CHANGELOG.md | 12 +- .../react-components/react-theme/package.json | 9 +- .../src/global/typographyStyles.ts | 2 +- .../react-toolbar/CHANGELOG.json | 77 + .../react-toolbar/CHANGELOG.md | 19 +- .../react-toolbar/package.json | 28 +- .../react-toolbar/src/common/isConformant.ts | 2 +- .../__snapshots__/Toolbar.test.tsx.snap | 2 +- .../src/components/Toolbar/useToolbar.ts | 2 +- .../ToolbarControlledToggleButton.stories.tsx | 22 +- .../Toolbar/ToolbarDefault.stories.tsx | 15 +- .../stories/Toolbar/ToolbarRadio.stories.tsx | 23 +- .../ToolbarRadioControlled.stories.tsx | 23 +- .../stories/Toolbar/ToolbarSmall.stories.tsx | 13 +- .../stories/Toolbar/ToolbarSubtle.stories.tsx | 6 +- .../Toolbar/ToolbarVertical.stories.tsx | 12 + .../Toolbar/ToolbarWithPopover.stories.tsx | 26 +- .../Toolbar/ToolbarWithTooltip.stories.tsx | 13 +- .../src/stories/Toolbar/index.stories.tsx | 1 + .../react-tooltip/CHANGELOG.json | 57 + .../react-tooltip/CHANGELOG.md | 18 +- .../react-tooltip/package.json | 23 +- .../react-tooltip/src/common/isConformant.ts | 2 +- .../react-components/react-tree/package.json | 6 +- .../react-utilities/CHANGELOG.json | 21 + .../react-utilities/CHANGELOG.md | 12 +- .../react-utilities/package.json | 11 +- .../theme-designer/package.json | 20 +- packages/react-conformance/CHANGELOG.json | 15 + packages/react-conformance/README.md | 2 +- packages/react-conformance/package.json | 2 +- packages/react-date-time/CHANGELOG.json | 21 + packages/react-date-time/CHANGELOG.md | 12 +- packages/react-date-time/package.json | 6 +- .../react-docsite-components/CHANGELOG.json | 57 + .../react-docsite-components/CHANGELOG.md | 18 +- .../react-docsite-components/package.json | 18 +- packages/react-examples/package.json | 42 +- packages/react-experiments/CHANGELOG.json | 81 + packages/react-experiments/CHANGELOG.md | 22 +- packages/react-experiments/package.json | 26 +- packages/react-file-type-icons/CHANGELOG.json | 21 + packages/react-file-type-icons/CHANGELOG.md | 12 +- packages/react-file-type-icons/package.json | 6 +- packages/react-focus/CHANGELOG.json | 51 + packages/react-focus/CHANGELOG.md | 17 +- packages/react-focus/package.json | 16 +- .../react-focus/src/common/isConformant.ts | 2 +- packages/react-hooks/CHANGELOG.json | 33 + packages/react-hooks/CHANGELOG.md | 14 +- packages/react-hooks/package.json | 10 +- packages/react-icon-provider/CHANGELOG.json | 21 + packages/react-icon-provider/CHANGELOG.md | 12 +- packages/react-icon-provider/package.json | 6 +- .../react-icons-mdl2-branded/CHANGELOG.json | 21 + .../react-icons-mdl2-branded/CHANGELOG.md | 12 +- .../react-icons-mdl2-branded/package.json | 6 +- packages/react-icons-mdl2/CHANGELOG.json | 27 + packages/react-icons-mdl2/CHANGELOG.md | 13 +- packages/react-icons-mdl2/package.json | 8 +- packages/react-migration-v8-v9/CHANGELOG.json | 15 + packages/react-migration-v8-v9/CHANGELOG.md | 11 +- packages/react-migration-v8-v9/package.json | 12 +- packages/react-monaco-editor/CHANGELOG.json | 33 + packages/react-monaco-editor/CHANGELOG.md | 14 +- packages/react-monaco-editor/package.json | 10 +- packages/react-window-provider/CHANGELOG.json | 21 + packages/react-window-provider/CHANGELOG.md | 12 +- packages/react-window-provider/package.json | 6 +- packages/react/CHANGELOG.json | 126 ++ packages/react/CHANGELOG.md | 27 +- packages/react/package.json | 36 +- packages/react/src/common/isConformant.ts | 2 +- .../src/components/Persona/Persona.test.tsx | 20 +- .../Persona/PersonaCoin/PersonaCoin.test.tsx | 2 +- .../__snapshots__/PersonaCoin.test.tsx.snap | 1832 ----------------- .../src/components/Persona/test-utils.tsx | 19 + packages/react/src/index.ts | 1565 +++++++++++++- packages/scheme-utilities/CHANGELOG.json | 21 + packages/scheme-utilities/CHANGELOG.md | 12 +- packages/scheme-utilities/package.json | 6 +- packages/set-version/package.json | 2 +- packages/storybook/package.json | 8 +- packages/style-utilities/CHANGELOG.json | 33 + packages/style-utilities/CHANGELOG.md | 14 +- packages/style-utilities/package.json | 10 +- packages/test-utilities/package.json | 2 +- packages/theme-samples/CHANGELOG.json | 27 + packages/theme-samples/CHANGELOG.md | 13 +- packages/theme-samples/package.json | 8 +- packages/theme/CHANGELOG.json | 27 + packages/theme/CHANGELOG.md | 13 +- packages/theme/package.json | 8 +- packages/utilities/CHANGELOG.json | 39 + packages/utilities/CHANGELOG.md | 15 +- packages/utilities/package.json | 12 +- packages/webpack-utilities/package.json | 2 +- .../convergence/field-package-layout.md | 139 ++ rfcs/shared/build-system/triage-automation.md | 223 ++ scripts/beachball/base.config.json | 1 + scripts/beachball/config.test.ts | 1 + .../src/common/isConformant.ts.hbs | 2 +- scripts/exec-sync.js | 23 - scripts/exec.js | 53 - scripts/lint-staged/eslint-for-package.js | 6 +- scripts/lint-staged/eslint.js | 14 +- scripts/local-codepen.js | 4 +- scripts/tasks/webpack.ts | 4 +- scripts/token-pipeline.ts | 23 +- tools/generators/epic-generator/index.spec.ts | 4 +- .../index.d.ts | 2 +- yarn.lock | 59 +- 665 files changed, 11385 insertions(+), 4826 deletions(-) create mode 100644 .devops/templates/runpublishvrscreenshot.yml delete mode 100644 apps/stress-test/src/shared/utils/requestPostAnimationFrame.ts mode change 100755 => 100644 apps/vr-tests-react-components/convertStoriesToStoryWright.sh delete mode 100644 apps/vr-tests-react-components/src/stories/Accordion.stories.tsx create mode 100644 apps/vr-tests-react-components/src/stories/Accordion/Accordion.stories.tsx create mode 100644 apps/vr-tests-react-components/src/stories/Accordion/AccordionFocusInteractions.stories.tsx delete mode 100644 apps/vr-tests-react-components/src/stories/Dialog.stories.tsx create mode 100644 apps/vr-tests-react-components/src/stories/Dialog/Dialog.stories.tsx delete mode 100644 apps/vr-tests-react-components/src/stories/Image.stories.tsx create mode 100644 apps/vr-tests-react-components/src/stories/Image/Image.stories.tsx create mode 100755 apps/vr-tests/convertStoriesToStoryWright.sh delete mode 100644 change/@fluentui-react-avatar-7d40837f-02b3-476a-82a1-6ed45891f298.json delete mode 100644 change/@fluentui-react-avatar-c3167dd3-8b29-43f9-b555-d92a98a2b323.json delete mode 100644 change/@fluentui-react-button-225ecdbe-edd5-43c7-b12c-87a65fbaa0cd.json delete mode 100644 change/@fluentui-react-button-c452c0d5-b913-4697-906a-ab9effbe88b2.json delete mode 100644 change/@fluentui-react-card-4c8108dc-932c-4489-afa2-dc5b08d3465d.json delete mode 100644 change/@fluentui-react-components-35f251b9-6362-4ca3-9d30-124fcfe024cf.json delete mode 100644 change/@fluentui-react-components-a065d3d7-c686-4ce0-b520-0b1875853ca0.json delete mode 100644 change/@fluentui-react-components-ba631a4c-e394-4ffa-b4f3-e84de4f8c733.json delete mode 100644 change/@fluentui-react-portal-54fcbe1c-d23f-48f6-916a-9752737af543.json delete mode 100644 change/@fluentui-react-portal-compat-0f43f3ad-6a47-4dec-8dfc-209831dd34b5.json delete mode 100644 change/@fluentui-react-portal-compat-context-a9e06321-41d0-43bb-b673-d1da46746c8a.json delete mode 100644 change/@fluentui-react-spinner-b295999d-5738-48b8-b9db-5d3f52ce0cc6.json delete mode 100644 change/@fluentui-react-switch-5a890d50-6c5c-4606-a677-582ded4bb23c.json delete mode 100644 change/@fluentui-react-table-350ae095-7533-4307-a31f-6d9cbb178cb8.json delete mode 100644 change/@fluentui-react-table-7398941b-ae22-4a18-878d-1ac8e853c6ee.json delete mode 100644 change/@fluentui-react-table-a94f4f80-c021-4eb8-a8e3-789425aee9e2.json delete mode 100644 change/@fluentui-react-toolbar-bac826cc-5a66-447f-ab37-f85d8df68fb9.json rename packages/react-components/{react-field => react-checkbox}/src/CheckboxField.ts (100%) rename packages/react-components/{react-field => react-checkbox}/src/components/CheckboxField/CheckboxField.test.tsx (89%) rename packages/react-components/{react-field => react-checkbox}/src/components/CheckboxField/CheckboxField.tsx (80%) rename packages/react-components/{react-field => react-checkbox}/src/components/CheckboxField/index.ts (100%) rename packages/react-components/{react-field/src => react-checkbox}/stories/CheckboxField/CheckboxFieldDefault.stories.tsx (65%) rename packages/react-components/{react-field/src => react-checkbox}/stories/CheckboxField/CheckboxFieldDescription.md (100%) rename packages/react-components/{react-field/src => react-checkbox}/stories/CheckboxField/CheckboxFieldFieldLabel.stories.tsx (86%) rename packages/react-components/{react-field/src => react-checkbox}/stories/CheckboxField/index.stories.tsx (84%) rename packages/react-components/{react-field => react-combobox}/src/ComboboxField.ts (100%) create mode 100644 packages/react-components/react-combobox/src/components/ComboboxField/ComboboxField.test.tsx rename packages/react-components/{react-field => react-combobox}/src/components/ComboboxField/ComboboxField.tsx (71%) rename packages/react-components/{react-field => react-combobox}/src/components/ComboboxField/index.ts (100%) rename packages/react-components/{react-field => react-combobox}/src/stories/ComboboxField/ComboboxFieldDefault.stories.tsx (75%) rename packages/react-components/{react-field => react-combobox}/src/stories/ComboboxField/ComboboxFieldDescription.md (100%) rename packages/react-components/{react-field => react-combobox}/src/stories/ComboboxField/index.stories.tsx (82%) rename packages/react-components/react-dialog/{ => docs}/Spec.md (100%) rename packages/react-components/react-dialog/{ => docs}/assets/AlertDialogKeyboardInteraction.png (100%) rename packages/react-components/react-dialog/{ => docs}/assets/AlertDialogMouseInteraction.png (100%) rename packages/react-components/react-dialog/{ => docs}/assets/ModalDialogKeyboardInteraction.png (100%) rename packages/react-components/react-dialog/{ => docs}/assets/ModalDialogMouseInteraction.png (100%) rename packages/react-components/react-dialog/{ => docs}/assets/NonModalDialogKeyboardInteraction.png (100%) rename packages/react-components/react-dialog/{ => docs}/assets/NonModalDialogMouseInteraction.png (100%) rename packages/react-components/react-dialog/{e2e/Dialog.e2e.tsx => src/components/Dialog/Dialog.cy.tsx} (99%) rename packages/react-components/react-dialog/{e2e/DialogTitle.e2e.tsx => src/components/DialogTitle/DialogTitle.cy.tsx} (99%) rename packages/react-components/react-dialog/src/{common => testing}/isConformant.ts (89%) rename packages/react-components/react-dialog/src/{contexts/dialogContext.mock.ts => testing/mockUseDialogContext.ts} (84%) rename packages/react-components/react-dialog/{e2e => src/testing}/selectors.ts (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogA11y.md (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogAlert.md (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogAlert.stories.tsx (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogBestPractices.md (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogChangeFocus.stories.tsx (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogControllingOpenAndClose.md (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogControllingOpenAndClose.stories.tsx (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogCustomTrigger.md (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogCustomTrigger.stories.tsx (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogDefault.stories.tsx (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogDescription.md (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogNoFocusableElement.md (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogNoFocusableElement.stories.tsx (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogNonModal.md (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogNonModal.stories.tsx (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogScrollingLongContent.stories.tsx (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogTitleCustomAction.md (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogTitleCustomAction.stories.tsx (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogTitleNoAction.md (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogTitleNoAction.stories.tsx (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogTriggerOutsideDialog.md (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogTriggerOutsideDialog.stories.tsx (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogWithForm.md (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/DialogWithForm.stories.tsx (100%) rename packages/react-components/react-dialog/{src => }/stories/Dialog/index.stories.tsx (100%) rename packages/react-components/react-dialog/{e2e/tsconfig.json => tsconfig.cy.json} (70%) delete mode 100644 packages/react-components/react-field/src/common/isConformant.ts delete mode 100644 packages/react-components/react-field/src/components/ComboboxField/ComboboxField.test.tsx delete mode 100644 packages/react-components/react-field/src/components/InputField/InputField.test.tsx delete mode 100644 packages/react-components/react-field/src/components/SelectField/SelectField.test.tsx delete mode 100644 packages/react-components/react-field/src/components/SliderField/SliderField.test.tsx delete mode 100644 packages/react-components/react-field/src/components/SpinButtonField/SpinButtonField.test.tsx delete mode 100644 packages/react-components/react-field/src/components/SwitchField/SwitchField.test.tsx delete mode 100644 packages/react-components/react-field/src/components/TextareaField/TextareaField.test.tsx delete mode 100644 packages/react-components/react-infobutton/src/components/InfoButton/DefaultInfoButtonIcon.tsx create mode 100644 packages/react-components/react-infobutton/src/components/InfoButton/DefaultInfoButtonIcons.tsx create mode 100644 packages/react-components/react-infobutton/src/stories/Infobutton/InfoButtonSize.stories.tsx rename packages/react-components/{react-field => react-input}/src/InputField.ts (100%) create mode 100644 packages/react-components/react-input/src/components/InputField/InputField.test.tsx rename packages/react-components/{react-field => react-input}/src/components/InputField/InputField.tsx (70%) rename packages/react-components/{react-field => react-input}/src/components/InputField/index.ts (100%) rename packages/react-components/{react-field/src => react-input}/stories/InputField/InputFieldDefault.stories.tsx (66%) rename packages/react-components/{react-field/src => react-input}/stories/InputField/InputFieldDescription.md (100%) rename packages/react-components/{react-field/src => react-input}/stories/InputField/index.stories.tsx (82%) rename packages/react-components/react-overflow/{e2e/Overflow.e2e.tsx => src/Overflow.cy.tsx} (99%) rename packages/react-components/react-overflow/{src => }/stories/Overflow/CustomPriorities.stories.tsx (100%) rename packages/react-components/react-overflow/{src => }/stories/Overflow/Dividers.stories.tsx (100%) rename packages/react-components/react-overflow/{src => }/stories/Overflow/DomOrder.stories.tsx (100%) rename packages/react-components/react-overflow/{src => }/stories/Overflow/MinimumVisible.stories.tsx (100%) rename packages/react-components/react-overflow/{src => }/stories/Overflow/Pinned.stories.tsx (100%) rename packages/react-components/react-overflow/{src => }/stories/Overflow/PriorityWithDividers.stories.tsx (100%) rename packages/react-components/react-overflow/{src => }/stories/Overflow/ReverseDomOrder.stories.tsx (100%) rename packages/react-components/react-overflow/{src => }/stories/Overflow/Selection.stories.tsx (100%) rename packages/react-components/react-overflow/{src => }/stories/Overflow/index.stories.tsx (100%) rename packages/react-components/react-overflow/{src => }/stories/Overflow/utils.stories.tsx (100%) rename packages/react-components/react-overflow/{e2e/tsconfig.json => tsconfig.cy.json} (70%) rename packages/react-components/{react-field => react-progress}/src/ProgressField.ts (100%) rename packages/react-components/{react-field => react-progress}/src/components/ProgressField/ProgressField.test.tsx (75%) rename packages/react-components/{react-field => react-progress}/src/components/ProgressField/ProgressField.tsx (75%) rename packages/react-components/{react-field => react-progress}/src/components/ProgressField/index.ts (100%) rename packages/react-components/{react-field => react-progress}/src/stories/ProgressField/ProgressFieldDefault.stories.tsx (67%) rename packages/react-components/{react-field => react-progress}/src/stories/ProgressField/ProgressFieldDescription.md (100%) rename packages/react-components/{react-field => react-progress}/src/stories/ProgressField/index.stories.tsx (82%) rename packages/react-components/{react-field => react-radio}/src/RadioGroupField.ts (100%) rename packages/react-components/{react-field => react-radio}/src/components/RadioGroupField/RadioGroupField.test.tsx (68%) rename packages/react-components/{react-field => react-radio}/src/components/RadioGroupField/RadioGroupField.tsx (73%) rename packages/react-components/{react-field => react-radio}/src/components/RadioGroupField/index.ts (100%) rename packages/react-components/{react-field => react-radio}/src/stories/RadioGroupField/RadioGroupFieldDefault.stories.tsx (76%) rename packages/react-components/{react-field => react-radio}/src/stories/RadioGroupField/RadioGroupFieldDescription.md (100%) rename packages/react-components/{react-field => react-radio}/src/stories/RadioGroupField/index.stories.tsx (82%) rename packages/react-components/{react-field => react-select}/src/SelectField.ts (100%) create mode 100644 packages/react-components/react-select/src/components/SelectField/SelectField.test.tsx rename packages/react-components/{react-field => react-select}/src/components/SelectField/SelectField.tsx (70%) rename packages/react-components/{react-field => react-select}/src/components/SelectField/index.ts (100%) rename packages/react-components/{react-field/src => react-select}/stories/SelectField/SelectFieldDefault.stories.tsx (75%) rename packages/react-components/{react-field/src => react-select}/stories/SelectField/SelectFieldDescription.md (100%) rename packages/react-components/{react-field/src => react-select}/stories/SelectField/index.stories.tsx (82%) rename packages/react-components/{react-field => react-slider}/src/SliderField.ts (100%) create mode 100644 packages/react-components/react-slider/src/components/SliderField/SliderField.test.tsx rename packages/react-components/{react-field => react-slider}/src/components/SliderField/SliderField.tsx (70%) rename packages/react-components/{react-field => react-slider}/src/components/SliderField/index.ts (100%) rename packages/react-components/{react-field/src => react-slider}/stories/SliderField/SliderFieldDefault.stories.tsx (66%) rename packages/react-components/{react-field/src => react-slider}/stories/SliderField/SliderFieldDescription.md (100%) rename packages/react-components/{react-field/src => react-slider}/stories/SliderField/index.stories.tsx (82%) rename packages/react-components/{react-field => react-spinbutton}/src/SpinButtonField.ts (100%) create mode 100644 packages/react-components/react-spinbutton/src/components/SpinButtonField/SpinButtonField.test.tsx rename packages/react-components/{react-field => react-spinbutton}/src/components/SpinButtonField/SpinButtonField.tsx (71%) rename packages/react-components/{react-field => react-spinbutton}/src/components/SpinButtonField/index.ts (100%) rename packages/react-components/{react-field => react-spinbutton}/src/stories/SpinButtonField/SpinButtonFieldDefault.stories.tsx (65%) rename packages/react-components/{react-field => react-spinbutton}/src/stories/SpinButtonField/SpinButtonFieldDescription.md (100%) rename packages/react-components/{react-field => react-spinbutton}/src/stories/SpinButtonField/index.stories.tsx (82%) rename packages/react-components/{react-field => react-switch}/src/SwitchField.ts (100%) create mode 100644 packages/react-components/react-switch/src/components/SwitchField/SwitchField.test.tsx rename packages/react-components/{react-field => react-switch}/src/components/SwitchField/SwitchField.tsx (76%) rename packages/react-components/{react-field => react-switch}/src/components/SwitchField/index.ts (100%) rename packages/react-components/{react-field => react-switch}/src/stories/SwitchField/SwitchFieldDefault.stories.tsx (66%) rename packages/react-components/{react-field => react-switch}/src/stories/SwitchField/SwitchFieldDescription.md (100%) rename packages/react-components/{react-field => react-switch}/src/stories/SwitchField/index.stories.tsx (82%) create mode 100644 packages/react-components/react-tabs/stories/Tabs/TabListSizeLarge.stories.tsx create mode 100644 packages/react-components/react-text/stories/Text/TextAlignment.stories.tsx create mode 100644 packages/react-components/react-text/stories/Text/TextPresets.md create mode 100644 packages/react-components/react-text/stories/Text/TextPresets.stories.tsx delete mode 100644 packages/react-components/react-text/stories/Text/TextTypography.stories.tsx rename packages/react-components/{react-field => react-textarea}/src/TextareaField.ts (100%) create mode 100644 packages/react-components/react-textarea/src/components/TextareaField/TextareaField.test.tsx rename packages/react-components/{react-field => react-textarea}/src/components/TextareaField/TextareaField.tsx (71%) rename packages/react-components/{react-field => react-textarea}/src/components/TextareaField/index.ts (100%) rename packages/react-components/{react-field => react-textarea}/src/stories/TextareaField/TextareaFieldDefault.stories.tsx (65%) rename packages/react-components/{react-field => react-textarea}/src/stories/TextareaField/TextareaFieldDescription.md (100%) rename packages/react-components/{react-field => react-textarea}/src/stories/TextareaField/index.stories.tsx (82%) create mode 100644 packages/react-components/react-toolbar/src/stories/Toolbar/ToolbarVertical.stories.tsx create mode 100644 packages/react/src/components/Persona/test-utils.tsx create mode 100644 rfcs/react-components/convergence/field-package-layout.md create mode 100644 rfcs/shared/build-system/triage-automation.md delete mode 100644 scripts/exec-sync.js delete mode 100644 scripts/exec.js diff --git a/.devops/templates/runpublishvrscreenshot.yml b/.devops/templates/runpublishvrscreenshot.yml new file mode 100644 index 00000000000000..05e5de7468c14e --- /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 ca5b1b2522ffe9..6aaa5dc4f55a67 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 61eab4fa45f9b6..d727ad586e01b3 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 13093aea5508c1..889f362b38a715 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 08b252d6d0040d..cb55c3ac826fbb 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 7d7a16e4023ce0..5a8fc3766ab61b 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 80298c59e914f6..dbf8cb26b6d565 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 4d545853fb611c..8dde44a995a123 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 d766953f1f0dd6..94490901b69a0b 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 43d7af07a3fff8..5ca5df31d67117 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 1380db348d6a4f..00000000000000 --- 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 bee5e4275ca689..6eaa6439b45243 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 d83790a2c45406..3a144f6a80e510 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 3b05b292433ea2..b70d4dbd99a7fe 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 e9403e36fb79c5..7e10b51289fbdc 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 0e9615a6081150..0a69769a568e2b 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 25f44d9375e184..ad72565d39bcc2 --- 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 9743e4411c7ea8..3c666a63c68e02 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 4fee9cf87f3a8b..00000000000000 --- 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 00000000000000..611d822aa403a3 --- /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 00000000000000..81c0afc7df01a5 --- /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 f19cc9bb55faea..fa930d180baf4d 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 98ccf2836eb637..00000000000000 --- 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 00000000000000..5061f52be2d9c5 --- /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 663edb63285237..8f1fae22d29d7b 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 cf06075f882bfb..00000000000000 --- 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 00000000000000..d24288b7aee426 --- /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 1c397958bfa536..0904453a7d4da4 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 00000000000000..35c46bf13278d4 --- /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 aa3f06e1d749c5..046bfa0a3646ba 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 d0426ef9f72d79..33bfe164b909a6 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 1df717dd24a168..81992e2c293ee3 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 38da4ac5bd739e..00000000000000 --- 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 0904caf50e0d4e..00000000000000 --- 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 94b226dc852450..00000000000000 --- 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 42ce1efcd33570..00000000000000 --- 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 60bc8437c2ce81..00000000000000 --- 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 dc6e12439eb02e..00000000000000 --- 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 636809807da409..00000000000000 --- 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 399304b88e68fc..00000000000000 --- 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 2a770628b1160d..00000000000000 --- 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 7fa24ca821436f..00000000000000 --- 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 11d29d810c6b48..00000000000000 --- 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 42a49d660f6a52..00000000000000 --- 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 9e284703c22f28..00000000000000 --- 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 9e7b32197151bc..00000000000000 --- 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 8a693f617402cc..00000000000000 --- 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 522584077d747b..00000000000000 --- 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 5d22ae19dc7070..00000000000000 --- 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 2cfb4f5a5725a0..eef0e4cbd20c11 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 781a28b4c1c87b..111ab61ef60007 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 bf9224e55d9837..414de08f9243d0 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 bf6c089e871cd7..c6abb13199e756 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 37cdb1b992a263..5850b01d595225 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 d3a56b60aaa21d..46f247d4c2559d 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 c1f66856949a72..76d37564d2d418 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 64f78ec3500cf8..c10f3f0fdb4b1c 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 99ef2578e55831..aaaa1ace517f7c 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 2a4ca190f3da30..97e1f30d80ac20 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 6d9a8ec5c58124..db7f1abe28b9cd 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 c365f856ac6879..95cd6042bddc4e 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 d9a1d96729c57a..cc1be61ec4f630 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 763e158a60002e..967714b27c191b 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 151b6733b4589d..91c0adb72bf934 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 b7b886a446491e..39915ab07164b7 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 fe2ba32b3e5bdf..ca0d5f37aabf23 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 afbb7572a45164..5ba0600498306e 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 3aed6938a17a67..b899b0afdf3c90 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 03ebfb1435c1f7..fd9c79a3f25293 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 3a1df352e6cbfb..7d8de48fb8b7e5 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 d98d7bd67427d0..0899f5b2116125 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 adc574516c4948..47493412f01d18 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 934d9b53e76736..5f5c8f60633d28 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 5e9f973083f989..da831b998d991b 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 a6d9e69828cc87..332b85b9d2a9e4 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 24b6140a3eb2ff..0759ccf8776a57 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 949646121d3692..8d696ec41bfa1c 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 7167ab09431d1f..bf4ea9770c765b 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 83503472707929..0ef05cb976bf4a 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 5a16a0a583853b..ac2298bc5254e6 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 02d786f7bd4796..fd9df900fed5e9 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 7fb875167430e3..864793dc638c0b 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 e7f32e088e6a3c..4d0bce83a55b1a 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 9286d3d97c266b..226528ed173fa2 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 91c30174120d2f..e9672c29262129 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 14fa359d7a91d8..a0deb3dadb0dad 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 131520528e318f..5a38e92e82c038 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 b1c0ca3685f23f..d536bae6011f89 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 a17df5d6b25c91..f3c112c3c740d0 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 15b86b730f165a..a64beb7e9089d5 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 cac4f8bb01c930..e01cd47286c910 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 aaaea26be14913..de1632b13730c9 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 c6d51007fa87e7..713ec65e296fc7 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 e862e74da686b7..c8f279d3962a5b 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 3be887bb845716..d04cd41b7ec286 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 ff9b4b371f0437..d7b793e27e17b8 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 a0166ae56824c7..e2f78fa2175dd4 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 d107d334bd18ba..eadc5ab648b4a7 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 fb9efa376342e6..139fc8c6c40b28 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 3ef66524e7932a..10b57d0abfe324 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 5d021fe58e137a..0d19b20ff8126d 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 be2285015d849c..3a5272d50c7451 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 077f7fa047214a..6419a704f5db9e 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 abd829868048bb..7f23d3dce93b2a 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 d024b29140346f..41e623590888c3 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 197d3ec8ce684a..80b49b2a849be4 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 6ecdc20f6de37e..8a8390c5f4f5b3 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 1084622d24e264..8822c3318127c1 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 f4c7c23761950e..fb19f41fb455ac 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 a06b0aec1ca234..fd641717ae80b8 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 fc5a72f042214b..83224b32770787 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 f274aa63880901..674d2d7d1a289b 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 233ac4912a7de4..f63bbdda626593 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 2d514a2b3924ed..2f0233771442e0 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 0a15c2c64f0fb2..183b694ab7ee30 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 d3ea29b60fa5e3..640c387c2763de 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 520ef8718dcf08..11a20b240a42ed 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 bc05bab4bd3e3a..6be48b99cba594 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 c35cc6e7358344..77f88408cbd839 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 9fcd590109367f..c8be4ee247ba36 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 a4c4055b58d506..da2a2c3c381cb1 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 555f748ba57f59..19eece421bddff 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 3dc0c329ce5df4..ac4fbd313c742e 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 a045372e59a8af..44327265e72b1c 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 efcf91ad45a2f9..9f4ece09a6353f 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 ffcedd77407787..ec30506b1bc247 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 de36f9c98b34c8..c9a3af1eb28813 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 a2665273d7d515..20c09ca725219f 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 9bf255a845f582..4d6965e19d616d 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 0a15c2c64f0fb2..183b694ab7ee30 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 db579aab5680d4..22173fd6b13c50 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 69616d8bd3e0fd..108fe31f9d7843 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 441069fe4b0775..b0f48113fbf470 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 7a0100e620029e..cb43d38e6706d5 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 0641c4a4bd51e5..82f470e64920de 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 41554791b15f29..e8031cf2025253 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 cc36159f42d51c..7791967d60bb06 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 e975c1c07b91c8..aea20df3b601b1 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 9162ce1c718370..1e712b4abd8f26 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 b347117f836b66..0ac56f889ee9fe 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 e926684c56d976..753c3f69a3bb78 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 a41652a2d5aff9..4f2f4b278eb830 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 3bbc9c1061202b..df0f43825ef5a3 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 6005c35e96ffdb..c4757cc1502092 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 38e30edeffaa99..8014a06f48f019 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 bca72cc72a5a12..09e98678c1938d 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 ffc79ae266ccc7..1bd8090da7faf3 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 2fcd3fbe8450a1..3114c8d7bc61a9 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 f84fe857908fdd..9aa18cddef469b 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 bd6cd3b12ec41c..adbf2abd84289f 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 11afee06493add..2e6ef64334327f 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 12821bb3b845b7..299c5952fb4664 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 d9a7100cc5e47c..c8d67ad658156c 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 f35e8fcae687eb..5922c0eb3c3294 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 0a15c2c64f0fb2..183b694ab7ee30 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 ec84ab646a9daa..2d14340f98a842 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 8662f2db87eb9c..14215c79c4d20b 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 f38e6cc21f58da..7ddbcaf005fd01 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 c40a8e257e7ee5..ce8c0866695e3f 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 6255bff36195e0..0dda2727942592 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 c35cc6e7358344..77f88408cbd839 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 ea464e824bd06c..6f0e63547787c5 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 c2aeb837eda722..12183e0d8ec014 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 3a282b37d53f66..d14ba86956e2d9 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 c7561968586e5e..4c777bafc08bac 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 c35cc6e7358344..77f88408cbd839 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 70f15104ee87b2..ae48c4a4846820 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 9fb2378afd0024..09919f572f19c1 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 77b94ea4e82ae1..a9f6ea7b129e6c 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 b1aec2ca284c12..3096b86ff95b5f 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 41c99c1d553796..9c72ba88a9a040 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 f8c26120b101bf..321a658dba5f6a 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 1bb3babd0ea8bb..21a66ccad202f9 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 91541d5a381f7b..2ffff9d342a7e8 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 5a15a4792746a2..0ec85e63acc88e 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 760e3cee55f285..5f93fe32574d67 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 5e3bd63bd503ba..6d0ac9f3664af4 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 f64f9635081d97..cb4bc9adea3010 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 0b3719b173c67d..2b7bf39e9bb3d1 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 cbda7396cd0377..355fa9e062a7bb 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 c35cc6e7358344..77f88408cbd839 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 9edb4c15afecc5..d6bc1d50c4ba32 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 00000000000000..63fcb3bf6331fa --- /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 88690183f3a9c5..592fd9b45c8e96 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 50ea467ac7c93f..689720fcd65bc6 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 bb95cbfb3cb5b4..2466a11ac994c7 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 55c59168618530..385ec203cb0f18 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 d1a9fc58e1e1d5..bb89ccad1f4e92 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 284fa37ded125e..0b5546cde182e7 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 f6d79f87c3c575..58f2d83ff50771 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 d0a6c3c32f7fcb..d24a8bc7e75825 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 64f5386ebd9bd3..36a8d3b5d89669 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 6a148f872a8cb9..91359ab10175e4 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 c16d80e6197b18..8a68786a055da0 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 b02944b3b1751f..ffbc8e2721f204 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 df0ffe80940736..fbdb5c9c824b42 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 dbfbc15ce2e7ea..eb49d0db010ac4 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 926d9dcff1a2c9..2ced5da20364c7 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 dded17cfe7e1e5..f46874d45e2610 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 52d2a7273a151d..f7ce568a6dbf7c 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 f57cfd09509e78..26536b61b387f6 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 f9f60e1234ed49..ea89218a3d916f 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 615bffbb7cc639..505778cc801fdb 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 e0f60f988c6891..405de117eed4dc 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 f8055ff2e33602..f2cfd7212ae850 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 0a1b8d6e7e014c..cb1cbbca14e169 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 25fd99b5fab4c9..58e6e924f5b665 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 373159e55c1083..2247dd3e6d3736 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 f24c7c59eaa6cf..ee5f07b57137ad 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 89a77753a12e08..d9ea91db679c29 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 e1c6430ad9efe5..c0315df4b4e6d0 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 6ebbb8f1efd354..bb6f46eb478ab5 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 a760b44114c80b..ed5e71e72e5ace 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 5e4384383b077b..0a5c99ad75cd54 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 987312d38817e9..96eed0d3c92fb6 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 9d49031ea4ceac..15a2654afcc6d8 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 c35cc6e7358344..77f88408cbd839 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 598bda64a332a7..e6059dd6d46e40 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 f6b23b30d510ba..93a140885851da 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 9087bac77cc8d7..1317f81620ca5e 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 bcc4a3662a199a..e17f808c039339 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 fcfa452ca28755..0e881941843de8 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 00a91d55c153ca..03afa4f9905d23 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 29e812f6842b07..120d0379e52d75 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 a68e2ed22b6ee5..b770e17d7b56d7 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 91541d5a381f7b..2ffff9d342a7e8 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 dc55bf78c839ac..e2201cc200da94 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 441249d58cff37..a7e33bca3008d3 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 fdace08fb846f5..3fee9ffbe65eea 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 9fdf7f31c01227..9e8f88d3e0939a 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 de10869ca225f9..00000000000000 --- 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 f15221eb2bac7d..00000000000000 --- 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 f1644d289d9aec..c5103fe179864e 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 c3a5c6e2577ff4..4727909444e6f2 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 acd4da41721cab..c88fad0b334923 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 005ac098c88536..bf37191fc707ae 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 05219e41786fda..00000000000000 --- 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 b64bd86dfc68a6..00000000000000 --- 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 f4d931234d86cc..00000000000000 --- 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 0d9d2d87eb5b51..00000000000000 --- 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 0d2f4b11017686..00000000000000 --- 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 2f4f4806819be3..00000000000000 --- 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 b5fb4651bf3865..8bb2bf317eca5d 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 f1ccbda6e2f327..3b96d442c5a005 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 06023c87563677..17a6f98ac65cf8 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 e943bf7f39d5ee..9935999d29083a 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 2259f02bc7997a..0ebdfccec81319 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 9cd39ab5d22216..27cdf90fc8ab18 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 c3c9560e13636e..042ce9a30d56a3 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 5992aee4e7e697..703a0e61f98bd4 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 12e0b93f553b6d..823428c647b2f4 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 c4389b3eabc297..e7487459cb4cf8 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 c35cc6e7358344..77f88408cbd839 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 080037287f1be2..be9d27214804d0 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 88147f7a4f091e..7e97b27455ee38 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 c35cc6e7358344..77f88408cbd839 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 336ae52755c871..00000000000000 --- 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 00000000000000..463159b2ae8196 --- /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 97083e38847291..b87b35df44d117 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 a998066b66d83a..967f1e51fcfde3 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 4d3ed6908f9cb1..9471f791875b4d 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 00000000000000..030ce8b15c7bc8 --- /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 4a1a1e5c8041a9..65c5f3afaae1d5 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 5a341aec1a00ce..874f9cc66d071e 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 a0d666220bf5ce..af556d84c98ca8 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 e041af374e7d9f..8e555a21d414ef 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 71b0d200971235..d73c4f8314dab8 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 cf332a7cb3087a..bde56ba1d92e2b 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 00000000000000..933979074e3bb7 --- /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 3bb40228bb88e0..db1e7707bab7aa 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 3deb992114c004..3cc92509a586a7 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 c35cc6e7358344..77f88408cbd839 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 50a9e11e7d81a5..c91243d493f496 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 a4540ae70971b0..2a17adda4515fb 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 c35cc6e7358344..77f88408cbd839 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 981a42eeaeffa4..c93394ecb7a5a4 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 ecc3026af94f4a..18508dd3ec23e6 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 030cc40009bd6c..3791486c5a9906 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 c35cc6e7358344..77f88408cbd839 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 ae5e525fb25b69..468dd1484abf0f 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 1421a563ab96ca..7b5502594d561e 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 11297f9654e3e0..02b50c737f1547 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 4adb09c58d0a8f..347a0904593066 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 0ccf7d063d17d9..aa97d3a7a186a4 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 dfc4b29c59e837..00c885b1088716 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 dda9513d0226df..c8a78b839648ea 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 e2aadae6578a4b..92397c20d41fe1 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 c35cc6e7358344..77f88408cbd839 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 02702555cae6cb..38a6b4db125766 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 52d2a7273a151d..f7ce568a6dbf7c 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 f57cfd09509e78..26536b61b387f6 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 f9f60e1234ed49..ea89218a3d916f 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 b7e792dc1442a4..ee87a155ba75b0 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 3a99304176e5a9..15de526b5faa3d 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 e99bb85372716b..5bc60b0ba36189 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 3b085a511be69f..8c4da8c87b34af 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 f6b23b30d510ba..93a140885851da 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 1941a041d46c19..1317f81620ca5e 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 008c602dc19d24..4362ef2eb7d573 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 f0c28b3520e8fc..df932f91215f6a 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 c173648e67a857..e0dc471e67d73f 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 441c38ef1e389c..afa7a4104de881 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 c35cc6e7358344..77f88408cbd839 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 774edcea36552c..caa80cec1f7671 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 78b98414fe30ad..10213cf0d9e5f3 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 f11a0bb5e0b17a..bb19b07d3ba03e 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 c35cc6e7358344..77f88408cbd839 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 32e71099707f2d..bd4b41b21796a3 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 4465053ef95a23..838cc10891c3f0 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 974c0571017e99..de3139f14a3c54 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 6abc49092cc5ba..6690cabd4b508e 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 b6fd6b02e6f3ae..82cafe1f024cbc 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 bb6779f8e9d3de..472816adae9d20 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 29259175b79d08..438e1ed8684d14 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 6dc37552e9f0d5..2e366620bfd784 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 9117deac6bab26..72835fef7e8f85 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 c68620be239a67..7b6c9b741eb277 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 e39a4d3a2f814c..64196f4a9b25db 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 09558791c54740..87b7673e99d7c1 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 dc3c7f5879c480..ea9369d63ee64c 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 5e04b9bb1ef2b5..a6bd92c6285d56 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 a7ae7cd1719472..75de53546c9255 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 5c1f21cf89253d..fbcfb4fbafde71 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 7a4c8cde73a3ff..f12e3e33c232de 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 c35cc6e7358344..77f88408cbd839 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 0260955aa86602..3a9a1dd6ddd40c 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 71d0adff6888f0..f4d428a293ceef 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 799ad6c7452fb0..64c6c2f357792e 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 62dd3290f0328c..7c49362a2fcdd5 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 54b3b1504fe391..6ea9714847e3f4 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 0753955e945490..c97b15d0b7c3ae 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 6e3aa0e466a795..1aa3d077a19a43 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 0f190c58a519ea..b94dff389b2351 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 b81513c0acdca3..ae8ec3b1342e7a 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 aa4544361d5262..4a8b686f3cd3ac 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 83642ec6569c0a..4b3dd6eb70cc9d 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 05429ef37aee90..28114b059a06d0 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 c35cc6e7358344..77f88408cbd839 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 2f4c981b14ee85..c5647f8bd2a669 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 418ea74b9b1a94..394a9493b30c8f 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 980ca2af6b7616..4488c58d851c0b 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 82d93f4a098cd6..21837e5b487c94 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 d6acc6e9f5e5f5..d1e56c19f7ad43 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 a740d32c80a42e..b3ec8da6ed91b9 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 d3ca00f1405f45..2111e1b26ed4bc 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 00000000000000..cbdfc9eb2c9810 --- /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 b7c72dc584521c..bd07722505d811 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 cdee7bc148ca63..a580ba518797ec 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 c35cc6e7358344..77f88408cbd839 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 e60c75361f7142..ecde8d705b3967 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 31fdb35357f6b6..86e53dc4643394 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 61b102519f726a..f6b23e2a0ea9b3 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 53cf297154c60c..822b418055f824 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 28bb524d47d68e..54bcc4ce7a3437 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 2f1a515f1c83a7..852b0f0c50298c 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 800cab78693f89..8e08df8a1a7014 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 00000000000000..ca1606cd43b4bc --- /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 d18166e094af5e..ef628533d66aa3 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 ab4888c042fc3d..d5e2b01a479cf2 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 c35cc6e7358344..77f88408cbd839 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 379213912df5b4..244d293216ac31 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 4f5b687318f89c..e62b4eb5ce9bce 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 e2bcd6e5bca602..52063f002826ac 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 c35cc6e7358344..77f88408cbd839 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 24c48d243c87ff..4fa4ac75003ed5 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 00000000000000..d78df05fd84234 --- /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 7a4137415fc3f3..b28be0199f37b7 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 3f33ebd3d253ba..6f3e63c275ceff 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 d6f13812086b91..d3187db0f38e6d 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 e28dc0f114140a..380ef7ead3d850 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 ba7835eb2ac050..ac5dba95ea14ba 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 c35cc6e7358344..77f88408cbd839 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 5c3d196e5ab837..be456ed8de8a24 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 c6d0ec94606132..8a9797b4c657c7 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 bc359b1a35ec59..c9d48f70198f90 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 24959d5cea79ba..6153e638c8f4ff 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 1240b1bbb8577c..ccc3ecdced5740 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 6a8b8a437e0fb7..24cb88d73ad600 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 5a9fa48d0f42e9..41b6a9f424497f 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 c35cc6e7358344..77f88408cbd839 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 f0124a5bc92866..11f43114c38cb4 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 00000000000000..624e647345aed2 --- /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 e1d1e85161a6d2..c4ec08a0a5a289 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 6ca6e3524f037b..7e59ba75a20776 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 83ed3b328182e6..5a1f434c8544fe 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 0e387a205defbd..7c5adf1720f33f 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 c35cc6e7358344..77f88408cbd839 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 07e9329dc9901b..1bbcbd56a165ce 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 45a4ff5d185c95..fb657dacc82a90 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 f0fbcd191e0bfd..c33bf17db18d1d 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 c5b703b41837f7..f4ef8fb7a2546e 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 0bfe4c8b305488..f65b2260b4c7d3 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 1adf14d42b0a77..90c327bcc56b3e 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 5deffaabbc5ac2..079f2ffe7f5837 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 102f1f425d5bee..4feebdc563d485 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 9d04cca2a10f9f..391a24613174a5 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 3784a927662d0f..2558cbd7d6692d 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 00000000000000..a49ec82f300053 --- /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 1556bfdbf4c76c..fc9ccc9644dbdd 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 a2fa3919159ccc..5f42c51ffc0b3c 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 d0cec89484a6f2..21e8aad3d0de1b 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 cf1a82741c3e3a..3d49411ce603c3 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 39d5b3d9c4bde4..0514f8c39a82cc 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 5d32983f18283d..8f8a906b3fab80 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 e5b0bb0a919c50..aba1e96702433d 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 813c511f2ed734..e1a2c8962911b5 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 6cd1a8a36a2200..af80d9164e99d3 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 ae642a039f6926..58b5874dbadaa3 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 7d89faec820a12..b9deb02e889dbd 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 9d870ca1edfc62..148066453defb0 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 21f347edcac016..830be7a454ae3e 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 6c207be8ae1fa9..6e673215b75999 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 0b5699b4265cc6..55b0ea70534bb3 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 7236387cb183f6..903b1dc887df45 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 00000000000000..078c8c00dd3dad --- /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 1ba2c4a948e458..96a21338813b50 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 09830435a630bd..e9620964dc95ad 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 00000000000000..7a14ab32d34f9d --- /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 00000000000000..6fd0e3fd584ea8 --- /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 7f3b7467e75949..be8dec81c43314 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 764e15474dd4ba..1677de74f286ea 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 cf888b6d23d01a..00000000000000 --- 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 c3f34415d26f43..aa92d9f9abe43b 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 82c3ca85d89bc2..4e8ed5c0da5a64 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 aaa33b48d0191a..c2da5e0c65d182 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 c00b2ee0d3c3f8..accb160840e398 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 033194d9e76a70..c9141d859943b3 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 78aabad1c9b5d7..07c237ab40a6f3 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 c35cc6e7358344..77f88408cbd839 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 00000000000000..7b1ca24a965670 --- /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 86b140e534d8a4..9a5cfae1e95308 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 f32e87b9a3a05c..21f80214cae517 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 2bdb8620221e42..136174597577f6 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 d0a9aa5abba19d..6abb48e225198a 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 785a45d0c38b37..d6379bb066fcf7 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 35a800290c8e12..3306d2c2dbc1b4 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 ef48ba6133294d..1a23efc68dc821 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 2c0462712486a2..b3a5d3e200a73f 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 1cfe88c7d86f6e..36a72379f8e876 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 24c22f2cb9b63e..bd21140130e66a 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 b4719037db8019..f224621b770592 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 c35cc6e7358344..77f88408cbd839 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 aceee3c4cb9b9a..ff7c849f7d3f27 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`] = `