chore: add both options to useArrowNavigationGroup (#25568)

* chore: add both options to useArrowNavigationGroup * chore: add changes * chore: update api
microsoft · Nov 8, 2022 · 65b289e · 65b289e
1 parent ef2a48d
commit 65b289e
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/change/@fluentui-react-tabster-caace24f-01b0-4a75-b0c1-286a6698b7ae.json b/change/@fluentui-react-tabster-caace24f-01b0-4a75-b0c1-286a6698b7ae.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "Add both options to axis config",
+  "packageName": "@fluentui/react-tabster",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git 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/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
    */
@@ -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: