@fluentui/react-tabster 9.6.0 → 9.6.1

package/lib-commonjs/hooks/useArrowNavigationGroup.js

@@ -1,57 +1,48 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useArrowNavigationGroup", {
+    enumerable: true,
+    get: ()=>useArrowNavigationGroup
 });
-exports.useArrowNavigationGroup = void 0;
-const tabster_1 = /*#__PURE__*/require("tabster");
-const useTabsterAttributes_1 = /*#__PURE__*/require("./useTabsterAttributes");
-const useTabster_1 = /*#__PURE__*/require("./useTabster");
-/**
- * A hook that returns the necessary tabster attributes to support arrow key navigation
- * @param options - Options to configure keyboard navigation
- */
-const useArrowNavigationGroup = (options = {}) => {
-  const {
-    circular,
-    axis,
-    memorizeCurrent,
-    tabbable,
-    ignoreDefaultKeydown,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    unstable_hasDefault
-  } = options;
-  const tabster = useTabster_1.useTabster();
-  if (tabster) {
-    tabster_1.getMover(tabster);
-  }
-  return useTabsterAttributes_1.useTabsterAttributes({
-    mover: {
-      cyclic: !!circular,
-      direction: axisToMoverDirection(axis !== null && axis !== void 0 ? axis : 'vertical'),
-      memorizeCurrent,
-      tabbable,
-      hasDefault: unstable_hasDefault
-    },
-    ...(ignoreDefaultKeydown && {
-      focusable: {
-        ignoreKeydown: ignoreDefaultKeydown
-      }
-    })
-  });
+const _tabster = require("tabster");
+const _useTabsterAttributes = require("./useTabsterAttributes");
+const _useTabster = require("./useTabster");
+const useArrowNavigationGroup = (options = {})=>{
+    const { circular , axis , memorizeCurrent , tabbable , ignoreDefaultKeydown , // eslint-disable-next-line @typescript-eslint/naming-convention
+    unstable_hasDefault  } = options;
+    const tabster = (0, _useTabster.useTabster)();
+    if (tabster) {
+        (0, _tabster.getMover)(tabster);
+    }
+    return (0, _useTabsterAttributes.useTabsterAttributes)({
+        mover: {
+            cyclic: !!circular,
+            direction: axisToMoverDirection(axis !== null && axis !== void 0 ? axis : 'vertical'),
+            memorizeCurrent,
+            tabbable,
+            hasDefault: unstable_hasDefault
+        },
+        ...ignoreDefaultKeydown && {
+            focusable: {
+                ignoreKeydown: ignoreDefaultKeydown
+            }
+        }
+    });
 };
-exports.useArrowNavigationGroup = useArrowNavigationGroup;
 function axisToMoverDirection(axis) {
-  switch (axis) {
-    case 'horizontal':
-      return tabster_1.Types.MoverDirections.Horizontal;
-    case 'grid':
-      return tabster_1.Types.MoverDirections.Grid;
-    case 'both':
-      return tabster_1.Types.MoverDirections.Both;
-    case 'vertical':
-    default:
-      return tabster_1.Types.MoverDirections.Vertical;
-  }
-}
+    switch(axis){
+        case 'horizontal':
+            return _tabster.Types.MoverDirections.Horizontal;
+        case 'grid':
+            return _tabster.Types.MoverDirections.Grid;
+        case 'both':
+            return _tabster.Types.MoverDirections.Both;
+        case 'vertical':
+        default:
+            return _tabster.Types.MoverDirections.Vertical;
+    }
+} //# sourceMappingURL=useArrowNavigationGroup.js.map
+
 //# sourceMappingURL=useArrowNavigationGroup.js.map

package/lib-commonjs/hooks/useArrowNavigationGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["tabster_1","require","useTabsterAttributes_1","useTabster_1","useArrowNavigationGroup","options","circular","axis","memorizeCurrent","tabbable","ignoreDefaultKeydown","unstable_hasDefault","tabster","useTabster","getMover","useTabsterAttributes","mover","cyclic","direction","axisToMoverDirection","hasDefault","focusable","ignoreKeydown","exports","Types","MoverDirections","Horizontal","Grid","Both","Vertical"],"sources":["../src/packages/react-components/react-tabster/src/hooks/useArrowNavigationGroup.ts"],"sourcesContent":["import { Types, getMover } from 'tabster';\nimport { useTabsterAttributes } from './useTabsterAttributes';\nimport { useTabster } from './useTabster';\n\nexport interface UseArrowNavigationGroupOptions {\n  /**\n   * Focus will navigate vertically, horizontally or in both directions (grid), defaults to horizontally\n   * @defaultValue vertical\n   */\n  axis?: 'vertical' | 'horizontal' | 'grid' | 'both';\n  /**\n   * Focus will cycle to the first/last elements of the group without stopping\n   */\n  circular?: boolean;\n  /**\n   * Last focused element in the group will be remembered and focused (if still\n   * available) when tabbing from outside of the group\n   */\n  memorizeCurrent?: boolean;\n  /**\n   * Allow tabbing within the arrow navigation group items.\n   */\n  tabbable?: boolean;\n  /**\n   * Tabster should ignore default handling of keydown events\n   */\n  ignoreDefaultKeydown?: Types.FocusableProps['ignoreKeydown'];\n  /**\n   * The default focusable item in the group will be an element with Focusable.isDefault property.\n   * Note that there is no way in \\@fluentui/react-tabster to set default focusable element,\n   * and this option is currently for internal testing purposes only.\n   */\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  unstable_hasDefault?: boolean;\n}\n\n/**\n * A hook that returns the necessary tabster attributes to support arrow key navigation\n * @param options - Options to configure keyboard navigation\n */\nexport const useArrowNavigationGroup = (options: UseArrowNavigationGroupOptions = {}): Types.TabsterDOMAttribute => {\n  const {\n    circular,\n    axis,\n    memorizeCurrent,\n    tabbable,\n    ignoreDefaultKeydown,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    unstable_hasDefault,\n  } = options;\n  const tabster = useTabster();\n\n  if (tabster) {\n    getMover(tabster);\n  }\n\n  return useTabsterAttributes({\n    mover: {\n      cyclic: !!circular,\n      direction: axisToMoverDirection(axis ?? 'vertical'),\n      memorizeCurrent,\n      tabbable,\n      hasDefault: unstable_hasDefault,\n    },\n    ...(ignoreDefaultKeydown && {\n      focusable: {\n        ignoreKeydown: ignoreDefaultKeydown,\n      },\n    }),\n  });\n};\n\nfunction axisToMoverDirection(axis: UseArrowNavigationGroupOptions['axis']): Types.MoverDirection {\n  switch (axis) {\n    case 'horizontal':\n      return Types.MoverDirections.Horizontal;\n    case 'grid':\n      return Types.MoverDirections.Grid;\n    case 'both':\n      return Types.MoverDirections.Both;\n\n    case 'vertical':\n    default:\n      return Types.MoverDirections.Vertical;\n  }\n}\n"],"mappings":";;;;;;AAAA,MAAAA,SAAA,gBAAAC,OAAA;AACA,MAAAC,sBAAA,gBAAAD,OAAA;AACA,MAAAE,YAAA,gBAAAF,OAAA;AAkCA;;;;AAIO,MAAMG,uBAAuB,GAAGA,CAACC,OAAA,GAA0C,EAAE,KAA+B;EACjH,MAAM;IACJC,QAAQ;IACRC,IAAI;IACJC,eAAe;IACfC,QAAQ;IACRC,oBAAoB;IACpB;IACAC;EAAmB,CACpB,GAAGN,OAAO;EACX,MAAMO,OAAO,GAAGT,YAAA,CAAAU,UAAU,EAAE;EAE5B,IAAID,OAAO,EAAE;IACXZ,SAAA,CAAAc,QAAQ,CAACF,OAAO,CAAC;;EAGnB,OAAOV,sBAAA,CAAAa,oBAAoB,CAAC;IAC1BC,KAAK,EAAE;MACLC,MAAM,EAAE,CAAC,CAACX,QAAQ;MAClBY,SAAS,EAAEC,oBAAoB,CAACZ,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,UAAU,CAAC;MACnDC,eAAe;MACfC,QAAQ;MACRW,UAAU,EAAET;KACb;IACD,IAAID,oBAAoB,IAAI;MAC1BW,SAAS,EAAE;QACTC,aAAa,EAAEZ;;KAElB;GACF,CAAC;AACJ,CAAC;AA9BYa,OAAA,CAAAnB,uBAAuB,GAAAA,uBAAA;AAgCpC,SAASe,oBAAoBA,CAACZ,IAA4C;EACxE,QAAQA,IAAI;IACV,KAAK,YAAY;MACf,OAAOP,SAAA,CAAAwB,KAAK,CAACC,eAAe,CAACC,UAAU;IACzC,KAAK,MAAM;MACT,OAAO1B,SAAA,CAAAwB,KAAK,CAACC,eAAe,CAACE,IAAI;IACnC,KAAK,MAAM;MACT,OAAO3B,SAAA,CAAAwB,KAAK,CAACC,eAAe,CAACG,IAAI;IAEnC,KAAK,UAAU;IACf;MACE,OAAO5B,SAAA,CAAAwB,KAAK,CAACC,eAAe,CAACI,QAAQ;EAAC;AAE5C"}
+{"version":3,"sources":["../../lib/hooks/useArrowNavigationGroup.js"],"sourcesContent":["import { Types, getMover } from 'tabster';\nimport { useTabsterAttributes } from './useTabsterAttributes';\nimport { useTabster } from './useTabster';\n/**\n * A hook that returns the necessary tabster attributes to support arrow key navigation\n * @param options - Options to configure keyboard navigation\n */\nexport const useArrowNavigationGroup = (options = {}) => {\n  const {\n    circular,\n    axis,\n    memorizeCurrent,\n    tabbable,\n    ignoreDefaultKeydown,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    unstable_hasDefault\n  } = options;\n  const tabster = useTabster();\n  if (tabster) {\n    getMover(tabster);\n  }\n  return useTabsterAttributes({\n    mover: {\n      cyclic: !!circular,\n      direction: axisToMoverDirection(axis !== null && axis !== void 0 ? axis : 'vertical'),\n      memorizeCurrent,\n      tabbable,\n      hasDefault: unstable_hasDefault\n    },\n    ...(ignoreDefaultKeydown && {\n      focusable: {\n        ignoreKeydown: ignoreDefaultKeydown\n      }\n    })\n  });\n};\nfunction axisToMoverDirection(axis) {\n  switch (axis) {\n    case 'horizontal':\n      return Types.MoverDirections.Horizontal;\n    case 'grid':\n      return Types.MoverDirections.Grid;\n    case 'both':\n      return Types.MoverDirections.Both;\n    case 'vertical':\n    default:\n      return Types.MoverDirections.Vertical;\n  }\n}\n//# sourceMappingURL=useArrowNavigationGroup.js.map"],"names":["useArrowNavigationGroup","options","circular","axis","memorizeCurrent","tabbable","ignoreDefaultKeydown","unstable_hasDefault","tabster","useTabster","getMover","useTabsterAttributes","mover","cyclic","direction","axisToMoverDirection","hasDefault","focusable","ignoreKeydown","Types","MoverDirections","Horizontal","Grid","Both","Vertical"],"mappings":";;;;+BAOaA;;aAAAA;;yBAPmB;sCACK;4BACV;AAKpB,MAAMA,0BAA0B,CAACC,UAAU,CAAC,CAAC,GAAK;IACvD,MAAM,EACJC,SAAQ,EACRC,KAAI,EACJC,gBAAe,EACfC,SAAQ,EACRC,qBAAoB,EACpB,gEAAgE;IAChEC,oBAAmB,EACpB,GAAGN;IACJ,MAAMO,UAAUC,IAAAA,sBAAU;IAC1B,IAAID,SAAS;QACXE,IAAAA,iBAAQ,EAACF;IACX,CAAC;IACD,OAAOG,IAAAA,0CAAoB,EAAC;QAC1BC,OAAO;YACLC,QAAQ,CAAC,CAACX;YACVY,WAAWC,qBAAqBZ,SAAS,IAAI,IAAIA,SAAS,KAAK,IAAIA,OAAO,UAAU;YACpFC;YACAC;YACAW,YAAYT;QACd;QACA,GAAID,wBAAwB;YAC1BW,WAAW;gBACTC,eAAeZ;YACjB;QACF,CAAC;IACH;AACF;AACA,SAASS,qBAAqBZ,IAAI,EAAE;IAClC,OAAQA;QACN,KAAK;YACH,OAAOgB,cAAK,CAACC,eAAe,CAACC,UAAU;QACzC,KAAK;YACH,OAAOF,cAAK,CAACC,eAAe,CAACE,IAAI;QACnC,KAAK;YACH,OAAOH,cAAK,CAACC,eAAe,CAACG,IAAI;QACnC,KAAK;QACL;YACE,OAAOJ,cAAK,CAACC,eAAe,CAACI,QAAQ;IACzC;AACF,EACA,mDAAmD"}

package/lib-commonjs/hooks/useFocusFinders.js

@@ -1,62 +1,74 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useFocusFinders", {
+    enumerable: true,
+    get: ()=>useFocusFinders
 });
-exports.useFocusFinders = void 0;
-const React = /*#__PURE__*/require("react");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-const useTabster_1 = /*#__PURE__*/require("./useTabster");
-/**
- * Returns a set of helper functions that will traverse focusable elements in the context of a root DOM element
- */
-const useFocusFinders = () => {
-  const tabster = useTabster_1.useTabster();
-  const {
-    targetDocument
-  } = react_shared_contexts_1.useFluent_unstable();
-  // Narrow props for now and let need dictate additional props in the future
-  const findAllFocusable = React.useCallback((container, acceptCondition) => (tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findAll({
-    container,
-    acceptCondition
-  })) || [], [tabster]);
-  const findFirstFocusable = React.useCallback(container => tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findFirst({
-    container
-  }), [tabster]);
-  const findLastFocusable = React.useCallback(container => tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findLast({
-    container
-  }), [tabster]);
-  const findNextFocusable = React.useCallback((currentElement, options = {}) => {
-    if (!tabster || !targetDocument) {
-      return null;
-    }
-    const {
-      container = targetDocument.body
-    } = options;
-    return tabster.focusable.findNext({
-      currentElement,
-      container
-    });
-  }, [tabster, targetDocument]);
-  const findPrevFocusable = React.useCallback((currentElement, options = {}) => {
-    if (!tabster || !targetDocument) {
-      return null;
-    }
-    const {
-      container = targetDocument.body
-    } = options;
-    return tabster.focusable.findPrev({
-      currentElement,
-      container
-    });
-  }, [tabster, targetDocument]);
-  return {
-    findAllFocusable,
-    findFirstFocusable,
-    findLastFocusable,
-    findNextFocusable,
-    findPrevFocusable
-  };
-};
-exports.useFocusFinders = useFocusFinders;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _useTabster = require("./useTabster");
+const useFocusFinders = ()=>{
+    const tabster = (0, _useTabster.useTabster)();
+    const { targetDocument  } = (0, _reactSharedContexts.useFluent_unstable)();
+    // Narrow props for now and let need dictate additional props in the future
+    const findAllFocusable = _react.useCallback((container, acceptCondition)=>{
+        return (tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findAll({
+            container,
+            acceptCondition
+        })) || [];
+    }, [
+        tabster
+    ]);
+    const findFirstFocusable = _react.useCallback((container)=>{
+        return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findFirst({
+            container
+        });
+    }, [
+        tabster
+    ]);
+    const findLastFocusable = _react.useCallback((container)=>{
+        return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findLast({
+            container
+        });
+    }, [
+        tabster
+    ]);
+    const findNextFocusable = _react.useCallback((currentElement, options = {})=>{
+        if (!tabster || !targetDocument) {
+            return null;
+        }
+        const { container =targetDocument.body  } = options;
+        return tabster.focusable.findNext({
+            currentElement,
+            container
+        });
+    }, [
+        tabster,
+        targetDocument
+    ]);
+    const findPrevFocusable = _react.useCallback((currentElement, options = {})=>{
+        if (!tabster || !targetDocument) {
+            return null;
+        }
+        const { container =targetDocument.body  } = options;
+        return tabster.focusable.findPrev({
+            currentElement,
+            container
+        });
+    }, [
+        tabster,
+        targetDocument
+    ]);
+    return {
+        findAllFocusable,
+        findFirstFocusable,
+        findLastFocusable,
+        findNextFocusable,
+        findPrevFocusable
+    };
+}; //# sourceMappingURL=useFocusFinders.js.map
+
 //# sourceMappingURL=useFocusFinders.js.map

package/lib-commonjs/hooks/useFocusFinders.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_shared_contexts_1","useTabster_1","useFocusFinders","tabster","useTabster","targetDocument","useFluent_unstable","findAllFocusable","useCallback","container","acceptCondition","focusable","findAll","findFirstFocusable","findFirst","findLastFocusable","findLast","findNextFocusable","currentElement","options","body","findNext","findPrevFocusable","findPrev","exports"],"sources":["../src/packages/react-components/react-tabster/src/hooks/useFocusFinders.ts"],"sourcesContent":["import * as React from 'react';\nimport { Types as TabsterTypes } from 'tabster';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useTabster } from './useTabster';\n\n/**\n * Returns a set of helper functions that will traverse focusable elements in the context of a root DOM element\n */\nexport const useFocusFinders = () => {\n  const tabster = useTabster();\n  const { targetDocument } = useFluent();\n\n  // Narrow props for now and let need dictate additional props in the future\n  const findAllFocusable = React.useCallback(\n    (container: HTMLElement, acceptCondition?: (el: HTMLElement) => boolean) =>\n      tabster?.focusable.findAll({ container, acceptCondition }) || [],\n    [tabster],\n  );\n\n  const findFirstFocusable = React.useCallback(\n    (container: HTMLElement) => tabster?.focusable.findFirst({ container }),\n    [tabster],\n  );\n\n  const findLastFocusable = React.useCallback(\n    (container: HTMLElement) => tabster?.focusable.findLast({ container }),\n    [tabster],\n  );\n\n  const findNextFocusable = React.useCallback(\n    (currentElement: HTMLElement, options: Pick<Partial<TabsterTypes.FindNextProps>, 'container'> = {}) => {\n      if (!tabster || !targetDocument) {\n        return null;\n      }\n\n      const { container = targetDocument.body } = options;\n\n      return tabster.focusable.findNext({ currentElement, container });\n    },\n    [tabster, targetDocument],\n  );\n\n  const findPrevFocusable = React.useCallback(\n    (currentElement: HTMLElement, options: Pick<Partial<TabsterTypes.FindNextProps>, 'container'> = {}) => {\n      if (!tabster || !targetDocument) {\n        return null;\n      }\n\n      const { container = targetDocument.body } = options;\n\n      return tabster.focusable.findPrev({ currentElement, container });\n    },\n    [tabster, targetDocument],\n  );\n\n  return {\n    findAllFocusable,\n    findFirstFocusable,\n    findLastFocusable,\n    findNextFocusable,\n    findPrevFocusable,\n  };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AAEA,MAAAC,uBAAA,gBAAAD,OAAA;AACA,MAAAE,YAAA,gBAAAF,OAAA;AAEA;;;AAGO,MAAMG,eAAe,GAAGA,CAAA,KAAK;EAClC,MAAMC,OAAO,GAAGF,YAAA,CAAAG,UAAU,EAAE;EAC5B,MAAM;IAAEC;EAAc,CAAE,GAAGL,uBAAA,CAAAM,kBAAS,EAAE;EAEtC;EACA,MAAMC,gBAAgB,GAAGT,KAAK,CAACU,WAAW,CACxC,CAACC,SAAsB,EAAEC,eAA8C,KACrE,CAAAP,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEQ,SAAS,CAACC,OAAO,CAAC;IAAEH,SAAS;IAAEC;EAAe,CAAE,CAAC,KAAI,EAAE,EAClE,CAACP,OAAO,CAAC,CACV;EAED,MAAMU,kBAAkB,GAAGf,KAAK,CAACU,WAAW,CACzCC,SAAsB,IAAKN,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEQ,SAAS,CAACG,SAAS,CAAC;IAAEL;EAAS,CAAE,CAAC,EACvE,CAACN,OAAO,CAAC,CACV;EAED,MAAMY,iBAAiB,GAAGjB,KAAK,CAACU,WAAW,CACxCC,SAAsB,IAAKN,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEQ,SAAS,CAACK,QAAQ,CAAC;IAAEP;EAAS,CAAE,CAAC,EACtE,CAACN,OAAO,CAAC,CACV;EAED,MAAMc,iBAAiB,GAAGnB,KAAK,CAACU,WAAW,CACzC,CAACU,cAA2B,EAAEC,OAAA,GAAkE,EAAE,KAAI;IACpG,IAAI,CAAChB,OAAO,IAAI,CAACE,cAAc,EAAE;MAC/B,OAAO,IAAI;;IAGb,MAAM;MAAEI,SAAS,GAAGJ,cAAc,CAACe;IAAI,CAAE,GAAGD,OAAO;IAEnD,OAAOhB,OAAO,CAACQ,SAAS,CAACU,QAAQ,CAAC;MAAEH,cAAc;MAAET;IAAS,CAAE,CAAC;EAClE,CAAC,EACD,CAACN,OAAO,EAAEE,cAAc,CAAC,CAC1B;EAED,MAAMiB,iBAAiB,GAAGxB,KAAK,CAACU,WAAW,CACzC,CAACU,cAA2B,EAAEC,OAAA,GAAkE,EAAE,KAAI;IACpG,IAAI,CAAChB,OAAO,IAAI,CAACE,cAAc,EAAE;MAC/B,OAAO,IAAI;;IAGb,MAAM;MAAEI,SAAS,GAAGJ,cAAc,CAACe;IAAI,CAAE,GAAGD,OAAO;IAEnD,OAAOhB,OAAO,CAACQ,SAAS,CAACY,QAAQ,CAAC;MAAEL,cAAc;MAAET;IAAS,CAAE,CAAC;EAClE,CAAC,EACD,CAACN,OAAO,EAAEE,cAAc,CAAC,CAC1B;EAED,OAAO;IACLE,gBAAgB;IAChBM,kBAAkB;IAClBE,iBAAiB;IACjBE,iBAAiB;IACjBK;GACD;AACH,CAAC;AAtDYE,OAAA,CAAAtB,eAAe,GAAAA,eAAA"}
+{"version":3,"sources":["../../lib/hooks/useFocusFinders.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useTabster } from './useTabster';\n/**\n * Returns a set of helper functions that will traverse focusable elements in the context of a root DOM element\n */\nexport const useFocusFinders = () => {\n  const tabster = useTabster();\n  const {\n    targetDocument\n  } = useFluent();\n  // Narrow props for now and let need dictate additional props in the future\n  const findAllFocusable = React.useCallback((container, acceptCondition) => {\n    return (tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findAll({\n      container,\n      acceptCondition\n    })) || [];\n  }, [tabster]);\n  const findFirstFocusable = React.useCallback(container => {\n    return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findFirst({\n      container\n    });\n  }, [tabster]);\n  const findLastFocusable = React.useCallback(container => {\n    return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findLast({\n      container\n    });\n  }, [tabster]);\n  const findNextFocusable = React.useCallback((currentElement, options = {}) => {\n    if (!tabster || !targetDocument) {\n      return null;\n    }\n    const {\n      container = targetDocument.body\n    } = options;\n    return tabster.focusable.findNext({\n      currentElement,\n      container\n    });\n  }, [tabster, targetDocument]);\n  const findPrevFocusable = React.useCallback((currentElement, options = {}) => {\n    if (!tabster || !targetDocument) {\n      return null;\n    }\n    const {\n      container = targetDocument.body\n    } = options;\n    return tabster.focusable.findPrev({\n      currentElement,\n      container\n    });\n  }, [tabster, targetDocument]);\n  return {\n    findAllFocusable,\n    findFirstFocusable,\n    findLastFocusable,\n    findNextFocusable,\n    findPrevFocusable\n  };\n};\n//# sourceMappingURL=useFocusFinders.js.map"],"names":["useFocusFinders","tabster","useTabster","targetDocument","useFluent","findAllFocusable","React","useCallback","container","acceptCondition","focusable","findAll","findFirstFocusable","findFirst","findLastFocusable","findLast","findNextFocusable","currentElement","options","body","findNext","findPrevFocusable","findPrev"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;qCACyB;4BACrB;AAIpB,MAAMA,kBAAkB,IAAM;IACnC,MAAMC,UAAUC,IAAAA,sBAAU;IAC1B,MAAM,EACJC,eAAc,EACf,GAAGC,IAAAA,uCAAS;IACb,2EAA2E;IAC3E,MAAMC,mBAAmBC,OAAMC,WAAW,CAAC,CAACC,WAAWC,kBAAoB;QACzE,OAAO,AAACR,CAAAA,YAAY,IAAI,IAAIA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQS,SAAS,CAACC,OAAO,CAAC;YAClFH;YACAC;QACF,EAAE,AAAD,KAAM,EAAE;IACX,GAAG;QAACR;KAAQ;IACZ,MAAMW,qBAAqBN,OAAMC,WAAW,CAACC,CAAAA,YAAa;QACxD,OAAOP,YAAY,IAAI,IAAIA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQS,SAAS,CAACG,SAAS,CAAC;YACnFL;QACF,EAAE;IACJ,GAAG;QAACP;KAAQ;IACZ,MAAMa,oBAAoBR,OAAMC,WAAW,CAACC,CAAAA,YAAa;QACvD,OAAOP,YAAY,IAAI,IAAIA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQS,SAAS,CAACK,QAAQ,CAAC;YAClFP;QACF,EAAE;IACJ,GAAG;QAACP;KAAQ;IACZ,MAAMe,oBAAoBV,OAAMC,WAAW,CAAC,CAACU,gBAAgBC,UAAU,CAAC,CAAC,GAAK;QAC5E,IAAI,CAACjB,WAAW,CAACE,gBAAgB;YAC/B,OAAO,IAAI;QACb,CAAC;QACD,MAAM,EACJK,WAAYL,eAAegB,IAAI,CAAA,EAChC,GAAGD;QACJ,OAAOjB,QAAQS,SAAS,CAACU,QAAQ,CAAC;YAChCH;YACAT;QACF;IACF,GAAG;QAACP;QAASE;KAAe;IAC5B,MAAMkB,oBAAoBf,OAAMC,WAAW,CAAC,CAACU,gBAAgBC,UAAU,CAAC,CAAC,GAAK;QAC5E,IAAI,CAACjB,WAAW,CAACE,gBAAgB;YAC/B,OAAO,IAAI;QACb,CAAC;QACD,MAAM,EACJK,WAAYL,eAAegB,IAAI,CAAA,EAChC,GAAGD;QACJ,OAAOjB,QAAQS,SAAS,CAACY,QAAQ,CAAC;YAChCL;YACAT;QACF;IACF,GAAG;QAACP;QAASE;KAAe;IAC5B,OAAO;QACLE;QACAO;QACAE;QACAE;QACAK;IACF;AACF,GACA,2CAA2C"}

package/lib-commonjs/hooks/useFocusVisible.js

@@ -1,23 +1,29 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useFocusVisible", {
+    enumerable: true,
+    get: ()=>useFocusVisible
 });
-exports.useFocusVisible = void 0;
-const React = /*#__PURE__*/require("react");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-const focusVisiblePolyfill_1 = /*#__PURE__*/require("../focus/focusVisiblePolyfill");
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _focusVisiblePolyfill = require("../focus/focusVisiblePolyfill");
 function useFocusVisible(options = {}) {
-  var _a;
-  const contentValue = react_shared_contexts_1.useFluent_unstable();
-  const scopeRef = React.useRef(null);
-  const targetDocument = (_a = options.targetDocument) !== null && _a !== void 0 ? _a : contentValue.targetDocument;
-  React.useEffect(() => {
-    if ((targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) && scopeRef.current) {
-      return focusVisiblePolyfill_1.applyFocusVisiblePolyfill(scopeRef.current, targetDocument.defaultView);
-    }
-  }, [scopeRef, targetDocument]);
-  return scopeRef;
-}
-exports.useFocusVisible = useFocusVisible;
+    const contentValue = (0, _reactSharedContexts.useFluent_unstable)();
+    const scopeRef = _react.useRef(null);
+    var _options_targetDocument;
+    const targetDocument = (_options_targetDocument = options.targetDocument) !== null && _options_targetDocument !== void 0 ? _options_targetDocument : contentValue.targetDocument;
+    _react.useEffect(()=>{
+        if ((targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) && scopeRef.current) {
+            return (0, _focusVisiblePolyfill.applyFocusVisiblePolyfill)(scopeRef.current, targetDocument.defaultView);
+        }
+    }, [
+        scopeRef,
+        targetDocument
+    ]);
+    return scopeRef;
+} //# sourceMappingURL=useFocusVisible.js.map
+
 //# sourceMappingURL=useFocusVisible.js.map

