@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 +22 -2
- package/lib/hooks/{useKeyborg.js → useKeyborgRef.js} +12 -7
- package/lib/hooks/useKeyborgRef.js.map +1 -0
- package/lib/hooks/useOnKeyboardNavigationChange.js +7 -4
- package/lib/hooks/useOnKeyboardNavigationChange.js.map +1 -1
- package/lib/hooks/useSetKeyboardNavigation.js +5 -4
- package/lib/hooks/useSetKeyboardNavigation.js.map +1 -1
- package/lib-commonjs/hooks/{useKeyborg.js → useKeyborgRef.js} +14 -9
- package/lib-commonjs/hooks/useKeyborgRef.js.map +1 -0
- package/lib-commonjs/hooks/useOnKeyboardNavigationChange.js +7 -4
- package/lib-commonjs/hooks/useOnKeyboardNavigationChange.js.map +1 -1
- package/lib-commonjs/hooks/useSetKeyboardNavigation.js +5 -4
- package/lib-commonjs/hooks/useSetKeyboardNavigation.js.map +1 -1
- package/package.json +5 -5
- package/lib/hooks/useKeyborg.js.map +0 -1
- package/lib-commonjs/hooks/useKeyborg.js.map +0 -1
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,
|
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:
|
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
|
8
|
+
*/ export function useKeyborgRef() {
|
9
9
|
const { targetDocument } = useFluent();
|
10
|
-
const
|
11
|
-
targetDocument
|
12
|
-
]);
|
10
|
+
const keyborgRef = React.useRef(null);
|
13
11
|
React.useEffect(()=>{
|
14
|
-
|
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
|
-
|
21
|
+
targetDocument
|
17
22
|
]);
|
18
|
-
return
|
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 {
|
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
|
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 ()=>
|
20
|
+
return ()=>{
|
21
|
+
keyborg.unsubscribe(cb);
|
22
|
+
};
|
20
23
|
}
|
21
24
|
}, [
|
22
|
-
|
25
|
+
keyborgRef,
|
23
26
|
eventCallback
|
24
27
|
]);
|
25
28
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["useOnKeyboardNavigationChange.ts"],"sourcesContent":["import
|
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 {
|
2
|
+
import { useKeyborgRef } from './useKeyborgRef';
|
3
3
|
/**
|
4
4
|
*/ export function useSetKeyboardNavigation() {
|
5
|
-
const
|
5
|
+
const keyborgRef = useKeyborgRef();
|
6
6
|
return React.useCallback((isNavigatingWithKeyboard)=>{
|
7
|
-
|
7
|
+
var _keyborgRef_current;
|
8
|
+
(_keyborgRef_current = keyborgRef.current) === null || _keyborgRef_current === void 0 ? void 0 : _keyborgRef_current.setVal(isNavigatingWithKeyboard);
|
8
9
|
}, [
|
9
|
-
|
10
|
+
keyborgRef
|
10
11
|
]);
|
11
12
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["useSetKeyboardNavigation.ts"],"sourcesContent":["import * as React from 'react';\nimport {
|
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, "
|
5
|
+
Object.defineProperty(exports, "useKeyborgRef", {
|
6
6
|
enumerable: true,
|
7
7
|
get: function() {
|
8
|
-
return
|
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
|
15
|
+
function useKeyborgRef() {
|
16
16
|
const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
|
17
|
-
const
|
18
|
-
targetDocument
|
19
|
-
]);
|
17
|
+
const keyborgRef = _react.useRef(null);
|
20
18
|
_react.useEffect(()=>{
|
21
|
-
|
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
|
-
|
28
|
+
targetDocument
|
24
29
|
]);
|
25
|
-
return
|
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
|
14
|
+
const _useKeyborgRef = require("./useKeyborgRef");
|
15
15
|
function useOnKeyboardNavigationChange(callback) {
|
16
|
-
const
|
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 ()=>
|
26
|
+
return ()=>{
|
27
|
+
keyborg.unsubscribe(cb);
|
28
|
+
};
|
26
29
|
}
|
27
30
|
}, [
|
28
|
-
|
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 {
|
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
|
13
|
+
const _useKeyborgRef = require("./useKeyborgRef");
|
14
14
|
function useSetKeyboardNavigation() {
|
15
|
-
const
|
15
|
+
const keyborgRef = (0, _useKeyborgRef.useKeyborgRef)();
|
16
16
|
return _react.useCallback((isNavigatingWithKeyboard)=>{
|
17
|
-
|
17
|
+
var _keyborgRef_current;
|
18
|
+
(_keyborgRef_current = keyborgRef.current) === null || _keyborgRef_current === void 0 ? void 0 : _keyborgRef_current.setVal(isNavigatingWithKeyboard);
|
18
19
|
}, [
|
19
|
-
|
20
|
+
keyborgRef
|
20
21
|
]);
|
21
22
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["useSetKeyboardNavigation.js"],"sourcesContent":["import * as React from 'react';\nimport {
|
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.
|
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.
|
34
|
+
"@fluentui/react-shared-contexts": "^9.18.0",
|
35
35
|
"@fluentui/react-theme": "^9.1.19",
|
36
|
-
"@fluentui/react-utilities": "^9.18.
|
36
|
+
"@fluentui/react-utilities": "^9.18.8",
|
37
37
|
"@griffel/react": "^1.5.14",
|
38
38
|
"@swc/helpers": "^0.5.1",
|
39
|
-
"keyborg": "^2.
|
40
|
-
"tabster": "^7.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"}
|