@fluentui/react-components 9.53.0 → 9.54.0

package/CHANGELOG.md

@@ -1,12 +1,93 @@
 # Change Log - @fluentui/react-components
 
-This log was last generated on Thu, 23 May 2024 07:57:50 GMT and should not be manually modified.
+This log was last generated on Thu, 06 Jun 2024 15:22:09 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.54.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.54.0)
+
+Thu, 06 Jun 2024 15:22:09 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.53.0..@fluentui/react-components_v9.54.0)
+
+### Minor changes
+
+- `@fluentui/react-aria`
+  - add optional `window` argument to `scrollIntoView`. ([PR #30967](https://github.com/microsoft/fluentui/pull/30967) by seanmonahan@microsoft.com)
+- `@fluentui/react-components`
+  - chore: exports DialogModalType type ([PR #31549](https://github.com/microsoft/fluentui/pull/31549) by bernardo.sunderhus@gmail.com)
+  - feat: re-export `useTimeout()` and `useAnimationFrame()`. ([PR #31527](https://github.com/microsoft/fluentui/pull/31527) by seanmonahan@microsoft.com)
+  - feat: add @fluentui/react-motion to suite ([PR #31574](https://github.com/microsoft/fluentui/pull/31574) by olfedias@microsoft.com)
+- `@fluentui/react-dialog`
+  - chore: exports DialogModalType type ([PR #31549](https://github.com/microsoft/fluentui/pull/31549) by bernardo.sunderhus@gmail.com)
+- `@fluentui/react-drawer`
+  - feat: allow aside as tag for Drawer components ([PR #31434](https://github.com/microsoft/fluentui/pull/31434) by marcosvmmoura@gmail.com)
+- `@fluentui/react-motion`
+  - feat: release stable ([PR #31574](https://github.com/microsoft/fluentui/pull/31574) by olfedias@microsoft.com)
+- `@fluentui/react-nav-preview`
+  - chore: Recomposing NavSectionHeader and Hamburger. Removing HamburgerInNav. Some other pixel pushing. ([PR #31387](https://github.com/microsoft/fluentui/pull/31387) by matejera@microsoft.com)
+- `@fluentui/react-tag-picker`
+  - feat: adds text property to TagPickerOption ([PR #31474](https://github.com/microsoft/fluentui/pull/31474) by bernardo.sunderhus@gmail.com)
+- `@fluentui/react-tree`
+  - feature: preventScroll on navigation ([PR #31577](https://github.com/microsoft/fluentui/pull/31577) by bernardo.sunderhus@gmail.com)
+
+### Patches
+
+- `@fluentui/priority-overflow`
+  - chore: disable eslint rule ([PR #30967](https://github.com/microsoft/fluentui/pull/30967) by seanmonahan@microsoft.com)
+- `@fluentui/react-accordion`
+  - chore: ensure only state or defaultState is provided on useControllableState hook invocation ([PR #31461](https://github.com/microsoft/fluentui/pull/31461) by bernardo.sunderhus@gmail.com)
+- `@fluentui/react-aria`
+  - chore: remove optional "win" argument ([PR #31470](https://github.com/microsoft/fluentui/pull/31470) by seanmonahan@microsoft.com)
+- `@fluentui/react-calendar-compat`
+  - feat(calendar-compat): changed design for the selected state ([PR #31509](https://github.com/microsoft/fluentui/pull/31509) by vkozlova@microsoft.com)
+  - chore: ensure only state or defaultState is provided on useControllableState hook invocation ([PR #31461](https://github.com/microsoft/fluentui/pull/31461) by bernardo.sunderhus@gmail.com)
+  - chore: Renaming useCalendarMonthStyles.ts to useCalendarMonthStyles.styles.ts. ([PR #31568](https://github.com/microsoft/fluentui/pull/31568) by Humberto.Morimoto@microsoft.com)
+- `@fluentui/react-dialog`
+  - chore: use @fluentui/react-motion ([PR #31574](https://github.com/microsoft/fluentui/pull/31574) by olfedias@microsoft.com)
+- `@fluentui/react-list-preview`
+  - chore: ensure only state or defaultState is provided on useControllableState hook invocation ([PR #31461](https://github.com/microsoft/fluentui/pull/31461) by bernardo.sunderhus@gmail.com)
+- `@fluentui/react-menu`
+  - chore: disable eslint rule. ([PR #30967](https://github.com/microsoft/fluentui/pull/30967) by seanmonahan@microsoft.com)
+- `@fluentui/react-message-bar`
+  - chore: disable eslint rule ([PR #30967](https://github.com/microsoft/fluentui/pull/30967) by seanmonahan@microsoft.com)
+- `@fluentui/react-migration-v8-v9`
+  - chore: Fixing typo in CheckboxShim migration. ([PR #31569](https://github.com/microsoft/fluentui/pull/31569) by Humberto.Morimoto@microsoft.com)
+- `@fluentui/react-nav-preview`
+  - fix: compatibility with Drawer slots ([PR #31434](https://github.com/microsoft/fluentui/pull/31434) by marcosvmmoura@gmail.com)
+- `@fluentui/react-popover`
+  - chore: disable eslint rule. ([PR #30967](https://github.com/microsoft/fluentui/pull/30967) by seanmonahan@microsoft.com)
+- `@fluentui/react-search`
+  - chore: ensure only state or defaultState is provided on useControllableState hook invocation ([PR #31461](https://github.com/microsoft/fluentui/pull/31461) by bernardo.sunderhus@gmail.com)
+- `@fluentui/react-skeleton`
+  - chore: rename useSkeletonStyles.ts to useSkeletonStyles.styles.ts ([PR #31503](https://github.com/microsoft/fluentui/pull/31503) by seanmonahan@microsoft.com)
+- `@fluentui/react-slider`
+  - chore: ensure only state or defaultState is provided on useControllableState hook invocation ([PR #31461](https://github.com/microsoft/fluentui/pull/31461) by bernardo.sunderhus@gmail.com)
+- `@fluentui/react-table`
+  - fix: use requestAnimationFrame from Fluent context. ([PR #30967](https://github.com/microsoft/fluentui/pull/30967) by seanmonahan@microsoft.com)
+- `@fluentui/react-teaching-popover`
+  - Use `MutationObserver` from global context. ([PR #30967](https://github.com/microsoft/fluentui/pull/30967) by seanmonahan@microsoft.com)
+- `@fluentui/react-timepicker-compat`
+  - fix: clear icon not working with freeform ([PR #31324](https://github.com/microsoft/fluentui/pull/31324) by yuanboxue@microsoft.com)
+- `@fluentui/react-toast`
+  - chore: migrate Toast to new motion library ([PR #31516](https://github.com/microsoft/fluentui/pull/31516) by olfedias@microsoft.com)
+  - chore: use @fluentui/react-motion ([PR #31574](https://github.com/microsoft/fluentui/pull/31574) by olfedias@microsoft.com)
+  - chore: adopt changes in motion APIs ([PR #31508](https://github.com/microsoft/fluentui/pull/31508) by olfedias@microsoft.com)
+  - chore: disable eslint rule. ([PR #30967](https://github.com/microsoft/fluentui/pull/30967) by seanmonahan@microsoft.com)
+- `@fluentui/react-tree`
+  - bugfix: ensure roving tab index when children content changes ([PR #31595](https://github.com/microsoft/fluentui/pull/31595) by bernardo.sunderhus@gmail.com)
+  - chore: ensure only state or defaultState is provided on useControllableState hook invocation ([PR #31461](https://github.com/microsoft/fluentui/pull/31461) by bernardo.sunderhus@gmail.com)
+- `@fluentui/react-utilities`
+  - chore: useControllableState warns if controlled and uncontrolled at the same time ([PR #31461](https://github.com/microsoft/fluentui/pull/31461) by bernardo.sunderhus@gmail.com)
+  - fix: use globals from Fluent context. ([PR #30967](https://github.com/microsoft/fluentui/pull/30967) by seanmonahan@microsoft.com)
+
+### Changes
+
+- `@fluentui/react-virtualizer`
+  - fix: update internal function to optionally use global Fluent context. ([PR #30967](https://github.com/microsoft/fluentui/pull/30967) by seanmonahan@microsoft.com)
+
 ## [9.53.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.53.0)
 
-Thu, 23 May 2024 07:57:50 GMT 
+Thu, 23 May 2024 08:02:39 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.52.0..@fluentui/react-components_v9.53.0)
 
 ### Minor changes

package/dist/index.d.ts

@@ -44,6 +44,8 @@ import { AriaLiveAnnouncerProps } from '@fluentui/react-aria';
 import { AriaLiveAnnouncerState } from '@fluentui/react-aria';
 import { arrowHeights } from '@fluentui/react-popover';
 import { assertSlots } from '@fluentui/react-utilities';
+import { AtomMotion } from '@fluentui/react-motion';
+import { AtomMotionFn } from '@fluentui/react-motion';
 import { Avatar } from '@fluentui/react-avatar';
 import { avatarClassNames } from '@fluentui/react-avatar';
 import { AvatarGroup } from '@fluentui/react-avatar';
@@ -188,6 +190,8 @@ import { createFocusOutlineStyle } from '@fluentui/react-tabster';
 import { CreateFocusOutlineStyleOptions } from '@fluentui/react-tabster';
 import { createHighContrastTheme } from '@fluentui/react-theme';
 import { createLightTheme } from '@fluentui/react-theme';
+import { createMotionComponent } from '@fluentui/react-motion';
+import { createPresenceComponent } from '@fluentui/react-motion';
 import { createTableColumn } from '@fluentui/react-table';
 import { CreateTableColumnOptions } from '@fluentui/react-table';
 import { createTeamsDarkTheme } from '@fluentui/react-theme';
@@ -254,6 +258,7 @@ import { DialogContentProps } from '@fluentui/react-dialog';
 import { DialogContentSlots } from '@fluentui/react-dialog';
 import { DialogContentState } from '@fluentui/react-dialog';
 import { DialogContextValue } from '@fluentui/react-dialog';
+import { DialogModalType } from '@fluentui/react-dialog';
 import { DialogOpenChangeData } from '@fluentui/react-dialog';
 import { DialogOpenChangeEvent } from '@fluentui/react-dialog';
 import { DialogProps } from '@fluentui/react-dialog';
@@ -552,6 +557,9 @@ import { MessageBarTitleProps } from '@fluentui/react-message-bar';
 import { MessageBarTitleSlots } from '@fluentui/react-message-bar';
 import { MessageBarTitleState } from '@fluentui/react-message-bar';
 import { MessageBarTransitionContextValue } from '@fluentui/react-message-bar';
+import { MotionComponentProps } from '@fluentui/react-motion';
+import { MotionImperativeRef } from '@fluentui/react-motion';
+import { motionTokens } from '@fluentui/react-motion';
 import { OnOpenChangeData } from '@fluentui/react-popover';
 import { OnSelectionChangeCallback } from '@fluentui/react-utilities';
 import { OnSelectionChangeData } from '@fluentui/react-utilities';
@@ -625,8 +633,12 @@ import { PresenceBadgeState } from '@fluentui/react-badge';
 import { PresenceBadgeStatus } from '@fluentui/react-badge';
 import { presenceBlockedRegular } from '@fluentui/react-badge';
 import { presenceBusyFilled } from '@fluentui/react-badge';
+import { PresenceComponentProps } from '@fluentui/react-motion';
 import { presenceDndFilled } from '@fluentui/react-badge';
 import { presenceDndRegular } from '@fluentui/react-badge';
+import { PresenceGroup } from '@fluentui/react-motion';
+import { PresenceMotion } from '@fluentui/react-motion';
+import { PresenceMotionFn } from '@fluentui/react-motion';
 import { presenceOfflineRegular } from '@fluentui/react-badge';
 import { presenceOofRegular } from '@fluentui/react-badge';
 import { presenceUnknownRegular } from '@fluentui/react-badge';
@@ -1292,6 +1304,7 @@ import { useAccordionItemStyles_unstable } from '@fluentui/react-accordion';
 import { useAccordionPanel_unstable } from '@fluentui/react-accordion';
 import { useAccordionPanelStyles_unstable } from '@fluentui/react-accordion';
 import { useAccordionStyles_unstable } from '@fluentui/react-accordion';
+import { useAnimationFrame } from '@fluentui/react-utilities';
 import { useAnnounce } from '@fluentui/react-shared-contexts';
 import { useAriaLiveAnnouncer_unstable } from '@fluentui/react-aria';
 import { useAriaLiveAnnouncerContextValues_unstable } from '@fluentui/react-aria';
@@ -1651,6 +1664,7 @@ import { useTextarea_unstable } from '@fluentui/react-textarea';
 import { useTextareaStyles_unstable } from '@fluentui/react-textarea';
 import { useTextStyles_unstable } from '@fluentui/react-text';
 import { useThemeClassName_unstable as useThemeClassName } from '@fluentui/react-shared-contexts';
+import { useTimeout } from '@fluentui/react-utilities';
 import { useToast_unstable } from '@fluentui/react-toast';
 import { useToastBody_unstable } from '@fluentui/react-toast';
 import { useToastBodyStyles_unstable } from '@fluentui/react-toast';
@@ -1790,6 +1804,10 @@ export { arrowHeights }
 
 export { assertSlots }
 
+export { AtomMotion }
+
+export { AtomMotionFn }
+
 export { Avatar }
 
 export { avatarClassNames }
@@ -2078,6 +2096,10 @@ export { createHighContrastTheme }
 
 export { createLightTheme }
 
+export { createMotionComponent }
+
+export { createPresenceComponent }
+
 export { createTableColumn }
 
 export { CreateTableColumnOptions }
@@ -2210,6 +2232,8 @@ export { DialogContentState }
 
 export { DialogContextValue }
 
+export { DialogModalType }
+
 export { DialogOpenChangeData }
 
 export { DialogOpenChangeEvent }
@@ -2806,6 +2830,12 @@ export { MessageBarTitleState }
 
 export { MessageBarTransitionContextValue }
 
+export { MotionComponentProps }
+
+export { MotionImperativeRef }
+
+export { motionTokens }
+
 export { OnOpenChangeData }
 
 export { OnSelectionChangeCallback }
@@ -2952,10 +2982,18 @@ export { presenceBlockedRegular }
 
 export { presenceBusyFilled }
 
+export { PresenceComponentProps }
+
 export { presenceDndFilled }
 
 export { presenceDndRegular }
 
+export { PresenceGroup }
+
+export { PresenceMotion }
+
+export { PresenceMotionFn }
+
 export { presenceOfflineRegular }
 
 export { presenceOofRegular }
@@ -4286,6 +4324,8 @@ export { useAccordionPanelStyles_unstable }
 
 export { useAccordionStyles_unstable }
 
+export { useAnimationFrame }
+
 export { useAnnounce }
 
 export { useAriaLiveAnnouncer_unstable }
@@ -5004,6 +5044,8 @@ export { useTextStyles_unstable }
 
 export { useThemeClassName }
 
+export { useTimeout }
+
 export { useToast_unstable }
 
 export { useToastBody_unstable }

package/lib/index.js

@@ -10,7 +10,7 @@ getNativeElementProps, getIntrinsicElementProps, getPartitionedNativeProps, // g
 // eslint-disable-next-line deprecation/deprecation
 getSlots, slot, assertSlots, IdPrefixProvider, resetIdsForTests, // resolveShorthand is deprecated but removing it would be a breaking change
 // eslint-disable-next-line deprecation/deprecation
-resolveShorthand, SSRProvider, useId, useIsomorphicLayoutEffect, useEventCallback, mergeCallbacks, useIsSSR, useMergedRefs, useScrollbarWidth, useSelection } from '@fluentui/react-utilities';
+resolveShorthand, SSRProvider, useAnimationFrame, useId, useIsomorphicLayoutEffect, useEventCallback, mergeCallbacks, useIsSSR, useMergedRefs, useScrollbarWidth, useSelection, useTimeout } from '@fluentui/react-utilities';
 // Components
 export { Accordion, AccordionProvider, AccordionHeader, AccordionItem, AccordionItemProvider, AccordionPanel, accordionClassNames, accordionHeaderClassNames, accordionItemClassNames, accordionPanelClassNames, renderAccordion_unstable, renderAccordionHeader_unstable, renderAccordionItem_unstable, renderAccordionPanel_unstable, useAccordion_unstable, useAccordionContext_unstable, useAccordionContextValues_unstable, useAccordionHeader_unstable, useAccordionHeaderContextValues_unstable, useAccordionHeaderStyles_unstable, useAccordionItem_unstable, useAccordionItemContext_unstable, useAccordionItemContextValues_unstable, useAccordionItemStyles_unstable, useAccordionPanel_unstable, useAccordionPanelStyles_unstable, useAccordionStyles_unstable } from '@fluentui/react-accordion';
 export { Avatar, avatarClassNames, 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, useAvatarGroupPopoverContextValues_unstable, useAvatarGroupPopover_unstable, useAvatarGroupContext_unstable, partitionAvatarGroupItems } from '@fluentui/react-avatar';
@@ -60,3 +60,4 @@ export { SearchBox, renderSearchBox_unstable, searchBoxClassNames, useSearchBoxS
 export { TeachingPopoverHeader, teachingPopoverHeaderClassNames, renderTeachingPopoverHeader_unstable, useTeachingPopoverHeaderStyles_unstable, useTeachingPopoverHeader_unstable, TeachingPopoverBody, teachingPopoverBodyClassNames, renderTeachingPopoverBody_unstable, useTeachingPopoverBodyStyles_unstable, useTeachingPopoverBody_unstable, TeachingPopoverCarouselCard, teachingPopoverCarouselCardClassNames, renderTeachingPopoverCarouselCard_unstable, useTeachingPopoverCarouselCardStyles_unstable, useTeachingPopoverCarouselCard_unstable, TeachingPopoverCarousel, teachingPopoverCarouselClassNames, renderTeachingPopoverCarousel_unstable, useTeachingPopoverCarouselStyles_unstable, useTeachingPopoverCarousel_unstable, useTeachingPopoverCarouselContextValues_unstable, TeachingPopoverCarouselFooter, teachingPopoverCarouselFooterClassNames, renderTeachingPopoverCarouselFooter_unstable, useTeachingPopoverCarouselFooterStyles_unstable, useTeachingPopoverCarouselFooter_unstable, TeachingPopoverCarouselNav, teachingPopoverCarouselNavClassNames, renderTeachingPopoverCarouselNav_unstable, useTeachingPopoverCarouselNavStyles_unstable, useTeachingPopoverCarouselNav_unstable, TeachingPopoverCarouselNavButton, teachingPopoverCarouselNavButtonClassNames, renderTeachingPopoverCarouselNavButton_unstable, useTeachingPopoverCarouselNavButtonStyles_unstable, useTeachingPopoverCarouselNavButton_unstable, TeachingPopoverSurface, renderTeachingPopoverSurface_unstable, teachingPopoverSurfaceClassNames, useTeachingPopoverSurfaceStyles_unstable, useTeachingPopoverSurface_unstable, TeachingPopoverTitle, teachingPopoverTitleClassNames, renderTeachingPopoverTitle_unstable, useTeachingPopoverTitleStyles_unstable, useTeachingPopoverTitle_unstable, TeachingPopoverTrigger, renderTeachingPopoverTrigger_unstable, useTeachingPopoverTrigger_unstable, TeachingPopover, renderTeachingPopover_unstable, useTeachingPopover_unstable, TeachingPopoverFooter, teachingPopoverFooterClassNames, renderTeachingPopoverFooter_unstable, useTeachingPopoverFooter_unstable, TeachingPopoverCarouselPageCount, renderTeachingPopoverCarouselPageCount_unstable, teachingPopoverCarouselPageCountClassNames, useTeachingPopoverCarouselPageCountStyles_unstable, useTeachingPopoverCarouselPageCount_unstable } from '@fluentui/react-teaching-popover';
 export { TagPicker, renderTagPicker_unstable, useTagPicker_unstable, TagPickerInput, tagPickerInputClassNames, renderTagPickerInput_unstable, useTagPickerInputStyles_unstable, useTagPickerInput_unstable, TagPickerList, tagPickerListClassNames, renderTagPickerList_unstable, useTagPickerListStyles_unstable, useTagPickerList_unstable, TagPickerButton, tagPickerButtonClassNames, renderTagPickerButton_unstable, useTagPickerButtonStyles_unstable, useTagPickerButton_unstable, TagPickerControl, tagPickerControlClassNames, renderTagPickerControl_unstable, useTagPickerControlStyles_unstable, useTagPickerControl_unstable, TagPickerOption, tagPickerOptionClassNames, renderTagPickerOption_unstable, useTagPickerOptionStyles_unstable, useTagPickerOption_unstable, TagPickerGroup, tagPickerGroupClassNames, renderTagPickerGroup_unstable, useTagPickerGroupStyles_unstable, useTagPickerGroup_unstable, TagPickerOptionGroup, tagPickerOptionGroupClassNames, renderTagPickerOptionGroup, useTagPickerOptionGroupStyles, useTagPickerOptionGroup, useTagPickerFilter } from '@fluentui/react-tag-picker';
 export { SwatchPicker, renderSwatchPicker_unstable, useSwatchPickerStyles_unstable, useSwatchPicker_unstable, swatchPickerClassNames, SwatchPickerProvider, swatchPickerContextDefaultValue, useSwatchPickerContextValue_unstable, useSwatchPickerContextValues, ColorSwatch, renderColorSwatch_unstable, useColorSwatchStyles_unstable, useColorSwatch_unstable, colorSwatchClassNames, swatchCSSVars, ImageSwatch, renderImageSwatch_unstable, useImageSwatchStyles_unstable, useImageSwatch_unstable, imageSwatchClassNames, SwatchPickerRow, renderSwatchPickerRow_unstable, useSwatchPickerRowStyles_unstable, useSwatchPickerRow_unstable, swatchPickerRowClassNames, renderSwatchPickerGrid, EmptySwatch, renderEmptySwatch_unstable, useEmptySwatchStyles_unstable, useEmptySwatch_unstable, emptySwatchClassNames } from '@fluentui/react-swatch-picker';
+export { motionTokens, createMotionComponent, createPresenceComponent, PresenceGroup } from '@fluentui/react-motion';