package/lib-commonjs/hooks/useFocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_shared_contexts_1","focusVisiblePolyfill_1","useFocusVisible","options","contentValue","useFluent_unstable","scopeRef","useRef","targetDocument","_a","useEffect","defaultView","current","applyFocusVisiblePolyfill","exports"],"sources":["../src/packages/react-components/react-tabster/src/hooks/useFocusVisible.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nimport { applyFocusVisiblePolyfill } from '../focus/focusVisiblePolyfill';\n\ntype UseFocusVisibleOptions = {\n  targetDocument?: HTMLDocument;\n};\n\nexport function useFocusVisible<TElement extends HTMLElement = HTMLElement>(options: UseFocusVisibleOptions = {}) {\n  const contentValue = useFluent();\n  const scopeRef = React.useRef<TElement>(null);\n\n  const targetDocument = options.targetDocument ?? contentValue.targetDocument;\n\n  React.useEffect(() => {\n    if (targetDocument?.defaultView && scopeRef.current) {\n      return applyFocusVisiblePolyfill(scopeRef.current, targetDocument.defaultView);\n    }\n  }, [scopeRef, targetDocument]);\n\n  return scopeRef;\n}\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,uBAAA,gBAAAD,OAAA;AAEA,MAAAE,sBAAA,gBAAAF,OAAA;AAMA,SAAgBG,eAAeA,CAA6CC,OAAA,GAAkC,EAAE;;EAC9G,MAAMC,YAAY,GAAGJ,uBAAA,CAAAK,kBAAS,EAAE;EAChC,MAAMC,QAAQ,GAAGR,KAAK,CAACS,MAAM,CAAW,IAAI,CAAC;EAE7C,MAAMC,cAAc,GAAG,CAAAC,EAAA,GAAAN,OAAO,CAACK,cAAc,cAAAC,EAAA,cAAAA,EAAA,GAAIL,YAAY,CAACI,cAAc;EAE5EV,KAAK,CAACY,SAAS,CAAC,MAAK;IACnB,IAAI,CAAAF,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEG,WAAW,KAAIL,QAAQ,CAACM,OAAO,EAAE;MACnD,OAAOX,sBAAA,CAAAY,yBAAyB,CAACP,QAAQ,CAACM,OAAO,EAAEJ,cAAc,CAACG,WAAW,CAAC;;EAElF,CAAC,EAAE,CAACL,QAAQ,EAAEE,cAAc,CAAC,CAAC;EAE9B,OAAOF,QAAQ;AACjB;AAbAQ,OAAA,CAAAZ,eAAA,GAAAA,eAAA"}
+{"version":3,"sources":["../../lib/hooks/useFocusVisible.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { applyFocusVisiblePolyfill } from '../focus/focusVisiblePolyfill';\nexport function useFocusVisible(options = {}) {\n  const contentValue = useFluent();\n  const scopeRef = React.useRef(null);\n  var _options_targetDocument;\n  const targetDocument = (_options_targetDocument = options.targetDocument) !== null && _options_targetDocument !== void 0 ? _options_targetDocument : contentValue.targetDocument;\n  React.useEffect(() => {\n    if ((targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) && scopeRef.current) {\n      return applyFocusVisiblePolyfill(scopeRef.current, targetDocument.defaultView);\n    }\n  }, [scopeRef, targetDocument]);\n  return scopeRef;\n}\n//# sourceMappingURL=useFocusVisible.js.map"],"names":["useFocusVisible","options","contentValue","useFluent","scopeRef","React","useRef","_options_targetDocument","targetDocument","useEffect","defaultView","current","applyFocusVisiblePolyfill"],"mappings":";;;;+BAGgBA;;aAAAA;;;6DAHO;qCACyB;sCACN;AACnC,SAASA,gBAAgBC,UAAU,CAAC,CAAC,EAAE;IAC5C,MAAMC,eAAeC,IAAAA,uCAAS;IAC9B,MAAMC,WAAWC,OAAMC,MAAM,CAAC,IAAI;IAClC,IAAIC;IACJ,MAAMC,iBAAiB,AAACD,CAAAA,0BAA0BN,QAAQO,cAAc,AAAD,MAAO,IAAI,IAAID,4BAA4B,KAAK,IAAIA,0BAA0BL,aAAaM,cAAc;IAChLH,OAAMI,SAAS,CAAC,IAAM;QACpB,IAAI,AAACD,CAAAA,mBAAmB,IAAI,IAAIA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeE,WAAW,AAAD,KAAMN,SAASO,OAAO,EAAE;YACpH,OAAOC,IAAAA,+CAAyB,EAACR,SAASO,OAAO,EAAEH,eAAeE,WAAW;QAC/E,CAAC;IACH,GAAG;QAACN;QAAUI;KAAe;IAC7B,OAAOJ;AACT,EACA,2CAA2C"}

