@fluentui/react-tabster 0.0.0-nightly-20230223-2115.1 → 0.0.0-nightly-20230228-0425.1

package/lib-commonjs/hooks/useArrowNavigationGroup.js

@@ -1,49 +1,57 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useArrowNavigationGroup", {
-    enumerable: true,
-    get: ()=>useArrowNavigationGroup
+  value: true
 });
-const _tabster = require("tabster");
-const _useTabsterAttributes = require("./useTabsterAttributes");
-const _useTabster = require("./useTabster");
-const useArrowNavigationGroup = function() {
-    let options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    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 ?? 'vertical'),
-            memorizeCurrent,
-            tabbable,
-            hasDefault: unstable_hasDefault
-        },
-        ...ignoreDefaultKeydown && {
-            focusable: {
-                ignoreKeydown: ignoreDefaultKeydown
-            }
-        }
-    });
+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
+      }
+    })
+  });
 };
+exports.useArrowNavigationGroup = useArrowNavigationGroup;
 function axisToMoverDirection(axis) {
-    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
-
+  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;
+  }
+}
 //# sourceMappingURL=useArrowNavigationGroup.js.map

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

@@ -1 +1 @@
-{"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 = function () {\n  let options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};\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 ?? '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","arguments","length","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,WAAY;IACjD,IAAIC,UAAUC,UAAUC,MAAM,GAAG,KAAKD,SAAS,CAAC,EAAE,KAAK,KAAK,IAAIA,SAAS,CAAC,EAAE,GAAG,CAAC,CAAC;IACjF,MAAM,EACJE,SAAQ,EACRC,KAAI,EACJC,gBAAe,EACfC,SAAQ,EACRC,qBAAoB,EACpB,gEAAgE;IAChEC,oBAAmB,EACpB,GAAGR;IACJ,MAAMS,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,QAAQ;YACxCC;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"}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AAkCA;;;;AAIO,MAAMA,uBAAuB,GAAG,CAACC,UAA0C,EAAE,KAA+B;EACjH,MAAM;IACJC,QAAQ;IACRC,IAAI;IACJC,eAAe;IACfC,QAAQ;IACRC,oBAAoB;IACpB;IACAC;EAAmB,CACpB,GAAGN,OAAO;EACX,MAAMO,OAAO,GAAGC,uBAAU,EAAE;EAE5B,IAAID,OAAO,EAAE;IACXE,kBAAQ,CAACF,OAAO,CAAC;;EAGnB,OAAOG,2CAAoB,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,+BAAuB;AAgCpC,SAASJ,oBAAoB,CAACZ,IAA4C;EACxE,QAAQA,IAAI;IACV,KAAK,YAAY;MACf,OAAOO,eAAK,CAACU,eAAe,CAACC,UAAU;IACzC,KAAK,MAAM;MACT,OAAOX,eAAK,CAACU,eAAe,CAACE,IAAI;IACnC,KAAK,MAAM;MACT,OAAOZ,eAAK,CAACU,eAAe,CAACG,IAAI;IAEnC,KAAK,UAAU;IACf;MACE,OAAOb,eAAK,CAACU,eAAe,CAACI,QAAQ;EAAC;AAE5C","names":["useArrowNavigationGroup","options","circular","axis","memorizeCurrent","tabbable","ignoreDefaultKeydown","unstable_hasDefault","tabster","useTabster_1","tabster_1","useTabsterAttributes_1","mover","cyclic","direction","axisToMoverDirection","hasDefault","focusable","ignoreKeydown","exports","MoverDirections","Horizontal","Grid","Both","Vertical"],"sourceRoot":"","sources":["../../../../../../../../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"]}

package/lib-commonjs/hooks/useFocusFinders.js

@@ -1,76 +1,62 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useFocusFinders", {
-    enumerable: true,
-    get: ()=>useFocusFinders
+  value: true
 });
-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(function(currentElement) {
-        let options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-        if (!tabster || !targetDocument) {
-            return null;
-        }
-        const { container =targetDocument.body  } = options;
-        return tabster.focusable.findNext({
-            currentElement,
-            container
-        });
-    }, [
-        tabster,
-        targetDocument
-    ]);
-    const findPrevFocusable = _react.useCallback(function(currentElement) {
-        let options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-        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
-
+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;
 //# sourceMappingURL=useFocusFinders.js.map

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

@@ -1 +1 @@
-{"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(function (currentElement) {\n    let options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};\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(function (currentElement) {\n    let options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};\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","arguments","length","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,SAAUU,cAAc,EAAE;QACpE,IAAIC,UAAUC,UAAUC,MAAM,GAAG,KAAKD,SAAS,CAAC,EAAE,KAAK,KAAK,IAAIA,SAAS,CAAC,EAAE,GAAG,CAAC,CAAC;QACjF,IAAI,CAAClB,WAAW,CAACE,gBAAgB;YAC/B,OAAO,IAAI;QACb,CAAC;QACD,MAAM,EACJK,WAAYL,eAAekB,IAAI,CAAA,EAChC,GAAGH;QACJ,OAAOjB,QAAQS,SAAS,CAACY,QAAQ,CAAC;YAChCL;YACAT;QACF;IACF,GAAG;QAACP;QAASE;KAAe;IAC5B,MAAMoB,oBAAoBjB,OAAMC,WAAW,CAAC,SAAUU,cAAc,EAAE;QACpE,IAAIC,UAAUC,UAAUC,MAAM,GAAG,KAAKD,SAAS,CAAC,EAAE,KAAK,KAAK,IAAIA,SAAS,CAAC,EAAE,GAAG,CAAC,CAAC;QACjF,IAAI,CAAClB,WAAW,CAACE,gBAAgB;YAC/B,OAAO,IAAI;QACb,CAAC;QACD,MAAM,EACJK,WAAYL,eAAekB,IAAI,CAAA,EAChC,GAAGH;QACJ,OAAOjB,QAAQS,SAAS,CAACc,QAAQ,CAAC;YAChCP;YACAT;QACF;IACF,GAAG;QAACP;QAASE;KAAe;IAC5B,OAAO;QACLE;QACAO;QACAE;QACAE;QACAO;IACF;AACF,GACA,2CAA2C"}
+{"version":3,"mappings":";;;;;;AAAA;AAEA;AACA;AAEA;;;AAGO,MAAMA,eAAe,GAAG,MAAK;EAClC,MAAMC,OAAO,GAAGC,uBAAU,EAAE;EAC5B,MAAM;IAAEC;EAAc,CAAE,GAAGC,0CAAS,EAAE;EAEtC;EACA,MAAMC,gBAAgB,GAAGC,KAAK,CAACC,WAAW,CACxC,CAACC,SAAsB,EAAEC,eAA8C,KACrE,QAAO,aAAPR,OAAO,uBAAPA,OAAO,CAAES,SAAS,CAACC,OAAO,CAAC;IAAEH,SAAS;IAAEC;EAAe,CAAE,CAAC,KAAI,EAAE,EAClE,CAACR,OAAO,CAAC,CACV;EAED,MAAMW,kBAAkB,GAAGN,KAAK,CAACC,WAAW,CACzCC,SAAsB,IAAKP,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAES,SAAS,CAACG,SAAS,CAAC;IAAEL;EAAS,CAAE,CAAC,EACvE,CAACP,OAAO,CAAC,CACV;EAED,MAAMa,iBAAiB,GAAGR,KAAK,CAACC,WAAW,CAAEC,SAAsB,IAAKP,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAES,SAAS,CAACK,QAAQ,CAAC;IAAEP;EAAS,CAAE,CAAC,EAAE,CAClHP,OAAO,CACR,CAAC;EAEF,MAAMe,iBAAiB,GAAGV,KAAK,CAACC,WAAW,CACzC,CAACU,cAA2B,EAAEC,UAAkE,EAAE,KAAI;IACpG,IAAI,CAACjB,OAAO,IAAI,CAACE,cAAc,EAAE;MAC/B,OAAO,IAAI;;IAGb,MAAM;MAAEK,SAAS,GAAGL,cAAc,CAACgB;IAAI,CAAE,GAAGD,OAAO;IAEnD,OAAOjB,OAAO,CAACS,SAAS,CAACU,QAAQ,CAAC;MAAEH,cAAc;MAAET;IAAS,CAAE,CAAC;EAClE,CAAC,EACD,CAACP,OAAO,EAAEE,cAAc,CAAC,CAC1B;EAED,MAAMkB,iBAAiB,GAAGf,KAAK,CAACC,WAAW,CACzC,CAACU,cAA2B,EAAEC,UAAkE,EAAE,KAAI;IACpG,IAAI,CAACjB,OAAO,IAAI,CAACE,cAAc,EAAE;MAC/B,OAAO,IAAI;;IAGb,MAAM;MAAEK,SAAS,GAAGL,cAAc,CAACgB;IAAI,CAAE,GAAGD,OAAO;IAEnD,OAAOjB,OAAO,CAACS,SAAS,CAACY,QAAQ,CAAC;MAAEL,cAAc;MAAET;IAAS,CAAE,CAAC;EAClE,CAAC,EACD,CAACP,OAAO,EAAEE,cAAc,CAAC,CAC1B;EAED,OAAO;IACLE,gBAAgB;IAChBO,kBAAkB;IAClBE,iBAAiB;IACjBE,iBAAiB;IACjBK;GACD;AACH,CAAC;AArDYE,uBAAe","names":["useFocusFinders","tabster","useTabster_1","targetDocument","react_shared_contexts_1","findAllFocusable","React","useCallback","container","acceptCondition","focusable","findAll","findFirstFocusable","findFirst","findLastFocusable","findLast","findNextFocusable","currentElement","options","body","findNext","findPrevFocusable","findPrev","exports"],"sourceRoot":"","sources":["../../../../../../../../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((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"]}

package/lib-commonjs/hooks/useFocusVisible.js

@@ -1,27 +1,23 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useFocusVisible", {
-    enumerable: true,
-    get: ()=>useFocusVisible
+  value: true
 });
