@fluentui/react-tabster 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

package/lib-commonjs/hooks/useFocusFinders.js

@@ -1,68 +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)=>tabster?.focusable.findAll({
-            container,
-            acceptCondition
-        }) || [], [
-        tabster
-    ]);
-    const findFirstFocusable = _react.useCallback((container)=>tabster?.focusable.findFirst({
-            container
-        }), [
-        tabster
-    ]);
-    const findLastFocusable = _react.useCallback((container)=>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
-
+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) => tabster?.focusable.findAll({\n    container,\n    acceptCondition\n  }) || [], [tabster]);\n  const findFirstFocusable = React.useCallback(container => tabster?.focusable.findFirst({\n    container\n  }), [tabster]);\n  const findLastFocusable = React.useCallback(container => tabster?.focusable.findLast({\n    container\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,kBAAoBR,SAASS,UAAUC,OAAO,CAAC;YACpGH;YACAC;QACF,MAAM,EAAE,EAAE;QAACR;KAAQ;IACnB,MAAMW,qBAAqBN,OAAMC,WAAW,CAACC,CAAAA,YAAaP,SAASS,UAAUG,SAAS,CAAC;YACrFL;QACF,IAAI;QAACP;KAAQ;IACb,MAAMa,oBAAoBR,OAAMC,WAAW,CAACC,CAAAA,YAAaP,SAASS,UAAUK,QAAQ,CAAC;YACnFP;QACF,IAAI;QAACP;KAAQ;IACb,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"}
+{"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":["../../../../../../../../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"}

package/lib-commonjs/hooks/useFocusVisible.js

@@ -1,28 +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(options = {}) {
-    const contentValue = (0, _reactSharedContexts.useFluent_unstable)();
-    const scopeRef = _react.useRef(null);
-    const targetDocument = options.targetDocument ?? contentValue.targetDocument;
-    _react.useEffect(()=>{
-        if (targetDocument?.defaultView && scopeRef.current) {
-            return (0, _focusVisiblePolyfill.applyFocusVisiblePolyfill)(scopeRef.current, targetDocument.defaultView);
-        }
-    }, [
-        scopeRef,
-        targetDocument
-    ]);
-    return scopeRef;
-} //# sourceMappingURL=useFocusVisible.js.map
-
+  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;
 //# 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(options = {}) {\n  const contentValue = useFluent();\n  const scopeRef = React.useRef(null);\n  const targetDocument = options.targetDocument ?? contentValue.targetDocument;\n  React.useEffect(() => {\n    if (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","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,MAAMC,iBAAiBN,QAAQM,cAAc,IAAIL,aAAaK,cAAc;IAC5EF,OAAMG,SAAS,CAAC,IAAM;QACpB,IAAID,gBAAgBE,eAAeL,SAASM,OAAO,EAAE;YACnD,OAAOC,IAAAA,+CAAyB,EAACP,SAASM,OAAO,EAAEH,eAAeE,WAAW;QAC/E,CAAC;IACH,GAAG;QAACL;QAAUG;KAAe;IAC7B,OAAOH;AACT,EACA,2CAA2C"}
+{"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":["../../../../../../../../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"}

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?.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?.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,IAAIL,gBAAgBM,eAAeJ,WAAWK,OAAO,EAAE;YACrD,OAAOC,IAAAA,6CAAwB,EAACN,WAAWK,OAAO,EAAEP,eAAeM,WAAW;QAChF,CAAC;IACH,GAAG;QAACJ;QAAYF;KAAe;IAC/B,OAAOE;AACT,EACA,0CAA0C"}
+{"version":3,"names":["React","require","react_shared_contexts_1","focusWithinPolyfill_1","useFocusWithin","targetDocument","useFluent_unstable","elementRef","useRef","useEffect","defaultView","current","applyFocusWithinPolyfill","exports"],"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"],"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"}

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?.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?.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,SAASQ;QACvC;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,"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":["../../../../../../../../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"}

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,"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":["../../../../../../../../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"}

package/lib-commonjs/hooks/useModalAttributes.js

@@ -1,40 +1,49 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useModalAttributes", {
-    enumerable: true,
-    get: ()=>useModalAttributes
+  value: true
 });
-const _reactUtilities = require("@fluentui/react-utilities");
-const _useTabsterAttributes = require("./useTabsterAttributes");
-const _tabster = require("tabster");
-const _useTabster = require("./useTabster");
-const useModalAttributes = (options = {})=>{
-    const { trapFocus , alwaysFocusable , legacyTrapFocus  } = options;
-    const tabster = (0, _useTabster.useTabster)();
-    // Initializes the modalizer and deloser APIs
-    if (tabster) {
-        (0, _tabster.getModalizer)(tabster);
-        (0, _tabster.getDeloser)(tabster);
+exports.useModalAttributes = void 0;
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const useTabsterAttributes_1 = /*#__PURE__*/require("./useTabsterAttributes");
+const tabster_1 = /*#__PURE__*/require("tabster");
+const useTabster_1 = /*#__PURE__*/require("./useTabster");
+/**
+ * Applies modal dialog behaviour through DOM attributes
+ * Modal element will focus trap and hide other content on the page
+ * The trigger element will be focused if focus is lost after the modal element is removed
+ *
+ * @returns DOM attributes to apply to the modal element and its trigger
+ */
+const useModalAttributes = (options = {}) => {
+  const {
+    trapFocus,
+    alwaysFocusable,
+    legacyTrapFocus
+  } = options;
+  const tabster = useTabster_1.useTabster();
+  // Initializes the modalizer and deloser APIs
+  if (tabster) {
+    tabster_1.getModalizer(tabster);
+    tabster_1.getDeloser(tabster);
+  }
+  const id = react_utilities_1.useId('modal-', options.id);
+  const modalAttributes = useTabsterAttributes_1.useTabsterAttributes({
+    deloser: {},
+    modalizer: {
+      id,
+      isOthersAccessible: !trapFocus,
+      isAlwaysAccessible: alwaysFocusable,
+      isTrapped: legacyTrapFocus && trapFocus
     }
-    const id = (0, _reactUtilities.useId)("modal-", options.id);
-    const modalAttributes = (0, _useTabsterAttributes.useTabsterAttributes)({
-        deloser: {},
-        modalizer: {
-            id,
-            isOthersAccessible: !trapFocus,
-            isAlwaysAccessible: alwaysFocusable,
-            isTrapped: legacyTrapFocus && trapFocus
-        }
-    });
-    const triggerAttributes = (0, _useTabsterAttributes.useTabsterAttributes)({
-        deloser: {}
-    });
-    return {
-        modalAttributes,
-        triggerAttributes
-    };
-}; //# sourceMappingURL=useModalAttributes.js.map
-
+  });
+  const triggerAttributes = useTabsterAttributes_1.useTabsterAttributes({
+    deloser: {}
+  });
+  return {
+    modalAttributes,
+    triggerAttributes
+  };
+};
+exports.useModalAttributes = useModalAttributes;
 //# sourceMappingURL=useModalAttributes.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useModalAttributes.js"],"sourcesContent":["import { useId } from \"@fluentui/react-utilities\";\nimport { useTabsterAttributes } from \"./useTabsterAttributes\";\nimport { getDeloser, getModalizer } from \"tabster\";\nimport { useTabster } from \"./useTabster\";\n/**\n * Applies modal dialog behaviour through DOM attributes\n * Modal element will focus trap and hide other content on the page\n * The trigger element will be focused if focus is lost after the modal element is removed\n *\n * @returns DOM attributes to apply to the modal element and its trigger\n */\nexport const useModalAttributes = (options = {}) => {\n  const {\n    trapFocus,\n    alwaysFocusable,\n    legacyTrapFocus\n  } = options;\n  const tabster = useTabster();\n  // Initializes the modalizer and deloser APIs\n  if (tabster) {\n    getModalizer(tabster);\n    getDeloser(tabster);\n  }\n  const id = useId(\"modal-\", options.id);\n  const modalAttributes = useTabsterAttributes({\n    deloser: {},\n    modalizer: {\n      id,\n      isOthersAccessible: !trapFocus,\n      isAlwaysAccessible: alwaysFocusable,\n      isTrapped: legacyTrapFocus && trapFocus\n    }\n  });\n  const triggerAttributes = useTabsterAttributes({\n    deloser: {}\n  });\n  return {\n    modalAttributes,\n    triggerAttributes\n  };\n};\n//# sourceMappingURL=useModalAttributes.js.map"],"names":["useModalAttributes","options","trapFocus","alwaysFocusable","legacyTrapFocus","tabster","useTabster","getModalizer","getDeloser","id","useId","modalAttributes","useTabsterAttributes","deloser","modalizer","isOthersAccessible","isAlwaysAccessible","isTrapped","triggerAttributes"],"mappings":";;;;+BAWaA;;aAAAA;;gCAXS;sCACe;yBACI;4BACd;AAQpB,MAAMA,qBAAqB,CAACC,UAAU,CAAC,CAAC,GAAK;IAClD,MAAM,EACJC,UAAS,EACTC,gBAAe,EACfC,gBAAe,EAChB,GAAGH;IACJ,MAAMI,UAAUC,IAAAA,sBAAU;IAC1B,6CAA6C;IAC7C,IAAID,SAAS;QACXE,IAAAA,qBAAY,EAACF;QACbG,IAAAA,mBAAU,EAACH;IACb,CAAC;IACD,MAAMI,KAAKC,IAAAA,qBAAK,EAAC,UAAUT,QAAQQ,EAAE;IACrC,MAAME,kBAAkBC,IAAAA,0CAAoB,EAAC;QAC3CC,SAAS,CAAC;QACVC,WAAW;YACTL;YACAM,oBAAoB,CAACb;YACrBc,oBAAoBb;YACpBc,WAAWb,mBAAmBF;QAChC;IACF;IACA,MAAMgB,oBAAoBN,IAAAA,0CAAoB,EAAC;QAC7CC,SAAS,CAAC;IACZ;IACA,OAAO;QACLF;QACAO;IACF;AACF,GACA,8CAA8C"}
+{"version":3,"names":["react_utilities_1","require","useTabsterAttributes_1","tabster_1","useTabster_1","useModalAttributes","options","trapFocus","alwaysFocusable","legacyTrapFocus","tabster","useTabster","getModalizer","getDeloser","id","useId","modalAttributes","useTabsterAttributes","deloser","modalizer","isOthersAccessible","isAlwaysAccessible","isTrapped","triggerAttributes","exports"],"sources":["../../../../../../../../packages/react-components/react-tabster/src/hooks/useModalAttributes.ts"],"sourcesContent":["import { useId } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from './useTabsterAttributes';\nimport { getDeloser, getModalizer, Types as TabsterTypes } from 'tabster';\nimport { useTabster } from './useTabster';\n\nexport interface UseModalAttributesOptions {\n  /**\n   * Traps focus inside the elements the attributes are applied.\n   * Prefer this to `legacyTrapFocus`\n   * it forbids users to tab out of the focus trap into the actual browser.\n   */\n  trapFocus?: boolean;\n\n  /**\n   * Traps focus inside the elements the attributes are applied.\n   * This prop enables legacy behavior to match previous versions of Fluent and is not\n   * recommended for general use.\n   * Enabling `legacyTrapFocus` prevents users from tabbing out of the focus trap and into\n   * the actual browser. Prefer using `trapFocus` instead of this prop.\n   */\n  legacyTrapFocus?: boolean;\n\n  /**\n   * Always reachabled in Tab order\n   */\n  alwaysFocusable?: boolean;\n\n  /**\n   * Id to use for the modalizer. An id will be generated if not provided.\n   */\n  id?: string;\n}\n\n/**\n * Applies modal dialog behaviour through DOM attributes\n * Modal element will focus trap and hide other content on the page\n * The trigger element will be focused if focus is lost after the modal element is removed\n *\n * @returns DOM attributes to apply to the modal element and its trigger\n */\nexport const useModalAttributes = (\n  options: UseModalAttributesOptions = {},\n): { modalAttributes: TabsterTypes.TabsterDOMAttribute; triggerAttributes: TabsterTypes.TabsterDOMAttribute } => {\n  const { trapFocus, alwaysFocusable, legacyTrapFocus } = options;\n  const tabster = useTabster();\n  // Initializes the modalizer and deloser APIs\n  if (tabster) {\n    getModalizer(tabster);\n    getDeloser(tabster);\n  }\n\n  const id = useId('modal-', options.id);\n  const modalAttributes = useTabsterAttributes({\n    deloser: {},\n    modalizer: {\n      id,\n      isOthersAccessible: !trapFocus,\n      isAlwaysAccessible: alwaysFocusable,\n      isTrapped: legacyTrapFocus && trapFocus,\n    },\n  });\n\n  const triggerAttributes = useTabsterAttributes({\n    deloser: {},\n  });\n\n  return { modalAttributes, triggerAttributes };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,iBAAA,gBAAAC,OAAA;AACA,MAAAC,sBAAA,gBAAAD,OAAA;AACA,MAAAE,SAAA,gBAAAF,OAAA;AACA,MAAAG,YAAA,gBAAAH,OAAA;AA8BA;;;;;;;AAOO,MAAMI,kBAAkB,GAAGA,CAChCC,OAAA,GAAqC,EAAE,KACuE;EAC9G,MAAM;IAAEC,SAAS;IAAEC,eAAe;IAAEC;EAAe,CAAE,GAAGH,OAAO;EAC/D,MAAMI,OAAO,GAAGN,YAAA,CAAAO,UAAU,EAAE;EAC5B;EACA,IAAID,OAAO,EAAE;IACXP,SAAA,CAAAS,YAAY,CAACF,OAAO,CAAC;IACrBP,SAAA,CAAAU,UAAU,CAACH,OAAO,CAAC;;EAGrB,MAAMI,EAAE,GAAGd,iBAAA,CAAAe,KAAK,CAAC,QAAQ,EAAET,OAAO,CAACQ,EAAE,CAAC;EACtC,MAAME,eAAe,GAAGd,sBAAA,CAAAe,oBAAoB,CAAC;IAC3CC,OAAO,EAAE,EAAE;IACXC,SAAS,EAAE;MACTL,EAAE;MACFM,kBAAkB,EAAE,CAACb,SAAS;MAC9Bc,kBAAkB,EAAEb,eAAe;MACnCc,SAAS,EAAEb,eAAe,IAAIF;;GAEjC,CAAC;EAEF,MAAMgB,iBAAiB,GAAGrB,sBAAA,CAAAe,oBAAoB,CAAC;IAC7CC,OAAO,EAAE;GACV,CAAC;EAEF,OAAO;IAAEF,eAAe;IAAEO;EAAiB,CAAE;AAC/C,CAAC;AA3BYC,OAAA,CAAAnB,kBAAkB,GAAAA,kBAAA"}