package/lib-commonjs/hooks/useFocusWithin.js

@@ -1,28 +1,27 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useFocusWithin", {
+    enumerable: true,
+    get: ()=>useFocusWithin
 });
-exports.useFocusWithin = void 0;
-const React = /*#__PURE__*/require("react");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-const focusWithinPolyfill_1 = /*#__PURE__*/require("../focus/focusWithinPolyfill");
-/**
- * A ponyfill that allows `:focus-within` to support visibility based on keyboard/mouse navigation
- * like `:focus-visible` https://github.com/WICG/focus-visible/issues/151
- * @returns ref to the element that uses `:focus-within` styles
- */
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _focusWithinPolyfill = require("../focus/focusWithinPolyfill");
 function useFocusWithin() {
-  const {
-    targetDocument
-  } = react_shared_contexts_1.useFluent_unstable();
-  const elementRef = React.useRef(null);
-  React.useEffect(() => {
-    if ((targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) && elementRef.current) {
-      return focusWithinPolyfill_1.applyFocusWithinPolyfill(elementRef.current, targetDocument.defaultView);
-    }
-  }, [elementRef, targetDocument]);
-  return elementRef;
-}
-exports.useFocusWithin = useFocusWithin;
+    const { targetDocument  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const elementRef = _react.useRef(null);
+    _react.useEffect(()=>{
+        if ((targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) && elementRef.current) {
+            return (0, _focusWithinPolyfill.applyFocusWithinPolyfill)(elementRef.current, targetDocument.defaultView);
+        }
+    }, [
+        elementRef,
+        targetDocument
+    ]);
+    return elementRef;
+} //# sourceMappingURL=useFocusWithin.js.map
+
 //# sourceMappingURL=useFocusWithin.js.map