-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");
+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");
 function useFocusVisible() {
-    const { targetDocument  } = (0, _reactSharedContexts.useFluent_unstable)();
-    const scopeRef = _react.useRef(null);
-    _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
-
+  const {
+    targetDocument
+  } = react_shared_contexts_1.useFluent_unstable();
+  const scopeRef = React.useRef(null);
+  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;
 //# sourceMappingURL=useFocusVisible.js.map

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

@@ -1 +1 @@
-{"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() {\n  const {\n    targetDocument\n  } = useFluent();\n  const scopeRef = React.useRef(null);\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","targetDocument","useFluent","scopeRef","React","useRef","useEffect","defaultView","current","applyFocusVisiblePolyfill"],"mappings":";;;;+BAGgBA;;aAAAA;;;6DAHO;qCACyB;sCACN;AACnC,SAASA,kBAAkB;IAChC,MAAM,EACJC,eAAc,EACf,GAAGC,IAAAA,uCAAS;IACb,MAAMC,WAAWC,OAAMC,MAAM,CAAC,IAAI;IAClCD,OAAME,SAAS,CAAC,IAAM;QACpB,IAAI,AAACL,CAAAA,mBAAmB,IAAI,IAAIA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeM,WAAW,AAAD,KAAMJ,SAASK,OAAO,EAAE;YACpH,OAAOC,IAAAA,+CAAyB,EAACN,SAASK,OAAO,EAAEP,eAAeM,WAAW;QAC/E,CAAC;IACH,GAAG;QAACJ;QAAUF;KAAe;IAC7B,OAAOE;AACT,EACA,2CAA2C"}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AAEA,SAAgBA,eAAe;EAC7B,MAAM;IAAEC;EAAc,CAAE,GAAGC,0CAAS,EAAE;EACtC,MAAMC,QAAQ,GAAGC,KAAK,CAACC,MAAM,CAAW,IAAI,CAAC;EAE7CD,KAAK,CAACE,SAAS,CAAC,MAAK;IACnB,IAAI,eAAc,aAAdL,cAAc,uBAAdA,cAAc,CAAEM,WAAW,KAAIJ,QAAQ,CAACK,OAAO,EAAE;MACnD,OAAOC,gDAAyB,CAACN,QAAQ,CAACK,OAAO,EAAEP,cAAc,CAACM,WAAW,CAAC;;EAElF,CAAC,EAAE,CAACJ,QAAQ,EAAEF,cAAc,CAAC,CAAC;EAE9B,OAAOE,QAAQ;AACjB;AAXAO","names":["useFocusVisible","targetDocument","react_shared_contexts_1","scopeRef","React","useRef","useEffect","defaultView","current","focusVisiblePolyfill_1","exports"],"sourceRoot":"","sources":["../../../../../../../../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';\nimport { applyFocusVisiblePolyfill } from '../focus/focusVisiblePolyfill';\n\nexport function useFocusVisible<TElement extends HTMLElement = HTMLElement>() {\n  const { targetDocument } = useFluent();\n  const scopeRef = React.useRef<TElement>(null);\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"]}

