@fluentui/react-aria 9.3.43 → 9.4.0

package/CHANGELOG.md

@@ -1,12 +1,32 @@
 # Change Log - @fluentui/react-aria
 
-This log was last generated on Wed, 18 Oct 2023 17:47:37 GMT and should not be manually modified.
+This log was last generated on Thu, 30 Nov 2023 13:37:52 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.4.0)
+
+Thu, 30 Nov 2023 13:37:52 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-aria_v9.3.44..@fluentui/react-aria_v9.4.0)
+
+### Minor changes
+
+- feat: Implement aria-activedescendant utility ([PR #29904](https://github.com/microsoft/fluentui/pull/29904) by lingfan.gao@microsoft.com)
+
+## [9.3.44](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.3.44)
+
+Thu, 09 Nov 2023 17:29:50 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-aria_v9.3.43..@fluentui/react-aria_v9.3.44)
+
+### Patches
+
+- chore: use package.json#files setup instead of npmignore for all v9 libraries ([PR #29734](https://github.com/microsoft/fluentui/pull/29734) by martinhochel@microsoft.com)
+- Bump @fluentui/keyboard-keys to v9.0.7 ([PR #29800](https://github.com/microsoft/fluentui/pull/29800) by beachball)
+- Bump @fluentui/react-utilities to v9.15.2 ([PR #29800](https://github.com/microsoft/fluentui/pull/29800) by beachball)
+
 ## [9.3.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.3.43)
 
-Wed, 18 Oct 2023 17:47:37 GMT 
+Wed, 18 Oct 2023 17:54:08 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-aria_v9.3.42..@fluentui/react-aria_v9.3.43)
 
 ### Patches

package/dist/index.d.ts

@@ -3,6 +3,20 @@ import * as React_2 from 'react';
 import type { ResolveShorthandFunction } from '@fluentui/react-utilities';
 import type { Slot } from '@fluentui/react-utilities';
 
+export declare interface ActiveDescendantImperativeRef {
+    first: () => void;
+    next: () => void;
+    prev: () => void;
+    blur: () => void;
+    active: () => string | undefined;
+    focus: (id: string) => void;
+}
+
+export declare interface ActiveDescendantOptions {
+    matchOption: (el: HTMLElement) => boolean;
+    imperativeRef?: React_2.RefObject<ActiveDescendantImperativeRef>;
+}
+
 /**
  * Props that will be modified internally by `useARIAButtonProps` by each case.
  * This typing is to ensure a well specified return value for `useARIAbButtonProps`
@@ -43,6 +57,11 @@ export declare type ARIAButtonType = 'button' | 'a' | 'div';
 
 declare type UnionToIntersection<U> = (U extends unknown ? (x: U) => U : never) extends (x: infer I) => U ? I : never;
 
+export declare function useActiveDescendant<TActiveParentElement extends HTMLElement, TListboxElement extends HTMLElement>(options: ActiveDescendantOptions): {
+    listboxRef: React_2.MutableRefObject<TListboxElement | null>;
+    activeParentRef: React_2.RefObject<TActiveParentElement>;
+};
+
 /**
  * @internal
  *

package/lib/activedescendant/constants.js

@@ -0,0 +1 @@
+export const ACTIVEDESCENDANT_ATTRIBUTE = 'data-activedescendant';

package/lib/activedescendant/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["constants.ts"],"sourcesContent":["export const ACTIVEDESCENDANT_ATTRIBUTE = 'data-activedescendant';\n"],"names":["ACTIVEDESCENDANT_ATTRIBUTE"],"mappings":"AAAA,OAAO,MAAMA,6BAA6B,wBAAwB"}

package/lib/activedescendant/index.js

@@ -0,0 +1,2 @@
+export * from './useActiveDescendant';
+export * from './types';

package/lib/activedescendant/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './useActiveDescendant';\nexport * from './types';\n"],"names":[],"mappings":"AAAA,cAAc,wBAAwB;AACtC,cAAc,UAAU"}

package/lib/activedescendant/types.js

@@ -0,0 +1 @@
+import * as React from 'react';

package/lib/activedescendant/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["types.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface ActiveDescendantImperativeRef {\n  first: () => void;\n  next: () => void;\n  prev: () => void;\n  blur: () => void;\n  active: () => string | undefined;\n  focus: (id: string) => void;\n}\n\nexport interface ActiveDescendantOptions {\n  matchOption: (el: HTMLElement) => boolean;\n  imperativeRef?: React.RefObject<ActiveDescendantImperativeRef>;\n}\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/activedescendant/useActiveDescendant.js

@@ -0,0 +1,96 @@
+import * as React from 'react';
+import { useOptionWalker } from './useOptionWalker';
+import { ACTIVEDESCENDANT_ATTRIBUTE } from './constants';
+export function useActiveDescendant(options) {
+    const { imperativeRef, matchOption } = options;
+    const activeParentRef = React.useRef(null);
+    const { listboxRef, optionWalker } = useOptionWalker({
+        matchOption
+    });
+    const getActiveDescendant = ()=>{
+        var _listboxRef_current;
+        return (_listboxRef_current = listboxRef.current) === null || _listboxRef_current === void 0 ? void 0 : _listboxRef_current.querySelector(`[${ACTIVEDESCENDANT_ATTRIBUTE}]`);
+    };
+    const setActiveDescendant = (nextActive)=>{
+        const active = getActiveDescendant();
+        if (active) {
+            active.removeAttribute(ACTIVEDESCENDANT_ATTRIBUTE);
+        }
+        if (nextActive) {
+            var _activeParentRef_current;
+            nextActive.setAttribute(ACTIVEDESCENDANT_ATTRIBUTE, '');
+            (_activeParentRef_current = activeParentRef.current) === null || _activeParentRef_current === void 0 ? void 0 : _activeParentRef_current.setAttribute('aria-activedescendant', nextActive.id);
+        } else {
+            var _activeParentRef_current1;
+            (_activeParentRef_current1 = activeParentRef.current) === null || _activeParentRef_current1 === void 0 ? void 0 : _activeParentRef_current1.removeAttribute('aria-activedescendant');
+        }
+    };
+    React.useImperativeHandle(imperativeRef, ()=>({
+            first: ()=>{
+                if (!listboxRef.current || !activeParentRef.current) {
+                    return;
+                }
+                const first = optionWalker.first();
+                if (first) {
+                    setActiveDescendant(first);
+                }
+            },
+            next: ()=>{
+                if (!listboxRef.current || !activeParentRef.current) {
+                    return;
+                }
+                const active = getActiveDescendant();
+                if (!active) {
+                    return;
+                }
+                optionWalker.setCurrent(active);
+                const next = optionWalker.next();
+                if (next) {
+                    setActiveDescendant(next);
+                }
+            },
+            prev: ()=>{
+                if (!listboxRef.current || !activeParentRef.current) {
+                    return;
+                }
+                const active = getActiveDescendant();
+                if (!active) {
+                    return;
+                }
+                optionWalker.setCurrent(active);
+                const next = optionWalker.prev();
+                if (next && next !== listboxRef.current) {
+                    setActiveDescendant(next);
+                }
+            },
+            blur: ()=>{
+                if (!listboxRef.current || !activeParentRef.current) {
+                    return;
+                }
+                setActiveDescendant(undefined);
+            },
+            active: ()=>{
+                if (listboxRef.current) {
+                    var _getActiveDescendant;
+                    return (_getActiveDescendant = getActiveDescendant()) === null || _getActiveDescendant === void 0 ? void 0 : _getActiveDescendant.id;
+                }
+            },
+            focus: (id)=>{
+                if (!listboxRef.current) {
+                    return;
+                }
+                optionWalker.setCurrent(listboxRef.current);
+                let cur = optionWalker.next();
+                while(cur && cur.id !== id){
+                    cur = optionWalker.next();
+                }
+                if (cur) {
+                    setActiveDescendant(cur);
+                }
+            }
+        }));
+    return {
+        listboxRef,
+        activeParentRef
+    };
+}

package/lib/activedescendant/useActiveDescendant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useActiveDescendant.ts"],"sourcesContent":["import * as React from 'react';\nimport { useOptionWalker } from './useOptionWalker';\nimport type { ActiveDescendantOptions } from './types';\nimport { ACTIVEDESCENDANT_ATTRIBUTE } from './constants';\n\nexport function useActiveDescendant<TActiveParentElement extends HTMLElement, TListboxElement extends HTMLElement>(\n  options: ActiveDescendantOptions,\n) {\n  const { imperativeRef, matchOption } = options;\n  const activeParentRef = React.useRef<TActiveParentElement>(null);\n  const { listboxRef, optionWalker } = useOptionWalker<TListboxElement>({ matchOption });\n  const getActiveDescendant = () => {\n    return listboxRef.current?.querySelector<HTMLElement>(`[${ACTIVEDESCENDANT_ATTRIBUTE}]`);\n  };\n\n  const setActiveDescendant = (nextActive: HTMLElement | undefined) => {\n    const active = getActiveDescendant();\n    if (active) {\n      active.removeAttribute(ACTIVEDESCENDANT_ATTRIBUTE);\n    }\n\n    if (nextActive) {\n      nextActive.setAttribute(ACTIVEDESCENDANT_ATTRIBUTE, '');\n      activeParentRef.current?.setAttribute('aria-activedescendant', nextActive.id);\n    } else {\n      activeParentRef.current?.removeAttribute('aria-activedescendant');\n    }\n  };\n\n  React.useImperativeHandle(imperativeRef, () => ({\n    first: () => {\n      if (!listboxRef.current || !activeParentRef.current) {\n        return;\n      }\n\n      const first = optionWalker.first();\n      if (first) {\n        setActiveDescendant(first);\n      }\n    },\n    next: () => {\n      if (!listboxRef.current || !activeParentRef.current) {\n        return;\n      }\n\n      const active = getActiveDescendant();\n      if (!active) {\n        return;\n      }\n\n      optionWalker.setCurrent(active);\n      const next = optionWalker.next();\n      if (next) {\n        setActiveDescendant(next);\n      }\n    },\n    prev: () => {\n      if (!listboxRef.current || !activeParentRef.current) {\n        return;\n      }\n\n      const active = getActiveDescendant();\n      if (!active) {\n        return;\n      }\n\n      optionWalker.setCurrent(active);\n      const next = optionWalker.prev();\n\n      if (next && next !== listboxRef.current) {\n        setActiveDescendant(next);\n      }\n    },\n    blur: () => {\n      if (!listboxRef.current || !activeParentRef.current) {\n        return;\n      }\n\n      setActiveDescendant(undefined);\n    },\n    active: () => {\n      if (listboxRef.current) {\n        return getActiveDescendant()?.id;\n      }\n    },\n\n    focus: (id: string) => {\n      if (!listboxRef.current) {\n        return;\n      }\n\n      optionWalker.setCurrent(listboxRef.current);\n      let cur = optionWalker.next();\n\n      while (cur && cur.id !== id) {\n        cur = optionWalker.next();\n      }\n\n      if (cur) {\n        setActiveDescendant(cur);\n      }\n    },\n  }));\n\n  return { listboxRef, activeParentRef };\n}\n"],"names":["React","useOptionWalker","ACTIVEDESCENDANT_ATTRIBUTE","useActiveDescendant","options","imperativeRef","matchOption","activeParentRef","useRef","listboxRef","optionWalker","getActiveDescendant","current","querySelector","setActiveDescendant","nextActive","active","removeAttribute","setAttribute","id","useImperativeHandle","first","next","setCurrent","prev","blur","undefined","focus","cur"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,eAAe,QAAQ,oBAAoB;AAEpD,SAASC,0BAA0B,QAAQ,cAAc;AAEzD,OAAO,SAASC,oBACdC,OAAgC;IAEhC,MAAM,EAAEC,aAAa,EAAEC,WAAW,EAAE,GAAGF;IACvC,MAAMG,kBAAkBP,MAAMQ,MAAM,CAAuB;IAC3D,MAAM,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGT,gBAAiC;QAAEK;IAAY;IACpF,MAAMK,sBAAsB;YACnBF;QAAP,QAAOA,sBAAAA,WAAWG,OAAO,cAAlBH,0CAAAA,oBAAoBI,aAAa,CAAc,CAAC,CAAC,EAAEX,2BAA2B,CAAC,CAAC;IACzF;IAEA,MAAMY,sBAAsB,CAACC;QAC3B,MAAMC,SAASL;QACf,IAAIK,QAAQ;YACVA,OAAOC,eAAe,CAACf;QACzB;QAEA,IAAIa,YAAY;gBAEdR;YADAQ,WAAWG,YAAY,CAAChB,4BAA4B;aACpDK,2BAAAA,gBAAgBK,OAAO,cAAvBL,+CAAAA,yBAAyBW,YAAY,CAAC,yBAAyBH,WAAWI,EAAE;QAC9E,OAAO;gBACLZ;aAAAA,4BAAAA,gBAAgBK,OAAO,cAAvBL,gDAAAA,0BAAyBU,eAAe,CAAC;QAC3C;IACF;IAEAjB,MAAMoB,mBAAmB,CAACf,eAAe,IAAO,CAAA;YAC9CgB,OAAO;gBACL,IAAI,CAACZ,WAAWG,OAAO,IAAI,CAACL,gBAAgBK,OAAO,EAAE;oBACnD;gBACF;gBAEA,MAAMS,QAAQX,aAAaW,KAAK;gBAChC,IAAIA,OAAO;oBACTP,oBAAoBO;gBACtB;YACF;YACAC,MAAM;gBACJ,IAAI,CAACb,WAAWG,OAAO,IAAI,CAACL,gBAAgBK,OAAO,EAAE;oBACnD;gBACF;gBAEA,MAAMI,SAASL;gBACf,IAAI,CAACK,QAAQ;oBACX;gBACF;gBAEAN,aAAaa,UAAU,CAACP;gBACxB,MAAMM,OAAOZ,aAAaY,IAAI;gBAC9B,IAAIA,MAAM;oBACRR,oBAAoBQ;gBACtB;YACF;YACAE,MAAM;gBACJ,IAAI,CAACf,WAAWG,OAAO,IAAI,CAACL,gBAAgBK,OAAO,EAAE;oBACnD;gBACF;gBAEA,MAAMI,SAASL;gBACf,IAAI,CAACK,QAAQ;oBACX;gBACF;gBAEAN,aAAaa,UAAU,CAACP;gBACxB,MAAMM,OAAOZ,aAAac,IAAI;gBAE9B,IAAIF,QAAQA,SAASb,WAAWG,OAAO,EAAE;oBACvCE,oBAAoBQ;gBACtB;YACF;YACAG,MAAM;gBACJ,IAAI,CAAChB,WAAWG,OAAO,IAAI,CAACL,gBAAgBK,OAAO,EAAE;oBACnD;gBACF;gBAEAE,oBAAoBY;YACtB;YACAV,QAAQ;gBACN,IAAIP,WAAWG,OAAO,EAAE;wBACfD;oBAAP,QAAOA,uBAAAA,mCAAAA,2CAAAA,qBAAuBQ,EAAE;gBAClC;YACF;YAEAQ,OAAO,CAACR;gBACN,IAAI,CAACV,WAAWG,OAAO,EAAE;oBACvB;gBACF;gBAEAF,aAAaa,UAAU,CAACd,WAAWG,OAAO;gBAC1C,IAAIgB,MAAMlB,aAAaY,IAAI;gBAE3B,MAAOM,OAAOA,IAAIT,EAAE,KAAKA,GAAI;oBAC3BS,MAAMlB,aAAaY,IAAI;gBACzB;gBAEA,IAAIM,KAAK;oBACPd,oBAAoBc;gBACtB;YACF;QACF,CAAA;IAEA,OAAO;QAAEnB;QAAYF;IAAgB;AACvC"}

package/lib/activedescendant/useOptionWalker.js

@@ -0,0 +1,56 @@
+import * as React from 'react';
+import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
+import { isHTMLElement, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
+export function useOptionWalker(options) {
+    const { matchOption } = options;
+    const { targetDocument } = useFluent();
+    const treeWalkerRef = React.useRef(null);
+    const listboxRef = React.useRef(null);
+    const optionFilter = React.useCallback((node)=>{
+        if (isHTMLElement(node) && matchOption(node)) {
+            return NodeFilter.FILTER_ACCEPT;
+        }
+        return NodeFilter.FILTER_SKIP;
+    }, [
+        matchOption
+    ]);
+    useIsomorphicLayoutEffect(()=>{
+        if (!targetDocument || !listboxRef.current) {
+            return;
+        }
+        treeWalkerRef.current = targetDocument.createTreeWalker(listboxRef.current, NodeFilter.SHOW_ELEMENT, optionFilter);
+    }, [
+        targetDocument,
+        optionFilter
+    ]);
+    const optionWalker = React.useMemo(()=>({
+            first: ()=>{
+                if (!treeWalkerRef.current) {
+                    return null;
+                }
+                return treeWalkerRef.current.firstChild();
+            },
+            next: ()=>{
+                if (!treeWalkerRef.current) {
+                    return null;
+                }
+                return treeWalkerRef.current.nextNode();
+            },
+            prev: ()=>{
+                if (!treeWalkerRef.current) {
+                    return null;
+                }
+                return treeWalkerRef.current.previousNode();
+            },
+            setCurrent: (el)=>{
+                if (!treeWalkerRef.current) {
+                    return;
+                }
+                treeWalkerRef.current.currentNode = el;
+            }
+        }), []);
+    return {
+        optionWalker,
+        listboxRef
+    };
+}

package/lib/activedescendant/useOptionWalker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useOptionWalker.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { isHTMLElement, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\n\ninterface UseOptionWalkerOptions {\n  matchOption: (el: HTMLElement) => boolean;\n}\n\nexport function useOptionWalker<TListboxElement extends HTMLElement>(options: UseOptionWalkerOptions) {\n  const { matchOption } = options;\n  const { targetDocument } = useFluent();\n  const treeWalkerRef = React.useRef<TreeWalker | null>(null);\n  const listboxRef = React.useRef<TListboxElement | null>(null);\n\n  const optionFilter = React.useCallback(\n    (node: Node) => {\n      if (isHTMLElement(node) && matchOption(node)) {\n        return NodeFilter.FILTER_ACCEPT;\n      }\n\n      return NodeFilter.FILTER_SKIP;\n    },\n    [matchOption],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (!targetDocument || !listboxRef.current) {\n      return;\n    }\n\n    treeWalkerRef.current = targetDocument.createTreeWalker(listboxRef.current, NodeFilter.SHOW_ELEMENT, optionFilter);\n  }, [targetDocument, optionFilter]);\n\n  const optionWalker = React.useMemo(\n    () => ({\n      first: () => {\n        if (!treeWalkerRef.current) {\n          return null;\n        }\n\n        return treeWalkerRef.current.firstChild() as HTMLElement | null;\n      },\n      next: () => {\n        if (!treeWalkerRef.current) {\n          return null;\n        }\n\n        return treeWalkerRef.current.nextNode() as HTMLElement | null;\n      },\n      prev: () => {\n        if (!treeWalkerRef.current) {\n          return null;\n        }\n\n        return treeWalkerRef.current.previousNode() as HTMLElement | null;\n      },\n      setCurrent: (el: HTMLElement) => {\n        if (!treeWalkerRef.current) {\n          return;\n        }\n\n        treeWalkerRef.current.currentNode = el;\n      },\n    }),\n    [],\n  );\n\n  return {\n    optionWalker,\n    listboxRef,\n  };\n}\n"],"names":["React","useFluent_unstable","useFluent","isHTMLElement","useIsomorphicLayoutEffect","useOptionWalker","options","matchOption","targetDocument","treeWalkerRef","useRef","listboxRef","optionFilter","useCallback","node","NodeFilter","FILTER_ACCEPT","FILTER_SKIP","current","createTreeWalker","SHOW_ELEMENT","optionWalker","useMemo","first","firstChild","next","nextNode","prev","previousNode","setCurrent","el","currentNode"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,aAAa,EAAEC,yBAAyB,QAAQ,4BAA4B;AAMrF,OAAO,SAASC,gBAAqDC,OAA+B;IAClG,MAAM,EAAEC,WAAW,EAAE,GAAGD;IACxB,MAAM,EAAEE,cAAc,EAAE,GAAGN;IAC3B,MAAMO,gBAAgBT,MAAMU,MAAM,CAAoB;IACtD,MAAMC,aAAaX,MAAMU,MAAM,CAAyB;IAExD,MAAME,eAAeZ,MAAMa,WAAW,CACpC,CAACC;QACC,IAAIX,cAAcW,SAASP,YAAYO,OAAO;YAC5C,OAAOC,WAAWC,aAAa;QACjC;QAEA,OAAOD,WAAWE,WAAW;IAC/B,GACA;QAACV;KAAY;IAGfH,0BAA0B;QACxB,IAAI,CAACI,kBAAkB,CAACG,WAAWO,OAAO,EAAE;YAC1C;QACF;QAEAT,cAAcS,OAAO,GAAGV,eAAeW,gBAAgB,CAACR,WAAWO,OAAO,EAAEH,WAAWK,YAAY,EAAER;IACvG,GAAG;QAACJ;QAAgBI;KAAa;IAEjC,MAAMS,eAAerB,MAAMsB,OAAO,CAChC,IAAO,CAAA;YACLC,OAAO;gBACL,IAAI,CAACd,cAAcS,OAAO,EAAE;oBAC1B,OAAO;gBACT;gBAEA,OAAOT,cAAcS,OAAO,CAACM,UAAU;YACzC;YACAC,MAAM;gBACJ,IAAI,CAAChB,cAAcS,OAAO,EAAE;oBAC1B,OAAO;gBACT;gBAEA,OAAOT,cAAcS,OAAO,CAACQ,QAAQ;YACvC;YACAC,MAAM;gBACJ,IAAI,CAAClB,cAAcS,OAAO,EAAE;oBAC1B,OAAO;gBACT;gBAEA,OAAOT,cAAcS,OAAO,CAACU,YAAY;YAC3C;YACAC,YAAY,CAACC;gBACX,IAAI,CAACrB,cAAcS,OAAO,EAAE;oBAC1B;gBACF;gBAEAT,cAAcS,OAAO,CAACa,WAAW,GAAGD;YACtC;QACF,CAAA,GACA,EAAE;IAGJ,OAAO;QACLT;QACAV;IACF;AACF"}

package/lib/index.js

@@ -1 +1,2 @@
 export { useARIAButtonShorthand, useARIAButtonProps } from './button/index';
+export { useActiveDescendant } from './activedescendant';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export { useARIAButtonShorthand, useARIAButtonProps } from './button/index';\nexport type {\n  ARIAButtonSlotProps,\n  ARIAButtonProps,\n  ARIAButtonResultProps,\n  ARIAButtonType,\n  ARIAButtonElement,\n  ARIAButtonElementIntersection,\n  ARIAButtonAlteredProps,\n} from './button/index';\n"],"names":["useARIAButtonShorthand","useARIAButtonProps"],"mappings":"AAAA,SAASA,sBAAsB,EAAEC,kBAAkB,QAAQ,iBAAiB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { useARIAButtonShorthand, useARIAButtonProps } from './button/index';\nexport { useActiveDescendant } from './activedescendant';\nexport type { ActiveDescendantImperativeRef, ActiveDescendantOptions } from './activedescendant';\nexport type {\n  ARIAButtonSlotProps,\n  ARIAButtonProps,\n  ARIAButtonResultProps,\n  ARIAButtonType,\n  ARIAButtonElement,\n  ARIAButtonElementIntersection,\n  ARIAButtonAlteredProps,\n} from './button/index';\n"],"names":["useARIAButtonShorthand","useARIAButtonProps","useActiveDescendant"],"mappings":"AAAA,SAASA,sBAAsB,EAAEC,kBAAkB,QAAQ,iBAAiB;AAC5E,SAASC,mBAAmB,QAAQ,qBAAqB"}

package/lib-commonjs/activedescendant/constants.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ACTIVEDESCENDANT_ATTRIBUTE", {
+    enumerable: true,
+    get: function() {
+        return ACTIVEDESCENDANT_ATTRIBUTE;
+    }
+});
+const ACTIVEDESCENDANT_ATTRIBUTE = 'data-activedescendant';

package/lib-commonjs/activedescendant/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["constants.js"],"sourcesContent":["export const ACTIVEDESCENDANT_ATTRIBUTE = 'data-activedescendant';\n"],"names":["ACTIVEDESCENDANT_ATTRIBUTE"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,6BAA6B"}

package/lib-commonjs/activedescendant/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./useActiveDescendant"), exports);
+_export_star._(require("./types"), exports);

package/lib-commonjs/activedescendant/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './useActiveDescendant';\nexport * from './types';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}

package/lib-commonjs/activedescendant/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

package/lib-commonjs/activedescendant/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}

package/lib-commonjs/activedescendant/useActiveDescendant.js

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useActiveDescendant", {
+    enumerable: true,
+    get: function() {
+        return useActiveDescendant;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useOptionWalker = require("./useOptionWalker");
+const _constants = require("./constants");
+function useActiveDescendant(options) {
+    const { imperativeRef, matchOption } = options;
+    const activeParentRef = _react.useRef(null);
+    const { listboxRef, optionWalker } = (0, _useOptionWalker.useOptionWalker)({
+        matchOption
+    });
+    const getActiveDescendant = ()=>{
+        var _listboxRef_current;
+        return (_listboxRef_current = listboxRef.current) === null || _listboxRef_current === void 0 ? void 0 : _listboxRef_current.querySelector(`[${_constants.ACTIVEDESCENDANT_ATTRIBUTE}]`);
+    };
+    const setActiveDescendant = (nextActive)=>{
+        const active = getActiveDescendant();
+        if (active) {
+            active.removeAttribute(_constants.ACTIVEDESCENDANT_ATTRIBUTE);
+        }
+        if (nextActive) {
+            var _activeParentRef_current;
+            nextActive.setAttribute(_constants.ACTIVEDESCENDANT_ATTRIBUTE, '');
+            (_activeParentRef_current = activeParentRef.current) === null || _activeParentRef_current === void 0 ? void 0 : _activeParentRef_current.setAttribute('aria-activedescendant', nextActive.id);
+        } else {
+            var _activeParentRef_current1;
+            (_activeParentRef_current1 = activeParentRef.current) === null || _activeParentRef_current1 === void 0 ? void 0 : _activeParentRef_current1.removeAttribute('aria-activedescendant');
+        }
+    };
+    _react.useImperativeHandle(imperativeRef, ()=>({
+            first: ()=>{
+                if (!listboxRef.current || !activeParentRef.current) {
+                    return;
+                }
+                const first = optionWalker.first();
+                if (first) {
+                    setActiveDescendant(first);
+                }
+            },
+            next: ()=>{
+                if (!listboxRef.current || !activeParentRef.current) {
+                    return;
+                }
+                const active = getActiveDescendant();
+                if (!active) {
+                    return;
+                }
+                optionWalker.setCurrent(active);
+                const next = optionWalker.next();
+                if (next) {
+                    setActiveDescendant(next);
+                }
+            },
+            prev: ()=>{
+                if (!listboxRef.current || !activeParentRef.current) {
+                    return;
+                }
+                const active = getActiveDescendant();
+                if (!active) {
+                    return;
+                }
+                optionWalker.setCurrent(active);
+                const next = optionWalker.prev();
+                if (next && next !== listboxRef.current) {
+                    setActiveDescendant(next);
+                }
+            },
+            blur: ()=>{
+                if (!listboxRef.current || !activeParentRef.current) {
+                    return;
+                }
+                setActiveDescendant(undefined);
+            },
+            active: ()=>{
+                if (listboxRef.current) {
+                    var _getActiveDescendant;
+                    return (_getActiveDescendant = getActiveDescendant()) === null || _getActiveDescendant === void 0 ? void 0 : _getActiveDescendant.id;
+                }
+            },
+            focus: (id)=>{
+                if (!listboxRef.current) {
+                    return;
+                }
+                optionWalker.setCurrent(listboxRef.current);
+                let cur = optionWalker.next();
+                while(cur && cur.id !== id){
+                    cur = optionWalker.next();
+                }
+                if (cur) {
+                    setActiveDescendant(cur);
+                }
+            }
+        }));
+    return {
+        listboxRef,
+        activeParentRef
+    };
+}

package/lib-commonjs/activedescendant/useActiveDescendant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useActiveDescendant.js"],"sourcesContent":["import * as React from 'react';\nimport { useOptionWalker } from './useOptionWalker';\nimport { ACTIVEDESCENDANT_ATTRIBUTE } from './constants';\nexport function useActiveDescendant(options) {\n    const { imperativeRef, matchOption } = options;\n    const activeParentRef = React.useRef(null);\n    const { listboxRef, optionWalker } = useOptionWalker({\n        matchOption\n    });\n    const getActiveDescendant = ()=>{\n        var _listboxRef_current;\n        return (_listboxRef_current = listboxRef.current) === null || _listboxRef_current === void 0 ? void 0 : _listboxRef_current.querySelector(`[${ACTIVEDESCENDANT_ATTRIBUTE}]`);\n    };\n    const setActiveDescendant = (nextActive)=>{\n        const active = getActiveDescendant();\n        if (active) {\n            active.removeAttribute(ACTIVEDESCENDANT_ATTRIBUTE);\n        }\n        if (nextActive) {\n            var _activeParentRef_current;\n            nextActive.setAttribute(ACTIVEDESCENDANT_ATTRIBUTE, '');\n            (_activeParentRef_current = activeParentRef.current) === null || _activeParentRef_current === void 0 ? void 0 : _activeParentRef_current.setAttribute('aria-activedescendant', nextActive.id);\n        } else {\n            var _activeParentRef_current1;\n            (_activeParentRef_current1 = activeParentRef.current) === null || _activeParentRef_current1 === void 0 ? void 0 : _activeParentRef_current1.removeAttribute('aria-activedescendant');\n        }\n    };\n    React.useImperativeHandle(imperativeRef, ()=>({\n            first: ()=>{\n                if (!listboxRef.current || !activeParentRef.current) {\n                    return;\n                }\n                const first = optionWalker.first();\n                if (first) {\n                    setActiveDescendant(first);\n                }\n            },\n            next: ()=>{\n                if (!listboxRef.current || !activeParentRef.current) {\n                    return;\n                }\n                const active = getActiveDescendant();\n                if (!active) {\n                    return;\n                }\n                optionWalker.setCurrent(active);\n                const next = optionWalker.next();\n                if (next) {\n                    setActiveDescendant(next);\n                }\n            },\n            prev: ()=>{\n                if (!listboxRef.current || !activeParentRef.current) {\n                    return;\n                }\n                const active = getActiveDescendant();\n                if (!active) {\n                    return;\n                }\n                optionWalker.setCurrent(active);\n                const next = optionWalker.prev();\n                if (next && next !== listboxRef.current) {\n                    setActiveDescendant(next);\n                }\n            },\n            blur: ()=>{\n                if (!listboxRef.current || !activeParentRef.current) {\n                    return;\n                }\n                setActiveDescendant(undefined);\n            },\n            active: ()=>{\n                if (listboxRef.current) {\n                    var _getActiveDescendant;\n                    return (_getActiveDescendant = getActiveDescendant()) === null || _getActiveDescendant === void 0 ? void 0 : _getActiveDescendant.id;\n                }\n            },\n            focus: (id)=>{\n                if (!listboxRef.current) {\n                    return;\n                }\n                optionWalker.setCurrent(listboxRef.current);\n                let cur = optionWalker.next();\n                while(cur && cur.id !== id){\n                    cur = optionWalker.next();\n                }\n                if (cur) {\n                    setActiveDescendant(cur);\n                }\n            }\n        }));\n    return {\n        listboxRef,\n        activeParentRef\n    };\n}\n"],"names":["useActiveDescendant","options","imperativeRef","matchOption","activeParentRef","React","useRef","listboxRef","optionWalker","useOptionWalker","getActiveDescendant","_listboxRef_current","current","querySelector","ACTIVEDESCENDANT_ATTRIBUTE","setActiveDescendant","nextActive","active","removeAttribute","_activeParentRef_current","setAttribute","id","_activeParentRef_current1","useImperativeHandle","first","next","setCurrent","prev","blur","undefined","_getActiveDescendant","focus","cur"],"mappings":"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"}

package/lib-commonjs/activedescendant/useOptionWalker.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOptionWalker", {
+    enumerable: true,
+    get: function() {
+        return useOptionWalker;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _reactutilities = require("@fluentui/react-utilities");
+function useOptionWalker(options) {
+    const { matchOption } = options;
+    const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
+    const treeWalkerRef = _react.useRef(null);
+    const listboxRef = _react.useRef(null);
+    const optionFilter = _react.useCallback((node)=>{
+        if ((0, _reactutilities.isHTMLElement)(node) && matchOption(node)) {
+            return NodeFilter.FILTER_ACCEPT;
+        }
+        return NodeFilter.FILTER_SKIP;
+    }, [
+        matchOption
+    ]);
+    (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+        if (!targetDocument || !listboxRef.current) {
+            return;
+        }
+        treeWalkerRef.current = targetDocument.createTreeWalker(listboxRef.current, NodeFilter.SHOW_ELEMENT, optionFilter);
+    }, [
+        targetDocument,
+        optionFilter
+    ]);
+    const optionWalker = _react.useMemo(()=>({
+            first: ()=>{
+                if (!treeWalkerRef.current) {
+                    return null;
+                }
+                return treeWalkerRef.current.firstChild();
+            },
+            next: ()=>{
+                if (!treeWalkerRef.current) {
+                    return null;
+                }
+                return treeWalkerRef.current.nextNode();
+            },
+            prev: ()=>{
+                if (!treeWalkerRef.current) {
+                    return null;
+                }
+                return treeWalkerRef.current.previousNode();
+            },
+            setCurrent: (el)=>{
+                if (!treeWalkerRef.current) {
+                    return;
+                }
+                treeWalkerRef.current.currentNode = el;
+            }
+        }), []);
+    return {
+        optionWalker,
+        listboxRef
+    };
+}

package/lib-commonjs/activedescendant/useOptionWalker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useOptionWalker.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { isHTMLElement, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nexport function useOptionWalker(options) {\n    const { matchOption } = options;\n    const { targetDocument } = useFluent();\n    const treeWalkerRef = React.useRef(null);\n    const listboxRef = React.useRef(null);\n    const optionFilter = React.useCallback((node)=>{\n        if (isHTMLElement(node) && matchOption(node)) {\n            return NodeFilter.FILTER_ACCEPT;\n        }\n        return NodeFilter.FILTER_SKIP;\n    }, [\n        matchOption\n    ]);\n    useIsomorphicLayoutEffect(()=>{\n        if (!targetDocument || !listboxRef.current) {\n            return;\n        }\n        treeWalkerRef.current = targetDocument.createTreeWalker(listboxRef.current, NodeFilter.SHOW_ELEMENT, optionFilter);\n    }, [\n        targetDocument,\n        optionFilter\n    ]);\n    const optionWalker = React.useMemo(()=>({\n            first: ()=>{\n                if (!treeWalkerRef.current) {\n                    return null;\n                }\n                return treeWalkerRef.current.firstChild();\n            },\n            next: ()=>{\n                if (!treeWalkerRef.current) {\n                    return null;\n                }\n                return treeWalkerRef.current.nextNode();\n            },\n            prev: ()=>{\n                if (!treeWalkerRef.current) {\n                    return null;\n                }\n                return treeWalkerRef.current.previousNode();\n            },\n            setCurrent: (el)=>{\n                if (!treeWalkerRef.current) {\n                    return;\n                }\n                treeWalkerRef.current.currentNode = el;\n            }\n        }), []);\n    return {\n        optionWalker,\n        listboxRef\n    };\n}\n"],"names":["useOptionWalker","options","matchOption","targetDocument","useFluent","treeWalkerRef","React","useRef","listboxRef","optionFilter","useCallback","node","isHTMLElement","NodeFilter","FILTER_ACCEPT","FILTER_SKIP","useIsomorphicLayoutEffect","current","createTreeWalker","SHOW_ELEMENT","optionWalker","useMemo","first","firstChild","next","nextNode","prev","previousNode","setCurrent","el","currentNode"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;qCACyB;gCACS;AAClD,SAASA,gBAAgBC,OAAO;IACnC,MAAM,EAAEC,WAAW,EAAE,GAAGD;IACxB,MAAM,EAAEE,cAAc,EAAE,GAAGC,IAAAA,uCAAS;IACpC,MAAMC,gBAAgBC,OAAMC,MAAM,CAAC;IACnC,MAAMC,aAAaF,OAAMC,MAAM,CAAC;IAChC,MAAME,eAAeH,OAAMI,WAAW,CAAC,CAACC;QACpC,IAAIC,IAAAA,6BAAa,EAACD,SAAST,YAAYS,OAAO;YAC1C,OAAOE,WAAWC,aAAa;QACnC;QACA,OAAOD,WAAWE,WAAW;IACjC,GAAG;QACCb;KACH;IACDc,IAAAA,yCAAyB,EAAC;QACtB,IAAI,CAACb,kBAAkB,CAACK,WAAWS,OAAO,EAAE;YACxC;QACJ;QACAZ,cAAcY,OAAO,GAAGd,eAAee,gBAAgB,CAACV,WAAWS,OAAO,EAAEJ,WAAWM,YAAY,EAAEV;IACzG,GAAG;QACCN;QACAM;KACH;IACD,MAAMW,eAAed,OAAMe,OAAO,CAAC,IAAK,CAAA;YAChCC,OAAO;gBACH,IAAI,CAACjB,cAAcY,OAAO,EAAE;oBACxB,OAAO;gBACX;gBACA,OAAOZ,cAAcY,OAAO,CAACM,UAAU;YAC3C;YACAC,MAAM;gBACF,IAAI,CAACnB,cAAcY,OAAO,EAAE;oBACxB,OAAO;gBACX;gBACA,OAAOZ,cAAcY,OAAO,CAACQ,QAAQ;YACzC;YACAC,MAAM;gBACF,IAAI,CAACrB,cAAcY,OAAO,EAAE;oBACxB,OAAO;gBACX;gBACA,OAAOZ,cAAcY,OAAO,CAACU,YAAY;YAC7C;YACAC,YAAY,CAACC;gBACT,IAAI,CAACxB,cAAcY,OAAO,EAAE;oBACxB;gBACJ;gBACAZ,cAAcY,OAAO,CAACa,WAAW,GAAGD;YACxC;QACJ,CAAA,GAAI,EAAE;IACV,OAAO;QACHT;QACAZ;IACJ;AACJ"}

package/lib-commonjs/index.js

@@ -14,6 +14,10 @@ _export(exports, {
     },
     useARIAButtonProps: function() {
         return _index.useARIAButtonProps;
+    },
+    useActiveDescendant: function() {
+        return _activedescendant.useActiveDescendant;
     }
 });
 const _index = require("./button/index");
+const _activedescendant = require("./activedescendant");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { useARIAButtonShorthand, useARIAButtonProps } from './button/index';\n"],"names":["useARIAButtonShorthand","useARIAButtonProps"],"mappings":";;;;;;;;;;;IAASA,sBAAsB;eAAtBA,6BAAsB;;IAAEC,kBAAkB;eAAlBA,yBAAkB;;;uBAAQ"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export { useARIAButtonShorthand, useARIAButtonProps } from './button/index';\nexport { useActiveDescendant } from './activedescendant';\n"],"names":["useARIAButtonShorthand","useARIAButtonProps","useActiveDescendant"],"mappings":";;;;;;;;;;;IAASA,sBAAsB;eAAtBA,6BAAsB;;IAAEC,kBAAkB;eAAlBA,yBAAkB;;IAC1CC,mBAAmB;eAAnBA,qCAAmB;;;uBAD+B;kCACvB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-aria",
-  "version": "9.3.43",
+  "version": "9.4.0",
   "description": "React helper to ensure ARIA",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -31,8 +31,9 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/keyboard-keys": "^9.0.6",
-    "@fluentui/react-utilities": "^9.15.1",
+    "@fluentui/keyboard-keys": "^9.0.7",
+    "@fluentui/react-shared-contexts": "^9.13.0",
+    "@fluentui/react-utilities": "^9.15.2",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
@@ -55,5 +56,11 @@
       "require": "./lib-commonjs/index.js"
     },
     "./package.json": "./package.json"
-  }
+  },
+  "files": [
+    "*.md",
+    "dist/*.d.ts",
+    "lib",
+    "lib-commonjs"
+  ]
 }