package/lib-commonjs/hooks/useFocusWithin.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_shared_contexts_1","focusWithinPolyfill_1","useFocusWithin","targetDocument","useFluent_unstable","elementRef","useRef","useEffect","defaultView","current","applyFocusWithinPolyfill","exports"],"sources":["../src/packages/react-components/react-tabster/src/hooks/useFocusWithin.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { applyFocusWithinPolyfill } from '../focus/focusWithinPolyfill';\n\n/**\n * A ponyfill that allows `:focus-within` to support visibility based on keyboard/mouse navigation\n * like `:focus-visible` https://github.com/WICG/focus-visible/issues/151\n * @returns ref to the element that uses `:focus-within` styles\n */\nexport function useFocusWithin<TElement extends HTMLElement = HTMLElement>() {\n  const { targetDocument } = useFluent();\n  const elementRef = React.useRef<TElement>(null);\n\n  React.useEffect(() => {\n    if (targetDocument?.defaultView && elementRef.current) {\n      return applyFocusWithinPolyfill(elementRef.current, targetDocument.defaultView);\n    }\n  }, [elementRef, targetDocument]);\n\n  return elementRef;\n}\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,uBAAA,gBAAAD,OAAA;AACA,MAAAE,qBAAA,gBAAAF,OAAA;AAEA;;;;;AAKA,SAAgBG,cAAcA,CAAA;EAC5B,MAAM;IAAEC;EAAc,CAAE,GAAGH,uBAAA,CAAAI,kBAAS,EAAE;EACtC,MAAMC,UAAU,GAAGP,KAAK,CAACQ,MAAM,CAAW,IAAI,CAAC;EAE/CR,KAAK,CAACS,SAAS,CAAC,MAAK;IACnB,IAAI,CAAAJ,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEK,WAAW,KAAIH,UAAU,CAACI,OAAO,EAAE;MACrD,OAAOR,qBAAA,CAAAS,wBAAwB,CAACL,UAAU,CAACI,OAAO,EAAEN,cAAc,CAACK,WAAW,CAAC;;EAEnF,CAAC,EAAE,CAACH,UAAU,EAAEF,cAAc,CAAC,CAAC;EAEhC,OAAOE,UAAU;AACnB;AAXAM,OAAA,CAAAT,cAAA,GAAAA,cAAA"}
+{"version":3,"sources":["../../lib/hooks/useFocusWithin.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { applyFocusWithinPolyfill } from '../focus/focusWithinPolyfill';\n/**\n * A ponyfill that allows `:focus-within` to support visibility based on keyboard/mouse navigation\n * like `:focus-visible` https://github.com/WICG/focus-visible/issues/151\n * @returns ref to the element that uses `:focus-within` styles\n */\nexport function useFocusWithin() {\n  const {\n    targetDocument\n  } = useFluent();\n  const elementRef = React.useRef(null);\n  React.useEffect(() => {\n    if ((targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) && elementRef.current) {\n      return applyFocusWithinPolyfill(elementRef.current, targetDocument.defaultView);\n    }\n  }, [elementRef, targetDocument]);\n  return elementRef;\n}\n//# sourceMappingURL=useFocusWithin.js.map"],"names":["useFocusWithin","targetDocument","useFluent","elementRef","React","useRef","useEffect","defaultView","current","applyFocusWithinPolyfill"],"mappings":";;;;+BAQgBA;;aAAAA;;;6DARO;qCACyB;qCACP;AAMlC,SAASA,iBAAiB;IAC/B,MAAM,EACJC,eAAc,EACf,GAAGC,IAAAA,uCAAS;IACb,MAAMC,aAAaC,OAAMC,MAAM,CAAC,IAAI;IACpCD,OAAME,SAAS,CAAC,IAAM;QACpB,IAAI,AAACL,CAAAA,mBAAmB,IAAI,IAAIA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeM,WAAW,AAAD,KAAMJ,WAAWK,OAAO,EAAE;YACtH,OAAOC,IAAAA,6CAAwB,EAACN,WAAWK,OAAO,EAAEP,eAAeM,WAAW;QAChF,CAAC;IACH,GAAG;QAACJ;QAAYF;KAAe;IAC/B,OAAOE;AACT,EACA,0CAA0C"}

package/lib-commonjs/hooks/useFocusableGroup.js

@@ -1,38 +1,36 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useFocusableGroup", {
+    enumerable: true,
+    get: ()=>useFocusableGroup
 });
-exports.useFocusableGroup = void 0;
-const tabster_1 = /*#__PURE__*/require("tabster");
-const useTabsterAttributes_1 = /*#__PURE__*/require("./useTabsterAttributes");
-const useTabster_1 = /*#__PURE__*/require("./useTabster");
-/**
- * A hook that returns the necessary tabster attributes to support groupping.
- * @param options - Options to configure keyboard navigation
- */
-const useFocusableGroup = options => {
-  const tabster = useTabster_1.useTabster();
-  if (tabster) {
-    tabster_1.getGroupper(tabster);
-  }
-  return useTabsterAttributes_1.useTabsterAttributes({
-    groupper: {
-      tabbability: getTabbability(options === null || options === void 0 ? void 0 : options.tabBehavior)
+const _tabster = require("tabster");
+const _useTabsterAttributes = require("./useTabsterAttributes");
+const _useTabster = require("./useTabster");
+const useFocusableGroup = (options)=>{
+    const tabster = (0, _useTabster.useTabster)();
+    if (tabster) {
+        (0, _tabster.getGroupper)(tabster);
     }
-  });
-};
-exports.useFocusableGroup = useFocusableGroup;
-const getTabbability = tabBehavior => {
-  switch (tabBehavior) {
-    case 'unlimited':
-      return tabster_1.Types.GroupperTabbabilities.Unlimited;
-    case 'limited':
-      return tabster_1.Types.GroupperTabbabilities.Limited;
-    case 'limited-trap-focus':
-      return tabster_1.Types.GroupperTabbabilities.LimitedTrapFocus;
-    default:
-      return undefined;
-  }
+    return (0, _useTabsterAttributes.useTabsterAttributes)({
+        groupper: {
+            tabbability: getTabbability(options === null || options === void 0 ? void 0 : options.tabBehavior)
+        }
+    });
 };
+const getTabbability = (tabBehavior)=>{
+    switch(tabBehavior){
+        case 'unlimited':
+            return _tabster.Types.GroupperTabbabilities.Unlimited;
+        case 'limited':
+            return _tabster.Types.GroupperTabbabilities.Limited;
+        case 'limited-trap-focus':
+            return _tabster.Types.GroupperTabbabilities.LimitedTrapFocus;
+        default:
+            return undefined;
+    }
+}; //# sourceMappingURL=useFocusableGroup.js.map
+
 //# sourceMappingURL=useFocusableGroup.js.map

package/lib-commonjs/hooks/useFocusableGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["tabster_1","require","useTabsterAttributes_1","useTabster_1","useFocusableGroup","options","tabster","useTabster","getGroupper","useTabsterAttributes","groupper","tabbability","getTabbability","tabBehavior","exports","Types","GroupperTabbabilities","Unlimited","Limited","LimitedTrapFocus","undefined"],"sources":["../src/packages/react-components/react-tabster/src/hooks/useFocusableGroup.ts"],"sourcesContent":["import { Types, getGroupper } from 'tabster';\nimport { useTabsterAttributes } from './useTabsterAttributes';\nimport { useTabster } from './useTabster';\n\nexport interface UseFocusableGroupOptions {\n  /**\n   * Behavior for the Tab key.\n   */\n  tabBehavior?: 'unlimited' | 'limited' | 'limited-trap-focus';\n}\n\n/**\n * A hook that returns the necessary tabster attributes to support groupping.\n * @param options - Options to configure keyboard navigation\n */\nexport const useFocusableGroup = (options?: UseFocusableGroupOptions): Types.TabsterDOMAttribute => {\n  const tabster = useTabster();\n\n  if (tabster) {\n    getGroupper(tabster);\n  }\n\n  return useTabsterAttributes({\n    groupper: {\n      tabbability: getTabbability(options?.tabBehavior),\n    },\n  });\n};\n\nconst getTabbability = (\n  tabBehavior?: UseFocusableGroupOptions['tabBehavior'],\n): Types.GroupperTabbability | undefined => {\n  switch (tabBehavior) {\n    case 'unlimited':\n      return Types.GroupperTabbabilities.Unlimited;\n    case 'limited':\n      return Types.GroupperTabbabilities.Limited;\n    case 'limited-trap-focus':\n      return Types.GroupperTabbabilities.LimitedTrapFocus;\n    default:\n      return undefined;\n  }\n};\n"],"mappings":";;;;;;AAAA,MAAAA,SAAA,gBAAAC,OAAA;AACA,MAAAC,sBAAA,gBAAAD,OAAA;AACA,MAAAE,YAAA,gBAAAF,OAAA;AASA;;;;AAIO,MAAMG,iBAAiB,GAAIC,OAAkC,IAA+B;EACjG,MAAMC,OAAO,GAAGH,YAAA,CAAAI,UAAU,EAAE;EAE5B,IAAID,OAAO,EAAE;IACXN,SAAA,CAAAQ,WAAW,CAACF,OAAO,CAAC;;EAGtB,OAAOJ,sBAAA,CAAAO,oBAAoB,CAAC;IAC1BC,QAAQ,EAAE;MACRC,WAAW,EAAEC,cAAc,CAACP,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEQ,WAAW;;GAEnD,CAAC;AACJ,CAAC;AAZYC,OAAA,CAAAV,iBAAiB,GAAAA,iBAAA;AAc9B,MAAMQ,cAAc,GAClBC,WAAqD,IACZ;EACzC,QAAQA,WAAW;IACjB,KAAK,WAAW;MACd,OAAOb,SAAA,CAAAe,KAAK,CAACC,qBAAqB,CAACC,SAAS;IAC9C,KAAK,SAAS;MACZ,OAAOjB,SAAA,CAAAe,KAAK,CAACC,qBAAqB,CAACE,OAAO;IAC5C,KAAK,oBAAoB;MACvB,OAAOlB,SAAA,CAAAe,KAAK,CAACC,qBAAqB,CAACG,gBAAgB;IACrD;MACE,OAAOC,SAAS;EAAC;AAEvB,CAAC"}
+{"version":3,"sources":["../../lib/hooks/useFocusableGroup.js"],"sourcesContent":["import { Types, getGroupper } from 'tabster';\nimport { useTabsterAttributes } from './useTabsterAttributes';\nimport { useTabster } from './useTabster';\n/**\n * A hook that returns the necessary tabster attributes to support groupping.\n * @param options - Options to configure keyboard navigation\n */\nexport const useFocusableGroup = options => {\n  const tabster = useTabster();\n  if (tabster) {\n    getGroupper(tabster);\n  }\n  return useTabsterAttributes({\n    groupper: {\n      tabbability: getTabbability(options === null || options === void 0 ? void 0 : options.tabBehavior)\n    }\n  });\n};\nconst getTabbability = tabBehavior => {\n  switch (tabBehavior) {\n    case 'unlimited':\n      return Types.GroupperTabbabilities.Unlimited;\n    case 'limited':\n      return Types.GroupperTabbabilities.Limited;\n    case 'limited-trap-focus':\n      return Types.GroupperTabbabilities.LimitedTrapFocus;\n    default:\n      return undefined;\n  }\n};\n//# sourceMappingURL=useFocusableGroup.js.map"],"names":["useFocusableGroup","options","tabster","useTabster","getGroupper","useTabsterAttributes","groupper","tabbability","getTabbability","tabBehavior","Types","GroupperTabbabilities","Unlimited","Limited","LimitedTrapFocus","undefined"],"mappings":";;;;+BAOaA;;aAAAA;;yBAPsB;sCACE;4BACV;AAKpB,MAAMA,oBAAoBC,CAAAA,UAAW;IAC1C,MAAMC,UAAUC,IAAAA,sBAAU;IAC1B,IAAID,SAAS;QACXE,IAAAA,oBAAW,EAACF;IACd,CAAC;IACD,OAAOG,IAAAA,0CAAoB,EAAC;QAC1BC,UAAU;YACRC,aAAaC,eAAeP,YAAY,IAAI,IAAIA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQQ,WAAW;QACnG;IACF;AACF;AACA,MAAMD,iBAAiBC,CAAAA,cAAe;IACpC,OAAQA;QACN,KAAK;YACH,OAAOC,cAAK,CAACC,qBAAqB,CAACC,SAAS;QAC9C,KAAK;YACH,OAAOF,cAAK,CAACC,qBAAqB,CAACE,OAAO;QAC5C,KAAK;YACH,OAAOH,cAAK,CAACC,qBAAqB,CAACG,gBAAgB;QACrD;YACE,OAAOC;IACX;AACF,GACA,6CAA6C"}

package/lib-commonjs/hooks/useKeyboardNavAttribute.js

@@ -1,45 +1,44 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useKeyboardNavAttribute", {
+    enumerable: true,
+    get: ()=>useKeyboardNavAttribute
 });