package/lib-commonjs/hooks/useFocusWithin.js

@@ -1,27 +1,28 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useFocusWithin", {
-    enumerable: true,
-    get: ()=>useFocusWithin
+  value: true
 });
-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");
+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
+ */
 function 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
-
+  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;
 //# sourceMappingURL=useFocusWithin.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AAEA;;;;;AAKA,SAAgBA,cAAc;EAC5B,MAAM;IAAEC;EAAc,CAAE,GAAGC,0CAAS,EAAE;EACtC,MAAMC,UAAU,GAAGC,KAAK,CAACC,MAAM,CAAW,IAAI,CAAC;EAE/CD,KAAK,CAACE,SAAS,CAAC,MAAK;IACnB,IAAI,eAAc,aAAdL,cAAc,uBAAdA,cAAc,CAAEM,WAAW,KAAIJ,UAAU,CAACK,OAAO,EAAE;MACrD,OAAOC,8CAAwB,CAACN,UAAU,CAACK,OAAO,EAAEP,cAAc,CAACM,WAAW,CAAC;;EAEnF,CAAC,EAAE,CAACJ,UAAU,EAAEF,cAAc,CAAC,CAAC;EAEhC,OAAOE,UAAU;AACnB;AAXAO","names":["useFocusWithin","targetDocument","react_shared_contexts_1","elementRef","React","useRef","useEffect","defaultView","current","focusWithinPolyfill_1","exports"],"sourceRoot":"","sources":["../../../../../../../../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"]}

package/lib-commonjs/hooks/useFocusableGroup.js

@@ -1,36 +1,38 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useFocusableGroup", {
-    enumerable: true,
-    get: ()=>useFocusableGroup
+  value: true
 });
-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 = 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)
     }
-    return (0, _useTabsterAttributes.useTabsterAttributes)({
-        groupper: {
-            tabbability: getTabbability(options === null || options === void 0 ? void 0 : options.tabBehavior)
-        }
-    });
+  });
+};
+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;
+  }
 };
