Bump behaviors to v1.10.0; adds new prop to FilteredActionList (#7436)

Author: TylerJDev

.changeset/slow-seas-design.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+FilteredActionList: Adds new prop `scrollBehavior` to allow customization of scroll behavior

package-lock.json

@@ -79,7 +79,7 @@
     "@github/tab-container-element": "^4.8.2",
     "@lit-labs/react": "1.2.1",
     "@oddbird/popover-polyfill": "^0.5.2",
-    "@primer/behaviors": "^1.9.1",
+    "@primer/behaviors": "^1.10.0",
     "@primer/live-region-element": "^0.7.1",
     "@primer/octicons-react": "^19.21.0",
     "@primer/primitives": "10.x || 11.x",

packages/react/package.json

@@ -106,6 +106,12 @@ export interface FilteredActionListProps extends Partial<Omit<GroupedListProps,
    * Default is false.
    */
   focusPrependedElements?: boolean
+  /**
+   * Determines the scroll behavior of the container when an item is focused.
+   *
+   * @default 'auto'
+   */
+  scrollBehavior?: ScrollBehavior
 }
 
 export function FilteredActionList({
@@ -136,6 +142,7 @@ export function FilteredActionList({
   disableSelectOnHover = false,
   setInitialFocus = false,
   focusPrependedElements,
+  scrollBehavior,
   ...listProps
 }: FilteredActionListProps): JSX.Element {
   const [filterValue, setInternalFilterValue] = useProvidedStateOrCreate(externalFilterValue, undefined, '')
@@ -258,8 +265,11 @@ export function FilteredActionList({
           activeDescendantFocus: inputRef,
           onActiveDescendantChanged: (current, previous, directlyActivated) => {
             activeDescendantRef.current = current
-            if (current && scrollContainerRef.current && directlyActivated) {
-              scrollIntoView(current, scrollContainerRef.current, menuScrollMargins)
+            if (current && scrollContainerRef.current && (directlyActivated || focusPrependedElements)) {
+              scrollIntoView(current, scrollContainerRef.current, {
+                ...menuScrollMargins,
+                behavior: scrollBehavior,
+              })
             }
 
             onActiveDescendantChanged?.(current, previous, directlyActivated)
@@ -276,10 +286,10 @@ export function FilteredActionList({
     if (activeDescendantRef.current && scrollContainerRef.current) {
       scrollIntoView(activeDescendantRef.current, scrollContainerRef.current, {
         ...menuScrollMargins,
-        behavior: 'auto',
+        behavior: scrollBehavior,
       })
     }
-  }, [items, inputRef, scrollContainerRef])
+  }, [items, inputRef, scrollContainerRef, scrollBehavior])
 
   useEffect(() => {
     if (usingRovingTabindex) {