-exports.useKeyboardNavAttribute = void 0;
-const keyborg_1 = /*#__PURE__*/require("keyborg");
-const react_1 = /*#__PURE__*/require("react");
-const constants_1 = /*#__PURE__*/require("../focus/constants");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-/**
- * Instantiates [keyborg](https://github.com/microsoft/keyborg) and adds `data-keyboard-nav`
- * attribute to a referenced element to ensure keyboard navigation awareness
- * synced to keyborg logic without having to cause a re-render on react tree.
- */
+const _keyborg = require("keyborg");
+const _react = require("react");
+const _constants = require("../focus/constants");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 function useKeyboardNavAttribute() {
-  const {
-    targetDocument
-  } = react_shared_contexts_1.useFluent_unstable();
-  const keyborg = react_1.useMemo(() => targetDocument && keyborg_1.createKeyborg(targetDocument.defaultView), [targetDocument]);
-  const ref = react_1.useRef(null);
-  react_1.useEffect(() => {
-    if (keyborg) {
-      setBooleanAttribute(ref, constants_1.KEYBOARD_NAV_ATTRIBUTE, keyborg.isNavigatingWithKeyboard());
-      const cb = next => {
-        setBooleanAttribute(ref, constants_1.KEYBOARD_NAV_ATTRIBUTE, next);
-      };
-      keyborg.subscribe(cb);
-      return () => keyborg.unsubscribe(cb);
-    }
-  }, [keyborg]);
-  return ref;
+    const { targetDocument  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const keyborg = (0, _react.useMemo)(()=>targetDocument && (0, _keyborg.createKeyborg)(targetDocument.defaultView), [
+        targetDocument
+    ]);
+    const ref = (0, _react.useRef)(null);
+    (0, _react.useEffect)(()=>{
+        if (keyborg) {
+            setBooleanAttribute(ref, _constants.KEYBOARD_NAV_ATTRIBUTE, keyborg.isNavigatingWithKeyboard());
+            const cb = (next)=>{
+                setBooleanAttribute(ref, _constants.KEYBOARD_NAV_ATTRIBUTE, next);
+            };
+            keyborg.subscribe(cb);
+            return ()=>keyborg.unsubscribe(cb);
+        }
+    }, [
+        keyborg
+    ]);
+    return ref;
 }
-exports.useKeyboardNavAttribute = useKeyboardNavAttribute;
 function setBooleanAttribute(elementRef, attribute, value) {
-  if (!elementRef.current) {
-    return;
-  }
-  if (value) {
-    elementRef.current.setAttribute(attribute, '');
-  } else {
-    elementRef.current.removeAttribute(attribute);
-  }
-}
+    if (!elementRef.current) {
+        return;
+    }
+    if (value) {
+        elementRef.current.setAttribute(attribute, '');
+    } else {
+        elementRef.current.removeAttribute(attribute);
+    }
+} //# sourceMappingURL=useKeyboardNavAttribute.js.map
+
 //# sourceMappingURL=useKeyboardNavAttribute.js.map

package/lib-commonjs/hooks/useKeyboardNavAttribute.js.map