-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,"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"}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AASA;;;;AAIO,MAAMA,iBAAiB,GAAIC,OAAkC,IAA+B;EACjG,MAAMC,OAAO,GAAGC,uBAAU,EAAE;EAE5B,IAAID,OAAO,EAAE;IACXE,qBAAW,CAACF,OAAO,CAAC;;EAGtB,OAAOG,2CAAoB,CAAC;IAC1BC,QAAQ,EAAE;MACRC,WAAW,EAAEC,cAAc,CAACP,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEQ,WAAW;;GAEnD,CAAC;AACJ,CAAC;AAZYC,yBAAiB;AAc9B,MAAMF,cAAc,GAClBC,WAAqD,IACZ;EACzC,QAAQA,WAAW;IACjB,KAAK,WAAW;MACd,OAAOL,eAAK,CAACO,qBAAqB,CAACC,SAAS;IAC9C,KAAK,SAAS;MACZ,OAAOR,eAAK,CAACO,qBAAqB,CAACE,OAAO;IAC5C,KAAK,oBAAoB;MACvB,OAAOT,eAAK,CAACO,qBAAqB,CAACG,gBAAgB;IACrD;MACE,OAAOC,SAAS;EAAC;AAEvB,CAAC","names":["useFocusableGroup","options","tabster","useTabster_1","tabster_1","useTabsterAttributes_1","groupper","tabbability","getTabbability","tabBehavior","exports","GroupperTabbabilities","Unlimited","Limited","LimitedTrapFocus","undefined"],"sourceRoot":"","sources":["../../../../../../../../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"]}

package/lib-commonjs/hooks/useKeyboardNavAttribute.js

@@ -1,44 +1,45 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useKeyboardNavAttribute", {
-    enumerable: true,
-    get: ()=>useKeyboardNavAttribute
+  value: true
 });
-const _keyborg = require("keyborg");
-const _react = require("react");
-const _constants = require("../focus/constants");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+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.
+ */
 function useKeyboardNavAttribute() {
-    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;
+  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;
 }
+exports.useKeyboardNavAttribute = useKeyboardNavAttribute;
 function setBooleanAttribute(elementRef, attribute, value) {
-    if (!elementRef.current) {
-        return;
-    }
-    if (value) {
-        elementRef.current.setAttribute(attribute, '');
-    } else {
-        elementRef.current.removeAttribute(attribute);
-    }
-} //# sourceMappingURL=useKeyboardNavAttribute.js.map
-
+  if (!elementRef.current) {
+    return;
+  }
+  if (value) {
+    elementRef.current.setAttribute(attribute, '');
+  } else {
+    elementRef.current.removeAttribute(attribute);
+  }
+}
 //# sourceMappingURL=useKeyboardNavAttribute.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAIA;;;;;AAKA,SAAgBA,uBAAuB;EACrC,MAAM;IAAEC;EAAc,CAAE,GAAGC,0CAAS,EAAE;EACtC,MAAMC,OAAO,GAAGC,eAAO,CAAC,MAAMH,cAAc,IAAII,uBAAa,CAACJ,cAAc,CAACK,WAAY,CAAC,EAAE,CAACL,cAAc,CAAC,CAAC;EAC7G,MAAMM,GAAG,GAAGH,cAAM,CAAI,IAAI,CAAC;EAC3BA,iBAAS,CAAC,MAAK;IACb,IAAID,OAAO,EAAE;MACXK,mBAAmB,CAACD,GAAG,EAAEE,kCAAsB,EAAEN,OAAO,CAACO,wBAAwB,EAAE,CAAC;MACpF,MAAMC,EAAE,GAAoBC,IAAI,IAAG;QACjCJ,mBAAmB,CAACD,GAAG,EAAEE,kCAAsB,EAAEG,IAAI,CAAC;MACxD,CAAC;MACDT,OAAO,CAACU,SAAS,CAACF,EAAE,CAAC;MACrB,OAAO,MAAMR,OAAO,CAACW,WAAW,CAACH,EAAE,CAAC;;EAExC,CAAC,EAAE,CAACR,OAAO,CAAC,CAAC;EACb,OAAOI,GAAG;AACZ;AAfAQ;AAiBA,SAASP,mBAAmB,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","names":["useKeyboardNavAttribute","targetDocument","react_shared_contexts_1","keyborg","react_1","keyborg_1","defaultView","ref","setBooleanAttribute","constants_1","isNavigatingWithKeyboard","cb","next","subscribe","unsubscribe","exports","elementRef","attribute","value","current","setAttribute","removeAttribute"],"sourceRoot":"","sources":["../../../../../../../../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"]}