@fluentui/react-tabster 9.21.0 → 9.21.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,12 +1,32 @@
1
1
  # Change Log - @fluentui/react-tabster
2
2
 
3
- This log was last generated on Thu, 02 May 2024 11:31:31 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 09 May 2024 19:31:57 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.21.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.21.2)
8
+
9
+ Thu, 09 May 2024 19:31:57 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.21.1..@fluentui/react-tabster_v9.21.2)
11
+
12
+ ### Patches
13
+
14
+ - fix: replace internal useKeyborg() with useKeyborgRef() ([PR #31295](https://github.com/microsoft/fluentui/pull/31295) by olfedias@microsoft.com)
15
+
16
+ ## [9.21.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.21.1)
17
+
18
+ Mon, 06 May 2024 12:55:01 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.21.0..@fluentui/react-tabster_v9.21.1)
20
+
21
+ ### Patches
22
+
23
+ - fix: bump keyborg to 2.6.0 nad tabster to 7.1.2 in order to fix iOS touch bug ([PR #31268](https://github.com/microsoft/fluentui/pull/31268) by marata@microsoft.com)
24
+ - Bump @fluentui/react-shared-contexts to v9.18.0 ([PR #31271](https://github.com/microsoft/fluentui/pull/31271) by beachball)
25
+ - Bump @fluentui/react-utilities to v9.18.8 ([PR #31271](https://github.com/microsoft/fluentui/pull/31271) by beachball)
26
+
7
27
  ## [9.21.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.21.0)
8
28
 
9
- Thu, 02 May 2024 11:31:31 GMT
29
+ Thu, 02 May 2024 11:36:39 GMT
10
30
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.20.1..@fluentui/react-tabster_v9.21.0)
11
31
 
12
32
  ### Minor changes
@@ -5,15 +5,20 @@ import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts
5
5
  * @internal
6
6
  * Instantiates [keyborg](https://github.com/microsoft/keyborg)
7
7
  * @returns - keyborg instance
8
- */ export function useKeyborg() {
8
+ */ export function useKeyborgRef() {
9
9
  const { targetDocument } = useFluent();
10
- const keyborg = React.useMemo(()=>targetDocument && createKeyborg(targetDocument.defaultView), [
11
- targetDocument
12
- ]);
10
+ const keyborgRef = React.useRef(null);
13
11
  React.useEffect(()=>{
14
- return ()=>keyborg && disposeKeyborg(keyborg);
12
+ if (targetDocument) {
13
+ const keyborg = createKeyborg(targetDocument.defaultView);
14
+ keyborgRef.current = keyborg;
15
+ return ()=>{
16
+ disposeKeyborg(keyborg);
17
+ keyborgRef.current = null;
18
+ };
19
+ }
15
20
  }, [
16
- keyborg
21
+ targetDocument
17
22
  ]);
18
- return keyborg;
23
+ return keyborgRef;
19
24
  }
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useKeyborgRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { createKeyborg, disposeKeyborg, type Keyborg } from 'keyborg';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\n/**\n * @internal\n * Instantiates [keyborg](https://github.com/microsoft/keyborg)\n * @returns - keyborg instance\n */\nexport function useKeyborgRef() {\n const { targetDocument } = useFluent();\n const keyborgRef = React.useRef<Keyborg | null>(null);\n\n React.useEffect(() => {\n if (targetDocument) {\n const keyborg = createKeyborg(targetDocument.defaultView!);\n keyborgRef.current = keyborg;\n\n return () => {\n disposeKeyborg(keyborg);\n keyborgRef.current = null;\n };\n }\n }, [targetDocument]);\n\n return keyborgRef;\n}\n"],"names":["React","createKeyborg","disposeKeyborg","useFluent_unstable","useFluent","useKeyborgRef","targetDocument","keyborgRef","useRef","useEffect","keyborg","defaultView","current"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,EAAEC,cAAc,QAAsB,UAAU;AACtE,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAElF;;;;CAIC,GACD,OAAO,SAASC;IACd,MAAM,EAAEC,cAAc,EAAE,GAAGF;IAC3B,MAAMG,aAAaP,MAAMQ,MAAM,CAAiB;IAEhDR,MAAMS,SAAS,CAAC;QACd,IAAIH,gBAAgB;YAClB,MAAMI,UAAUT,cAAcK,eAAeK,WAAW;YACxDJ,WAAWK,OAAO,GAAGF;YAErB,OAAO;gBACLR,eAAeQ;gBACfH,WAAWK,OAAO,GAAG;YACvB;QACF;IACF,GAAG;QAACN;KAAe;IAEnB,OAAOC;AACT"}
@@ -1,25 +1,28 @@
1
1
  import * as React from 'react';
2
2
  import { useEventCallback } from '@fluentui/react-utilities';
3
- import { useKeyborg } from './useKeyborg';
3
+ import { useKeyborgRef } from './useKeyborgRef';
4
4
  /**
5
5
  * Instantiates [keyborg](https://github.com/microsoft/keyborg) and subscribes to changes
6
6
  * in the keyboard navigation mode.
7
7
  *
8
8
  * @param callback - called every time the keyboard navigation state changes
9
9
  */ export function useOnKeyboardNavigationChange(callback) {
10
- const keyborg = useKeyborg();
10
+ const keyborgRef = useKeyborgRef();
11
11
  const eventCallback = useEventCallback(callback);
12
12
  React.useEffect(()=>{
13
+ const keyborg = keyborgRef.current;
13
14
  if (keyborg) {
14
15
  const cb = (next)=>{
15
16
  eventCallback(next);
16
17
  };
17
18
  keyborg.subscribe(cb);
18
19
  cb(keyborg.isNavigatingWithKeyboard());
19
- return ()=>keyborg.unsubscribe(cb);
20
+ return ()=>{
21
+ keyborg.unsubscribe(cb);
22
+ };
20
23
  }
21
24
  }, [
22
- keyborg,
25
+ keyborgRef,
23
26
  eventCallback
24
27
  ]);
25
28
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["useOnKeyboardNavigationChange.ts"],"sourcesContent":["import * as React from 'react';\nimport type { KeyborgCallback } from 'keyborg';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useKeyborg } from './useKeyborg';\n\n/**\n * Instantiates [keyborg](https://github.com/microsoft/keyborg) and subscribes to changes\n * in the keyboard navigation mode.\n *\n * @param callback - called every time the keyboard navigation state changes\n */\nexport function useOnKeyboardNavigationChange(callback: (isNavigatingWithKeyboard: boolean) => void) {\n const keyborg = useKeyborg();\n const eventCallback = useEventCallback(callback);\n React.useEffect(() => {\n if (keyborg) {\n const cb: KeyborgCallback = next => {\n eventCallback(next);\n };\n keyborg.subscribe(cb);\n cb(keyborg.isNavigatingWithKeyboard());\n return () => keyborg.unsubscribe(cb);\n }\n }, [keyborg, eventCallback]);\n}\n"],"names":["React","useEventCallback","useKeyborg","useOnKeyboardNavigationChange","callback","keyborg","eventCallback","useEffect","cb","next","subscribe","isNavigatingWithKeyboard","unsubscribe"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,UAAU,QAAQ,eAAe;AAE1C;;;;;CAKC,GACD,OAAO,SAASC,8BAA8BC,QAAqD;IACjG,MAAMC,UAAUH;IAChB,MAAMI,gBAAgBL,iBAAiBG;IACvCJ,MAAMO,SAAS,CAAC;QACd,IAAIF,SAAS;YACX,MAAMG,KAAsBC,CAAAA;gBAC1BH,cAAcG;YAChB;YACAJ,QAAQK,SAAS,CAACF;YAClBA,GAAGH,QAAQM,wBAAwB;YACnC,OAAO,IAAMN,QAAQO,WAAW,CAACJ;QACnC;IACF,GAAG;QAACH;QAASC;KAAc;AAC7B"}
1
+ {"version":3,"sources":["useOnKeyboardNavigationChange.ts"],"sourcesContent":["import type { KeyborgCallback } from 'keyborg';\nimport * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\n\nimport { useKeyborgRef } from './useKeyborgRef';\n\n/**\n * Instantiates [keyborg](https://github.com/microsoft/keyborg) and subscribes to changes\n * in the keyboard navigation mode.\n *\n * @param callback - called every time the keyboard navigation state changes\n */\nexport function useOnKeyboardNavigationChange(callback: (isNavigatingWithKeyboard: boolean) => void) {\n const keyborgRef = useKeyborgRef();\n const eventCallback = useEventCallback(callback);\n\n React.useEffect(() => {\n const keyborg = keyborgRef.current;\n\n if (keyborg) {\n const cb: KeyborgCallback = next => {\n eventCallback(next);\n };\n\n keyborg.subscribe(cb);\n cb(keyborg.isNavigatingWithKeyboard());\n\n return () => {\n keyborg.unsubscribe(cb);\n };\n }\n }, [keyborgRef, eventCallback]);\n}\n"],"names":["React","useEventCallback","useKeyborgRef","useOnKeyboardNavigationChange","callback","keyborgRef","eventCallback","useEffect","keyborg","current","cb","next","subscribe","isNavigatingWithKeyboard","unsubscribe"],"mappings":"AACA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,4BAA4B;AAE7D,SAASC,aAAa,QAAQ,kBAAkB;AAEhD;;;;;CAKC,GACD,OAAO,SAASC,8BAA8BC,QAAqD;IACjG,MAAMC,aAAaH;IACnB,MAAMI,gBAAgBL,iBAAiBG;IAEvCJ,MAAMO,SAAS,CAAC;QACd,MAAMC,UAAUH,WAAWI,OAAO;QAElC,IAAID,SAAS;YACX,MAAME,KAAsBC,CAAAA;gBAC1BL,cAAcK;YAChB;YAEAH,QAAQI,SAAS,CAACF;YAClBA,GAAGF,QAAQK,wBAAwB;YAEnC,OAAO;gBACLL,QAAQM,WAAW,CAACJ;YACtB;QACF;IACF,GAAG;QAACL;QAAYC;KAAc;AAChC"}
@@ -1,11 +1,12 @@
1
1
  import * as React from 'react';
2
- import { useKeyborg } from './useKeyborg';
2
+ import { useKeyborgRef } from './useKeyborgRef';
3
3
  /**
4
4
  */ export function useSetKeyboardNavigation() {
5
- const keyborg = useKeyborg();
5
+ const keyborgRef = useKeyborgRef();
6
6
  return React.useCallback((isNavigatingWithKeyboard)=>{
7
- keyborg === null || keyborg === void 0 ? void 0 : keyborg.setVal(isNavigatingWithKeyboard);
7
+ var _keyborgRef_current;
8
+ (_keyborgRef_current = keyborgRef.current) === null || _keyborgRef_current === void 0 ? void 0 : _keyborgRef_current.setVal(isNavigatingWithKeyboard);
8
9
  }, [
9
- keyborg
10
+ keyborgRef
10
11
  ]);
11
12
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["useSetKeyboardNavigation.ts"],"sourcesContent":["import * as React from 'react';\nimport { useKeyborg } from './useKeyborg';\n\n/**\n */\nexport function useSetKeyboardNavigation() {\n const keyborg = useKeyborg();\n\n return React.useCallback(\n (isNavigatingWithKeyboard: boolean) => {\n keyborg?.setVal(isNavigatingWithKeyboard);\n },\n [keyborg],\n );\n}\n"],"names":["React","useKeyborg","useSetKeyboardNavigation","keyborg","useCallback","isNavigatingWithKeyboard","setVal"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,eAAe;AAE1C;CACC,GACD,OAAO,SAASC;IACd,MAAMC,UAAUF;IAEhB,OAAOD,MAAMI,WAAW,CACtB,CAACC;QACCF,oBAAAA,8BAAAA,QAASG,MAAM,CAACD;IAClB,GACA;QAACF;KAAQ;AAEb"}
1
+ {"version":3,"sources":["useSetKeyboardNavigation.ts"],"sourcesContent":["import * as React from 'react';\nimport { useKeyborgRef } from './useKeyborgRef';\n\n/**\n */\nexport function useSetKeyboardNavigation() {\n const keyborgRef = useKeyborgRef();\n\n return React.useCallback(\n (isNavigatingWithKeyboard: boolean) => {\n keyborgRef.current?.setVal(isNavigatingWithKeyboard);\n },\n [keyborgRef],\n );\n}\n"],"names":["React","useKeyborgRef","useSetKeyboardNavigation","keyborgRef","useCallback","isNavigatingWithKeyboard","current","setVal"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,kBAAkB;AAEhD;CACC,GACD,OAAO,SAASC;IACd,MAAMC,aAAaF;IAEnB,OAAOD,MAAMI,WAAW,CACtB,CAACC;YACCF;SAAAA,sBAAAA,WAAWG,OAAO,cAAlBH,0CAAAA,oBAAoBI,MAAM,CAACF;IAC7B,GACA;QAACF;KAAW;AAEhB"}
@@ -2,25 +2,30 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- Object.defineProperty(exports, "useKeyborg", {
5
+ Object.defineProperty(exports, "useKeyborgRef", {
6
6
  enumerable: true,
7
7
  get: function() {
8
- return useKeyborg;
8
+ return useKeyborgRef;
9
9
  }
10
10
  });
11
11
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
12
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
13
  const _keyborg = require("keyborg");
14
14
  const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
15
- function useKeyborg() {
15
+ function useKeyborgRef() {
16
16
  const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
17
- const keyborg = _react.useMemo(()=>targetDocument && (0, _keyborg.createKeyborg)(targetDocument.defaultView), [
18
- targetDocument
19
- ]);
17
+ const keyborgRef = _react.useRef(null);
20
18
  _react.useEffect(()=>{
21
- return ()=>keyborg && (0, _keyborg.disposeKeyborg)(keyborg);
19
+ if (targetDocument) {
20
+ const keyborg = (0, _keyborg.createKeyborg)(targetDocument.defaultView);
21
+ keyborgRef.current = keyborg;
22
+ return ()=>{
23
+ (0, _keyborg.disposeKeyborg)(keyborg);
24
+ keyborgRef.current = null;
25
+ };
26
+ }
22
27
  }, [
23
- keyborg
28
+ targetDocument
24
29
  ]);
25
- return keyborg;
30
+ return keyborgRef;
26
31
  }
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useKeyborgRef.js"],"sourcesContent":["import * as React from 'react';\nimport { createKeyborg, disposeKeyborg } from 'keyborg';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n/**\n * @internal\n * Instantiates [keyborg](https://github.com/microsoft/keyborg)\n * @returns - keyborg instance\n */ export function useKeyborgRef() {\n const { targetDocument } = useFluent();\n const keyborgRef = React.useRef(null);\n React.useEffect(()=>{\n if (targetDocument) {\n const keyborg = createKeyborg(targetDocument.defaultView);\n keyborgRef.current = keyborg;\n return ()=>{\n disposeKeyborg(keyborg);\n keyborgRef.current = null;\n };\n }\n }, [\n targetDocument\n ]);\n return keyborgRef;\n}\n"],"names":["useKeyborgRef","targetDocument","useFluent","keyborgRef","React","useRef","useEffect","keyborg","createKeyborg","defaultView","current","disposeKeyborg"],"mappings":";;;;+BAOoBA;;;eAAAA;;;;iEAPG;yBACuB;qCACE;AAKrC,SAASA;IAChB,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAS;IACpC,MAAMC,aAAaC,OAAMC,MAAM,CAAC;IAChCD,OAAME,SAAS,CAAC;QACZ,IAAIL,gBAAgB;YAChB,MAAMM,UAAUC,IAAAA,sBAAa,EAACP,eAAeQ,WAAW;YACxDN,WAAWO,OAAO,GAAGH;YACrB,OAAO;gBACHI,IAAAA,uBAAc,EAACJ;gBACfJ,WAAWO,OAAO,GAAG;YACzB;QACJ;IACJ,GAAG;QACCT;KACH;IACD,OAAOE;AACX"}
@@ -11,21 +11,24 @@ Object.defineProperty(exports, "useOnKeyboardNavigationChange", {
11
11
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
12
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
13
  const _reactutilities = require("@fluentui/react-utilities");
14
- const _useKeyborg = require("./useKeyborg");
14
+ const _useKeyborgRef = require("./useKeyborgRef");
15
15
  function useOnKeyboardNavigationChange(callback) {
16
- const keyborg = (0, _useKeyborg.useKeyborg)();
16
+ const keyborgRef = (0, _useKeyborgRef.useKeyborgRef)();
17
17
  const eventCallback = (0, _reactutilities.useEventCallback)(callback);
18
18
  _react.useEffect(()=>{
19
+ const keyborg = keyborgRef.current;
19
20
  if (keyborg) {
20
21
  const cb = (next)=>{
21
22
  eventCallback(next);
22
23
  };
23
24
  keyborg.subscribe(cb);
24
25
  cb(keyborg.isNavigatingWithKeyboard());
25
- return ()=>keyborg.unsubscribe(cb);
26
+ return ()=>{
27
+ keyborg.unsubscribe(cb);
28
+ };
26
29
  }
27
30
  }, [
28
- keyborg,
31
+ keyborgRef,
29
32
  eventCallback
30
33
  ]);
31
34
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["useOnKeyboardNavigationChange.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useKeyborg } from './useKeyborg';\n/**\n * Instantiates [keyborg](https://github.com/microsoft/keyborg) and subscribes to changes\n * in the keyboard navigation mode.\n *\n * @param callback - called every time the keyboard navigation state changes\n */ export function useOnKeyboardNavigationChange(callback) {\n const keyborg = useKeyborg();\n const eventCallback = useEventCallback(callback);\n React.useEffect(()=>{\n if (keyborg) {\n const cb = (next)=>{\n eventCallback(next);\n };\n keyborg.subscribe(cb);\n cb(keyborg.isNavigatingWithKeyboard());\n return ()=>keyborg.unsubscribe(cb);\n }\n }, [\n keyborg,\n eventCallback\n ]);\n}\n"],"names":["useOnKeyboardNavigationChange","callback","keyborg","useKeyborg","eventCallback","useEventCallback","React","useEffect","cb","next","subscribe","isNavigatingWithKeyboard","unsubscribe"],"mappings":";;;;+BAQoBA;;;eAAAA;;;;iEARG;gCACU;4BACN;AAMhB,SAASA,8BAA8BC,QAAQ;IACtD,MAAMC,UAAUC,IAAAA,sBAAU;IAC1B,MAAMC,gBAAgBC,IAAAA,gCAAgB,EAACJ;IACvCK,OAAMC,SAAS,CAAC;QACZ,IAAIL,SAAS;YACT,MAAMM,KAAK,CAACC;gBACRL,cAAcK;YAClB;YACAP,QAAQQ,SAAS,CAACF;YAClBA,GAAGN,QAAQS,wBAAwB;YACnC,OAAO,IAAIT,QAAQU,WAAW,CAACJ;QACnC;IACJ,GAAG;QACCN;QACAE;KACH;AACL"}
1
+ {"version":3,"sources":["useOnKeyboardNavigationChange.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useKeyborgRef } from './useKeyborgRef';\n/**\n * Instantiates [keyborg](https://github.com/microsoft/keyborg) and subscribes to changes\n * in the keyboard navigation mode.\n *\n * @param callback - called every time the keyboard navigation state changes\n */ export function useOnKeyboardNavigationChange(callback) {\n const keyborgRef = useKeyborgRef();\n const eventCallback = useEventCallback(callback);\n React.useEffect(()=>{\n const keyborg = keyborgRef.current;\n if (keyborg) {\n const cb = (next)=>{\n eventCallback(next);\n };\n keyborg.subscribe(cb);\n cb(keyborg.isNavigatingWithKeyboard());\n return ()=>{\n keyborg.unsubscribe(cb);\n };\n }\n }, [\n keyborgRef,\n eventCallback\n ]);\n}\n"],"names":["useOnKeyboardNavigationChange","callback","keyborgRef","useKeyborgRef","eventCallback","useEventCallback","React","useEffect","keyborg","current","cb","next","subscribe","isNavigatingWithKeyboard","unsubscribe"],"mappings":";;;;+BAQoBA;;;eAAAA;;;;iEARG;gCACU;+BACH;AAMnB,SAASA,8BAA8BC,QAAQ;IACtD,MAAMC,aAAaC,IAAAA,4BAAa;IAChC,MAAMC,gBAAgBC,IAAAA,gCAAgB,EAACJ;IACvCK,OAAMC,SAAS,CAAC;QACZ,MAAMC,UAAUN,WAAWO,OAAO;QAClC,IAAID,SAAS;YACT,MAAME,KAAK,CAACC;gBACRP,cAAcO;YAClB;YACAH,QAAQI,SAAS,CAACF;YAClBA,GAAGF,QAAQK,wBAAwB;YACnC,OAAO;gBACHL,QAAQM,WAAW,CAACJ;YACxB;QACJ;IACJ,GAAG;QACCR;QACAE;KACH;AACL"}
@@ -10,12 +10,13 @@ Object.defineProperty(exports, "useSetKeyboardNavigation", {
10
10
  });
11
11
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
12
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
- const _useKeyborg = require("./useKeyborg");
13
+ const _useKeyborgRef = require("./useKeyborgRef");
14
14
  function useSetKeyboardNavigation() {
15
- const keyborg = (0, _useKeyborg.useKeyborg)();
15
+ const keyborgRef = (0, _useKeyborgRef.useKeyborgRef)();
16
16
  return _react.useCallback((isNavigatingWithKeyboard)=>{
17
- keyborg === null || keyborg === void 0 ? void 0 : keyborg.setVal(isNavigatingWithKeyboard);
17
+ var _keyborgRef_current;
18
+ (_keyborgRef_current = keyborgRef.current) === null || _keyborgRef_current === void 0 ? void 0 : _keyborgRef_current.setVal(isNavigatingWithKeyboard);
18
19
  }, [
19
- keyborg
20
+ keyborgRef
20
21
  ]);
21
22
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["useSetKeyboardNavigation.js"],"sourcesContent":["import * as React from 'react';\nimport { useKeyborg } from './useKeyborg';\n/**\n */ export function useSetKeyboardNavigation() {\n const keyborg = useKeyborg();\n return React.useCallback((isNavigatingWithKeyboard)=>{\n keyborg === null || keyborg === void 0 ? void 0 : keyborg.setVal(isNavigatingWithKeyboard);\n }, [\n keyborg\n ]);\n}\n"],"names":["useSetKeyboardNavigation","keyborg","useKeyborg","React","useCallback","isNavigatingWithKeyboard","setVal"],"mappings":";;;;+BAGoBA;;;eAAAA;;;;iEAHG;4BACI;AAEhB,SAASA;IAChB,MAAMC,UAAUC,IAAAA,sBAAU;IAC1B,OAAOC,OAAMC,WAAW,CAAC,CAACC;QACtBJ,YAAY,QAAQA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQK,MAAM,CAACD;IACrE,GAAG;QACCJ;KACH;AACL"}
1
+ {"version":3,"sources":["useSetKeyboardNavigation.js"],"sourcesContent":["import * as React from 'react';\nimport { useKeyborgRef } from './useKeyborgRef';\n/**\n */ export function useSetKeyboardNavigation() {\n const keyborgRef = useKeyborgRef();\n return React.useCallback((isNavigatingWithKeyboard)=>{\n var _keyborgRef_current;\n (_keyborgRef_current = keyborgRef.current) === null || _keyborgRef_current === void 0 ? void 0 : _keyborgRef_current.setVal(isNavigatingWithKeyboard);\n }, [\n keyborgRef\n ]);\n}\n"],"names":["useSetKeyboardNavigation","keyborgRef","useKeyborgRef","React","useCallback","isNavigatingWithKeyboard","_keyborgRef_current","current","setVal"],"mappings":";;;;+BAGoBA;;;eAAAA;;;;iEAHG;+BACO;AAEnB,SAASA;IAChB,MAAMC,aAAaC,IAAAA,4BAAa;IAChC,OAAOC,OAAMC,WAAW,CAAC,CAACC;QACtB,IAAIC;QACHA,CAAAA,sBAAsBL,WAAWM,OAAO,AAAD,MAAO,QAAQD,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBE,MAAM,CAACH;IAChI,GAAG;QACCJ;KACH;AACL"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-tabster",
3
- "version": "9.21.0",
3
+ "version": "9.21.2",
4
4
  "description": "Utilities for focus management and facade for tabster",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -31,13 +31,13 @@
31
31
  "@fluentui/scripts-tasks": "*"
32
32
  },
33
33
  "dependencies": {
34
- "@fluentui/react-shared-contexts": "^9.17.0",
34
+ "@fluentui/react-shared-contexts": "^9.18.0",
35
35
  "@fluentui/react-theme": "^9.1.19",
36
- "@fluentui/react-utilities": "^9.18.7",
36
+ "@fluentui/react-utilities": "^9.18.8",
37
37
  "@griffel/react": "^1.5.14",
38
38
  "@swc/helpers": "^0.5.1",
39
- "keyborg": "^2.5.0",
40
- "tabster": "^7.1.1"
39
+ "keyborg": "^2.6.0",
40
+ "tabster": "^7.1.2"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "@types/react": ">=16.14.0 <19.0.0",
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useKeyborg.ts"],"sourcesContent":["import * as React from 'react';\nimport { createKeyborg, disposeKeyborg } from 'keyborg';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\n/**\n * @internal\n * Instantiates [keyborg](https://github.com/microsoft/keyborg)\n * @returns - keyborg instance\n */\nexport function useKeyborg() {\n const { targetDocument } = useFluent();\n const keyborg = React.useMemo(() => targetDocument && createKeyborg(targetDocument.defaultView!), [targetDocument]);\n\n React.useEffect(() => {\n return () => keyborg && disposeKeyborg(keyborg);\n }, [keyborg]);\n\n return keyborg;\n}\n"],"names":["React","createKeyborg","disposeKeyborg","useFluent_unstable","useFluent","useKeyborg","targetDocument","keyborg","useMemo","defaultView","useEffect"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,EAAEC,cAAc,QAAQ,UAAU;AACxD,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAElF;;;;CAIC,GACD,OAAO,SAASC;IACd,MAAM,EAAEC,cAAc,EAAE,GAAGF;IAC3B,MAAMG,UAAUP,MAAMQ,OAAO,CAAC,IAAMF,kBAAkBL,cAAcK,eAAeG,WAAW,GAAI;QAACH;KAAe;IAElHN,MAAMU,SAAS,CAAC;QACd,OAAO,IAAMH,WAAWL,eAAeK;IACzC,GAAG;QAACA;KAAQ;IAEZ,OAAOA;AACT"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useKeyborg.js"],"sourcesContent":["import * as React from 'react';\nimport { createKeyborg, disposeKeyborg } from 'keyborg';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n/**\n * @internal\n * Instantiates [keyborg](https://github.com/microsoft/keyborg)\n * @returns - keyborg instance\n */ export function useKeyborg() {\n const { targetDocument } = useFluent();\n const keyborg = React.useMemo(()=>targetDocument && createKeyborg(targetDocument.defaultView), [\n targetDocument\n ]);\n React.useEffect(()=>{\n return ()=>keyborg && disposeKeyborg(keyborg);\n }, [\n keyborg\n ]);\n return keyborg;\n}\n"],"names":["useKeyborg","targetDocument","useFluent","keyborg","React","useMemo","createKeyborg","defaultView","useEffect","disposeKeyborg"],"mappings":";;;;+BAOoBA;;;eAAAA;;;;iEAPG;yBACuB;qCACE;AAKrC,SAASA;IAChB,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAS;IACpC,MAAMC,UAAUC,OAAMC,OAAO,CAAC,IAAIJ,kBAAkBK,IAAAA,sBAAa,EAACL,eAAeM,WAAW,GAAG;QAC3FN;KACH;IACDG,OAAMI,SAAS,CAAC;QACZ,OAAO,IAAIL,WAAWM,IAAAA,uBAAc,EAACN;IACzC,GAAG;QACCA;KACH;IACD,OAAOA;AACX"}