@@ -1 +1 @@
-{"version":3,"names":["keyborg_1","require","react_1","constants_1","react_shared_contexts_1","useKeyboardNavAttribute","targetDocument","useFluent_unstable","keyborg","useMemo","createKeyborg","defaultView","ref","useRef","useEffect","setBooleanAttribute","KEYBOARD_NAV_ATTRIBUTE","isNavigatingWithKeyboard","cb","next","subscribe","unsubscribe","exports","elementRef","attribute","value","current","setAttribute","removeAttribute"],"sources":["../src/packages/react-components/react-tabster/src/hooks/useKeyboardNavAttribute.ts"],"sourcesContent":["import { createKeyborg } from 'keyborg';\nimport { useEffect, useMemo, useRef } from 'react';\nimport { KEYBOARD_NAV_ATTRIBUTE } from '../focus/constants';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport type { KeyborgCallback } from 'keyborg';\nimport type { RefObject } from 'react';\n\n/**\n * Instantiates [keyborg](https://github.com/microsoft/keyborg) and adds `data-keyboard-nav`\n * attribute to a referenced element to ensure keyboard navigation awareness\n * synced to keyborg logic without having to cause a re-render on react tree.\n */\nexport function useKeyboardNavAttribute<E extends HTMLElement>() {\n  const { targetDocument } = useFluent();\n  const keyborg = useMemo(() => targetDocument && createKeyborg(targetDocument.defaultView!), [targetDocument]);\n  const ref = useRef<E>(null);\n  useEffect(() => {\n    if (keyborg) {\n      setBooleanAttribute(ref, KEYBOARD_NAV_ATTRIBUTE, keyborg.isNavigatingWithKeyboard());\n      const cb: KeyborgCallback = next => {\n        setBooleanAttribute(ref, KEYBOARD_NAV_ATTRIBUTE, next);\n      };\n      keyborg.subscribe(cb);\n      return () => keyborg.unsubscribe(cb);\n    }\n  }, [keyborg]);\n  return ref;\n}\n\nfunction setBooleanAttribute(elementRef: RefObject<HTMLElement>, attribute: string, value: boolean) {\n  if (!elementRef.current) {\n    return;\n  }\n  if (value) {\n    elementRef.current.setAttribute(attribute, '');\n  } else {\n    elementRef.current.removeAttribute(attribute);\n  }\n}\n"],"mappings":";;;;;;AAAA,MAAAA,SAAA,gBAAAC,OAAA;AACA,MAAAC,OAAA,gBAAAD,OAAA;AACA,MAAAE,WAAA,gBAAAF,OAAA;AACA,MAAAG,uBAAA,gBAAAH,OAAA;AAIA;;;;;AAKA,SAAgBI,uBAAuBA,CAAA;EACrC,MAAM;IAAEC;EAAc,CAAE,GAAGF,uBAAA,CAAAG,kBAAS,EAAE;EACtC,MAAMC,OAAO,GAAGN,OAAA,CAAAO,OAAO,CAAC,MAAMH,cAAc,IAAIN,SAAA,CAAAU,aAAa,CAACJ,cAAc,CAACK,WAAY,CAAC,EAAE,CAACL,cAAc,CAAC,CAAC;EAC7G,MAAMM,GAAG,GAAGV,OAAA,CAAAW,MAAM,CAAI,IAAI,CAAC;EAC3BX,OAAA,CAAAY,SAAS,CAAC,MAAK;IACb,IAAIN,OAAO,EAAE;MACXO,mBAAmB,CAACH,GAAG,EAAET,WAAA,CAAAa,sBAAsB,EAAER,OAAO,CAACS,wBAAwB,EAAE,CAAC;MACpF,MAAMC,EAAE,GAAoBC,IAAI,IAAG;QACjCJ,mBAAmB,CAACH,GAAG,EAAET,WAAA,CAAAa,sBAAsB,EAAEG,IAAI,CAAC;MACxD,CAAC;MACDX,OAAO,CAACY,SAAS,CAACF,EAAE,CAAC;MACrB,OAAO,MAAMV,OAAO,CAACa,WAAW,CAACH,EAAE,CAAC;;EAExC,CAAC,EAAE,CAACV,OAAO,CAAC,CAAC;EACb,OAAOI,GAAG;AACZ;AAfAU,OAAA,CAAAjB,uBAAA,GAAAA,uBAAA;AAiBA,SAASU,mBAAmBA,CAACQ,UAAkC,EAAEC,SAAiB,EAAEC,KAAc;EAChG,IAAI,CAACF,UAAU,CAACG,OAAO,EAAE;IACvB;;EAEF,IAAID,KAAK,EAAE;IACTF,UAAU,CAACG,OAAO,CAACC,YAAY,CAACH,SAAS,EAAE,EAAE,CAAC;GAC/C,MAAM;IACLD,UAAU,CAACG,OAAO,CAACE,eAAe,CAACJ,SAAS,CAAC;;AAEjD"}
+{"version":3,"sources":["../../lib/hooks/useKeyboardNavAttribute.js"],"sourcesContent":["import { createKeyborg } from 'keyborg';\nimport { useEffect, useMemo, useRef } from 'react';\nimport { KEYBOARD_NAV_ATTRIBUTE } from '../focus/constants';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n/**\n * Instantiates [keyborg](https://github.com/microsoft/keyborg) and adds `data-keyboard-nav`\n * attribute to a referenced element to ensure keyboard navigation awareness\n * synced to keyborg logic without having to cause a re-render on react tree.\n */\nexport function useKeyboardNavAttribute() {\n  const {\n    targetDocument\n  } = useFluent();\n  const keyborg = useMemo(() => targetDocument && createKeyborg(targetDocument.defaultView), [targetDocument]);\n  const ref = useRef(null);\n  useEffect(() => {\n    if (keyborg) {\n      setBooleanAttribute(ref, KEYBOARD_NAV_ATTRIBUTE, keyborg.isNavigatingWithKeyboard());\n      const cb = next => {\n        setBooleanAttribute(ref, KEYBOARD_NAV_ATTRIBUTE, next);\n      };\n      keyborg.subscribe(cb);\n      return () => keyborg.unsubscribe(cb);\n    }\n  }, [keyborg]);\n  return ref;\n}\nfunction setBooleanAttribute(elementRef, attribute, value) {\n  if (!elementRef.current) {\n    return;\n  }\n  if (value) {\n    elementRef.current.setAttribute(attribute, '');\n  } else {\n    elementRef.current.removeAttribute(attribute);\n  }\n}\n//# sourceMappingURL=useKeyboardNavAttribute.js.map"],"names":["useKeyboardNavAttribute","targetDocument","useFluent","keyborg","useMemo","createKeyborg","defaultView","ref","useRef","useEffect","setBooleanAttribute","KEYBOARD_NAV_ATTRIBUTE","isNavigatingWithKeyboard","cb","next","subscribe","unsubscribe","elementRef","attribute","value","current","setAttribute","removeAttribute"],"mappings":";;;;+BASgBA;;aAAAA;;yBATc;uBACa;2BACJ;qCACS;AAMzC,SAASA,0BAA0B;IACxC,MAAM,EACJC,eAAc,EACf,GAAGC,IAAAA,uCAAS;IACb,MAAMC,UAAUC,IAAAA,cAAO,EAAC,IAAMH,kBAAkBI,IAAAA,sBAAa,EAACJ,eAAeK,WAAW,GAAG;QAACL;KAAe;IAC3G,MAAMM,MAAMC,IAAAA,aAAM,EAAC,IAAI;IACvBC,IAAAA,gBAAS,EAAC,IAAM;QACd,IAAIN,SAAS;YACXO,oBAAoBH,KAAKI,iCAAsB,EAAER,QAAQS,wBAAwB;YACjF,MAAMC,KAAKC,CAAAA,OAAQ;gBACjBJ,oBAAoBH,KAAKI,iCAAsB,EAAEG;YACnD;YACAX,QAAQY,SAAS,CAACF;YAClB,OAAO,IAAMV,QAAQa,WAAW,CAACH;QACnC,CAAC;IACH,GAAG;QAACV;KAAQ;IACZ,OAAOI;AACT;AACA,SAASG,oBAAoBO,UAAU,EAAEC,SAAS,EAAEC,KAAK,EAAE;IACzD,IAAI,CAACF,WAAWG,OAAO,EAAE;QACvB;IACF,CAAC;IACD,IAAID,OAAO;QACTF,WAAWG,OAAO,CAACC,YAAY,CAACH,WAAW;IAC7C,OAAO;QACLD,WAAWG,OAAO,CAACE,eAAe,CAACJ;IACrC,CAAC;AACH,EACA,mDAAmD"}