@fluentui/react-tabster 9.8.0 → 9.9.0
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.json +31 -1
- package/CHANGELOG.md +20 -2
- package/dist/index.d.ts +16 -0
- package/lib/hooks/index.js +2 -0
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useFocusObserved.js +25 -0
- package/lib/hooks/useFocusObserved.js.map +1 -0
- package/lib/hooks/useObservedElement.js +16 -0
- package/lib/hooks/useObservedElement.js.map +1 -0
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/hooks/index.js +2 -0
- package/lib-commonjs/hooks/index.js.map +1 -1
- package/lib-commonjs/hooks/useFocusObserved.js +30 -0
- package/lib-commonjs/hooks/useFocusObserved.js.map +1 -0
- package/lib-commonjs/hooks/useObservedElement.js +24 -0
- package/lib-commonjs/hooks/useObservedElement.js.map +1 -0
- package/lib-commonjs/index.js +2 -0
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +2 -2
package/CHANGELOG.json
CHANGED
@@ -2,7 +2,37 @@
|
|
2
2
|
"name": "@fluentui/react-tabster",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "Tue,
|
5
|
+
"date": "Tue, 27 Jun 2023 11:19:43 GMT",
|
6
|
+
"tag": "@fluentui/react-tabster_v9.9.0",
|
7
|
+
"version": "9.9.0",
|
8
|
+
"comments": {
|
9
|
+
"minor": [
|
10
|
+
{
|
11
|
+
"author": "lingfangao@hotmail.com",
|
12
|
+
"package": "@fluentui/react-tabster",
|
13
|
+
"commit": "1c7e6451a11fb9c59e344df616394a320e8031c4",
|
14
|
+
"comment": "feat: Observed element hooks"
|
15
|
+
}
|
16
|
+
]
|
17
|
+
}
|
18
|
+
},
|
19
|
+
{
|
20
|
+
"date": "Mon, 26 Jun 2023 09:53:55 GMT",
|
21
|
+
"tag": "@fluentui/react-tabster_v9.8.1",
|
22
|
+
"version": "9.8.1",
|
23
|
+
"comments": {
|
24
|
+
"patch": [
|
25
|
+
{
|
26
|
+
"author": "beachball",
|
27
|
+
"package": "@fluentui/react-tabster",
|
28
|
+
"comment": "Bump @fluentui/react-utilities to v9.9.4",
|
29
|
+
"commit": "3e47257676ace0598b9ed336a54befd4d063c332"
|
30
|
+
}
|
31
|
+
]
|
32
|
+
}
|
33
|
+
},
|
34
|
+
{
|
35
|
+
"date": "Tue, 20 Jun 2023 12:39:05 GMT",
|
6
36
|
"tag": "@fluentui/react-tabster_v9.8.0",
|
7
37
|
"version": "9.8.0",
|
8
38
|
"comments": {
|
package/CHANGELOG.md
CHANGED
@@ -1,12 +1,30 @@
|
|
1
1
|
# Change Log - @fluentui/react-tabster
|
2
2
|
|
3
|
-
This log was last generated on Tue,
|
3
|
+
This log was last generated on Tue, 27 Jun 2023 11:19:43 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
+
## [9.9.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.9.0)
|
8
|
+
|
9
|
+
Tue, 27 Jun 2023 11:19:43 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.8.1..@fluentui/react-tabster_v9.9.0)
|
11
|
+
|
12
|
+
### Minor changes
|
13
|
+
|
14
|
+
- feat: Observed element hooks ([PR #28291](https://github.com/microsoft/fluentui/pull/28291) by lingfangao@hotmail.com)
|
15
|
+
|
16
|
+
## [9.8.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.8.1)
|
17
|
+
|
18
|
+
Mon, 26 Jun 2023 09:53:55 GMT
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.8.0..@fluentui/react-tabster_v9.8.1)
|
20
|
+
|
21
|
+
### Patches
|
22
|
+
|
23
|
+
- Bump @fluentui/react-utilities to v9.9.4 ([PR #28296](https://github.com/microsoft/fluentui/pull/28296) by beachball)
|
24
|
+
|
7
25
|
## [9.8.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.8.0)
|
8
26
|
|
9
|
-
Tue, 20 Jun 2023 12:
|
27
|
+
Tue, 20 Jun 2023 12:39:05 GMT
|
10
28
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.7.5..@fluentui/react-tabster_v9.8.0)
|
11
29
|
|
12
30
|
### Minor changes
|
package/dist/index.d.ts
CHANGED
@@ -128,6 +128,20 @@ export declare const useFocusFinders: () => {
|
|
128
128
|
findPrevFocusable: (currentElement: HTMLElement, options?: Pick<Partial<Types.FindNextProps>, 'container'>) => HTMLElement | null | undefined;
|
129
129
|
};
|
130
130
|
|
131
|
+
/**
|
132
|
+
*
|
133
|
+
* @param name - The observed element to focus
|
134
|
+
* @returns Function that will focus the
|
135
|
+
*/
|
136
|
+
export declare function useFocusObserved(name: string, options?: UseFocusObservedOptions): () => Types.ObservedElementAsyncRequest<boolean>;
|
137
|
+
|
138
|
+
declare interface UseFocusObservedOptions {
|
139
|
+
/**
|
140
|
+
* After timeout the focus attempt fails
|
141
|
+
*/
|
142
|
+
timeout?: number;
|
143
|
+
}
|
144
|
+
|
131
145
|
export declare function useFocusVisible<TElement extends HTMLElement = HTMLElement>(options?: UseFocusVisibleOptions): React_2.RefObject<TElement>;
|
132
146
|
|
133
147
|
declare type UseFocusVisibleOptions = {
|
@@ -185,6 +199,8 @@ export declare interface UseModalAttributesOptions {
|
|
185
199
|
id?: string;
|
186
200
|
}
|
187
201
|
|
202
|
+
export declare function useObservedElement(name: string | string[]): Types.TabsterDOMAttribute;
|
203
|
+
|
188
204
|
/**
|
189
205
|
* @internal
|
190
206
|
* Hook that returns tabster attributes while ensuring tabster exists
|
package/lib/hooks/index.js
CHANGED
package/lib/hooks/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './useArrowNavigationGroup';\nexport * from './useFocusableGroup';\nexport * from './useFocusFinders';\nexport * from './useFocusVisible';\nexport * from './useFocusWithin';\nexport * from './useKeyboardNavAttribute';\nexport * from './useModalAttributes';\nexport * from './useTabsterAttributes';\n"],"names":[],"mappings":"AAAA,cAAc,4BAA4B;AAC1C,cAAc,sBAAsB;AACpC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,mBAAmB;AACjC,cAAc,4BAA4B;AAC1C,cAAc,uBAAuB;AACrC,cAAc,yBAAyB"}
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './useArrowNavigationGroup';\nexport * from './useFocusableGroup';\nexport * from './useFocusFinders';\nexport * from './useFocusVisible';\nexport * from './useFocusWithin';\nexport * from './useKeyboardNavAttribute';\nexport * from './useModalAttributes';\nexport * from './useTabsterAttributes';\nexport * from './useObservedElement';\nexport * from './useFocusObserved';\n"],"names":[],"mappings":"AAAA,cAAc,4BAA4B;AAC1C,cAAc,sBAAsB;AACpC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,mBAAmB;AACjC,cAAc,4BAA4B;AAC1C,cAAc,uBAAuB;AACrC,cAAc,yBAAyB;AACvC,cAAc,uBAAuB;AACrC,cAAc,qBAAqB"}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import { getObservedElement } from 'tabster';
|
3
|
+
import { useTabster } from './useTabster';
|
4
|
+
/**
|
5
|
+
*
|
6
|
+
* @param name - The observed element to focus
|
7
|
+
* @returns Function that will focus the
|
8
|
+
*/ export function useFocusObserved(name, options = {}) {
|
9
|
+
const { timeout =1000 } = options;
|
10
|
+
const tabster = useTabster();
|
11
|
+
const observedAPI = tabster ? getObservedElement(tabster) : null;
|
12
|
+
return React.useCallback(()=>{
|
13
|
+
if (observedAPI) {
|
14
|
+
return observedAPI.requestFocus(name, timeout);
|
15
|
+
}
|
16
|
+
return {
|
17
|
+
result: Promise.resolve(false),
|
18
|
+
cancel: ()=>null
|
19
|
+
};
|
20
|
+
}, [
|
21
|
+
observedAPI,
|
22
|
+
name,
|
23
|
+
timeout
|
24
|
+
]);
|
25
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["useFocusObserved.ts"],"sourcesContent":["import * as React from 'react';\nimport { getObservedElement, Types as TabsterTypes } from 'tabster';\nimport { useTabster } from './useTabster';\n\ninterface UseFocusObservedOptions {\n /**\n * After timeout the focus attempt fails\n */\n timeout?: number;\n}\n\n/**\n *\n * @param name - The observed element to focus\n * @returns Function that will focus the\n */\nexport function useFocusObserved(\n name: string,\n options: UseFocusObservedOptions = {},\n): () => TabsterTypes.ObservedElementAsyncRequest<boolean> {\n const { timeout = 1000 } = options;\n const tabster = useTabster();\n\n const observedAPI = tabster ? getObservedElement(tabster) : null;\n\n return React.useCallback(() => {\n if (observedAPI) {\n return observedAPI.requestFocus(name, timeout);\n }\n\n return { result: Promise.resolve(false), cancel: () => null };\n }, [observedAPI, name, timeout]);\n}\n"],"names":["React","getObservedElement","useTabster","useFocusObserved","name","options","timeout","tabster","observedAPI","useCallback","requestFocus","result","Promise","resolve","cancel"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,kBAAkB,QAA+B,UAAU;AACpE,SAASC,UAAU,QAAQ,eAAe;AAS1C;;;;CAIC,GACD,OAAO,SAASC,iBACdC,IAAY,EACZC,UAAmC,CAAC,CAAC,EACoB;IACzD,MAAM,EAAEC,SAAU,KAAI,EAAE,GAAGD;IAC3B,MAAME,UAAUL;IAEhB,MAAMM,cAAcD,UAAUN,mBAAmBM,WAAW,IAAI;IAEhE,OAAOP,MAAMS,WAAW,CAAC,IAAM;QAC7B,IAAID,aAAa;YACf,OAAOA,YAAYE,YAAY,CAACN,MAAME;QACxC,CAAC;QAED,OAAO;YAAEK,QAAQC,QAAQC,OAAO,CAAC,KAAK;YAAGC,QAAQ,IAAM,IAAI;QAAC;IAC9D,GAAG;QAACN;QAAaJ;QAAME;KAAQ;AACjC,CAAC"}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import { useTabster } from './useTabster';
|
2
|
+
import { getObservedElement } from 'tabster';
|
3
|
+
import { useTabsterAttributes } from './useTabsterAttributes';
|
4
|
+
export function useObservedElement(name) {
|
5
|
+
const tabster = useTabster();
|
6
|
+
if (tabster) {
|
7
|
+
getObservedElement(tabster);
|
8
|
+
}
|
9
|
+
return useTabsterAttributes({
|
10
|
+
observed: {
|
11
|
+
names: Array.isArray(name) ? name : [
|
12
|
+
name
|
13
|
+
]
|
14
|
+
}
|
15
|
+
});
|
16
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["useObservedElement.ts"],"sourcesContent":["import { useTabster } from './useTabster';\nimport { getObservedElement, Types as TabsterTypes } from 'tabster';\nimport { useTabsterAttributes } from './useTabsterAttributes';\n\nexport function useObservedElement(name: string | string[]): TabsterTypes.TabsterDOMAttribute {\n const tabster = useTabster();\n if (tabster) {\n getObservedElement(tabster);\n }\n\n return useTabsterAttributes({ observed: { names: Array.isArray(name) ? name : [name] } });\n}\n"],"names":["useTabster","getObservedElement","useTabsterAttributes","useObservedElement","name","tabster","observed","names","Array","isArray"],"mappings":"AAAA,SAASA,UAAU,QAAQ,eAAe;AAC1C,SAASC,kBAAkB,QAA+B,UAAU;AACpE,SAASC,oBAAoB,QAAQ,yBAAyB;AAE9D,OAAO,SAASC,mBAAmBC,IAAuB,EAAoC;IAC5F,MAAMC,UAAUL;IAChB,IAAIK,SAAS;QACXJ,mBAAmBI;IACrB,CAAC;IAED,OAAOH,qBAAqB;QAAEI,UAAU;YAAEC,OAAOC,MAAMC,OAAO,CAACL,QAAQA,OAAO;gBAACA;aAAK;QAAC;IAAE;AACzF,CAAC"}
|
package/lib/index.js
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
export { useArrowNavigationGroup, useFocusableGroup, useFocusFinders, useFocusVisible, useFocusWithin, useKeyboardNavAttribute, useModalAttributes, useTabsterAttributes } from './hooks/index';
|
1
|
+
export { useArrowNavigationGroup, useFocusableGroup, useFocusFinders, useFocusVisible, useFocusWithin, useKeyboardNavAttribute, useModalAttributes, useTabsterAttributes, useObservedElement, useFocusObserved } from './hooks/index';
|
2
2
|
export { createCustomFocusIndicatorStyle, createFocusOutlineStyle } from './focus/index';
|
3
3
|
export { applyFocusVisiblePolyfill } from './focus/index';
|
package/lib/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n useArrowNavigationGroup,\n useFocusableGroup,\n useFocusFinders,\n useFocusVisible,\n useFocusWithin,\n useKeyboardNavAttribute,\n useModalAttributes,\n useTabsterAttributes,\n} from './hooks/index';\nexport type {\n UseArrowNavigationGroupOptions,\n UseFocusableGroupOptions,\n UseModalAttributesOptions,\n} from './hooks/index';\n\nexport { createCustomFocusIndicatorStyle, createFocusOutlineStyle } from './focus/index';\n\nexport type {\n CreateCustomFocusIndicatorStyleOptions,\n CreateFocusOutlineStyleOptions,\n FocusOutlineOffset,\n FocusOutlineStyleOptions,\n} from './focus/index';\n\nexport { applyFocusVisiblePolyfill } from './focus/index';\n"],"names":["useArrowNavigationGroup","useFocusableGroup","useFocusFinders","useFocusVisible","useFocusWithin","useKeyboardNavAttribute","useModalAttributes","useTabsterAttributes","createCustomFocusIndicatorStyle","createFocusOutlineStyle","applyFocusVisiblePolyfill"],"mappings":"AAAA,SACEA,uBAAuB,EACvBC,iBAAiB,EACjBC,eAAe,EACfC,eAAe,EACfC,cAAc,EACdC,uBAAuB,EACvBC,kBAAkB,EAClBC,oBAAoB,
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n useArrowNavigationGroup,\n useFocusableGroup,\n useFocusFinders,\n useFocusVisible,\n useFocusWithin,\n useKeyboardNavAttribute,\n useModalAttributes,\n useTabsterAttributes,\n useObservedElement,\n useFocusObserved,\n} from './hooks/index';\nexport type {\n UseArrowNavigationGroupOptions,\n UseFocusableGroupOptions,\n UseModalAttributesOptions,\n} from './hooks/index';\n\nexport { createCustomFocusIndicatorStyle, createFocusOutlineStyle } from './focus/index';\n\nexport type {\n CreateCustomFocusIndicatorStyleOptions,\n CreateFocusOutlineStyleOptions,\n FocusOutlineOffset,\n FocusOutlineStyleOptions,\n} from './focus/index';\n\nexport { applyFocusVisiblePolyfill } from './focus/index';\n"],"names":["useArrowNavigationGroup","useFocusableGroup","useFocusFinders","useFocusVisible","useFocusWithin","useKeyboardNavAttribute","useModalAttributes","useTabsterAttributes","useObservedElement","useFocusObserved","createCustomFocusIndicatorStyle","createFocusOutlineStyle","applyFocusVisiblePolyfill"],"mappings":"AAAA,SACEA,uBAAuB,EACvBC,iBAAiB,EACjBC,eAAe,EACfC,eAAe,EACfC,cAAc,EACdC,uBAAuB,EACvBC,kBAAkB,EAClBC,oBAAoB,EACpBC,kBAAkB,EAClBC,gBAAgB,QACX,gBAAgB;AAOvB,SAASC,+BAA+B,EAAEC,uBAAuB,QAAQ,gBAAgB;AASzF,SAASC,yBAAyB,QAAQ,gBAAgB"}
|
@@ -11,3 +11,5 @@ _exportStar(require("./useFocusWithin"), exports);
|
|
11
11
|
_exportStar(require("./useKeyboardNavAttribute"), exports);
|
12
12
|
_exportStar(require("./useModalAttributes"), exports);
|
13
13
|
_exportStar(require("./useTabsterAttributes"), exports);
|
14
|
+
_exportStar(require("./useObservedElement"), exports);
|
15
|
+
_exportStar(require("./useFocusObserved"), exports);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './useArrowNavigationGroup';\nexport * from './useFocusableGroup';\nexport * from './useFocusFinders';\nexport * from './useFocusVisible';\nexport * from './useFocusWithin';\nexport * from './useKeyboardNavAttribute';\nexport * from './useModalAttributes';\nexport * from './useTabsterAttributes';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA"}
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './useArrowNavigationGroup';\nexport * from './useFocusableGroup';\nexport * from './useFocusFinders';\nexport * from './useFocusVisible';\nexport * from './useFocusWithin';\nexport * from './useKeyboardNavAttribute';\nexport * from './useModalAttributes';\nexport * from './useTabsterAttributes';\nexport * from './useObservedElement';\nexport * from './useFocusObserved';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA"}
|
@@ -0,0 +1,30 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
3
|
+
value: true
|
4
|
+
});
|
5
|
+
Object.defineProperty(exports, "useFocusObserved", {
|
6
|
+
enumerable: true,
|
7
|
+
get: ()=>useFocusObserved
|
8
|
+
});
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
11
|
+
const _tabster = require("tabster");
|
12
|
+
const _useTabster = require("./useTabster");
|
13
|
+
function useFocusObserved(name, options = {}) {
|
14
|
+
const { timeout =1000 } = options;
|
15
|
+
const tabster = (0, _useTabster.useTabster)();
|
16
|
+
const observedAPI = tabster ? (0, _tabster.getObservedElement)(tabster) : null;
|
17
|
+
return _react.useCallback(()=>{
|
18
|
+
if (observedAPI) {
|
19
|
+
return observedAPI.requestFocus(name, timeout);
|
20
|
+
}
|
21
|
+
return {
|
22
|
+
result: Promise.resolve(false),
|
23
|
+
cancel: ()=>null
|
24
|
+
};
|
25
|
+
}, [
|
26
|
+
observedAPI,
|
27
|
+
name,
|
28
|
+
timeout
|
29
|
+
]);
|
30
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["useFocusObserved.js"],"sourcesContent":["import * as React from 'react';\nimport { getObservedElement } from 'tabster';\nimport { useTabster } from './useTabster';\n/**\n *\n * @param name - The observed element to focus\n * @returns Function that will focus the\n */ export function useFocusObserved(name, options = {}) {\n const { timeout =1000 } = options;\n const tabster = useTabster();\n const observedAPI = tabster ? getObservedElement(tabster) : null;\n return React.useCallback(()=>{\n if (observedAPI) {\n return observedAPI.requestFocus(name, timeout);\n }\n return {\n result: Promise.resolve(false),\n cancel: ()=>null\n };\n }, [\n observedAPI,\n name,\n timeout\n ]);\n}\n"],"names":["useFocusObserved","name","options","timeout","tabster","useTabster","observedAPI","getObservedElement","React","useCallback","requestFocus","result","Promise","resolve","cancel"],"mappings":";;;;+BAOoBA;;aAAAA;;;6DAPG;yBACY;4BACR;AAKhB,SAASA,iBAAiBC,IAAI,EAAEC,UAAU,CAAC,CAAC,EAAE;IACrD,MAAM,EAAEC,SAAS,KAAI,EAAG,GAAGD;IAC3B,MAAME,UAAUC,IAAAA,sBAAU;IAC1B,MAAMC,cAAcF,UAAUG,IAAAA,2BAAkB,EAACH,WAAW,IAAI;IAChE,OAAOI,OAAMC,WAAW,CAAC,IAAI;QACzB,IAAIH,aAAa;YACb,OAAOA,YAAYI,YAAY,CAACT,MAAME;QAC1C,CAAC;QACD,OAAO;YACHQ,QAAQC,QAAQC,OAAO,CAAC,KAAK;YAC7BC,QAAQ,IAAI,IAAI;QACpB;IACJ,GAAG;QACCR;QACAL;QACAE;KACH;AACL"}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
3
|
+
value: true
|
4
|
+
});
|
5
|
+
Object.defineProperty(exports, "useObservedElement", {
|
6
|
+
enumerable: true,
|
7
|
+
get: ()=>useObservedElement
|
8
|
+
});
|
9
|
+
const _useTabster = require("./useTabster");
|
10
|
+
const _tabster = require("tabster");
|
11
|
+
const _useTabsterAttributes = require("./useTabsterAttributes");
|
12
|
+
function useObservedElement(name) {
|
13
|
+
const tabster = (0, _useTabster.useTabster)();
|
14
|
+
if (tabster) {
|
15
|
+
(0, _tabster.getObservedElement)(tabster);
|
16
|
+
}
|
17
|
+
return (0, _useTabsterAttributes.useTabsterAttributes)({
|
18
|
+
observed: {
|
19
|
+
names: Array.isArray(name) ? name : [
|
20
|
+
name
|
21
|
+
]
|
22
|
+
}
|
23
|
+
});
|
24
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["useObservedElement.js"],"sourcesContent":["import { useTabster } from './useTabster';\nimport { getObservedElement } from 'tabster';\nimport { useTabsterAttributes } from './useTabsterAttributes';\nexport function useObservedElement(name) {\n const tabster = useTabster();\n if (tabster) {\n getObservedElement(tabster);\n }\n return useTabsterAttributes({\n observed: {\n names: Array.isArray(name) ? name : [\n name\n ]\n }\n });\n}\n"],"names":["useObservedElement","name","tabster","useTabster","getObservedElement","useTabsterAttributes","observed","names","Array","isArray"],"mappings":";;;;+BAGgBA;;aAAAA;;4BAHW;yBACQ;sCACE;AAC9B,SAASA,mBAAmBC,IAAI,EAAE;IACrC,MAAMC,UAAUC,IAAAA,sBAAU;IAC1B,IAAID,SAAS;QACTE,IAAAA,2BAAkB,EAACF;IACvB,CAAC;IACD,OAAOG,IAAAA,0CAAoB,EAAC;QACxBC,UAAU;YACNC,OAAOC,MAAMC,OAAO,CAACR,QAAQA,OAAO;gBAChCA;aACH;QACL;IACJ;AACJ"}
|
package/lib-commonjs/index.js
CHANGED
@@ -17,6 +17,8 @@ _export(exports, {
|
|
17
17
|
useKeyboardNavAttribute: ()=>_index.useKeyboardNavAttribute,
|
18
18
|
useModalAttributes: ()=>_index.useModalAttributes,
|
19
19
|
useTabsterAttributes: ()=>_index.useTabsterAttributes,
|
20
|
+
useObservedElement: ()=>_index.useObservedElement,
|
21
|
+
useFocusObserved: ()=>_index.useFocusObserved,
|
20
22
|
createCustomFocusIndicatorStyle: ()=>_index1.createCustomFocusIndicatorStyle,
|
21
23
|
createFocusOutlineStyle: ()=>_index1.createFocusOutlineStyle,
|
22
24
|
applyFocusVisiblePolyfill: ()=>_index1.applyFocusVisiblePolyfill
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export { useArrowNavigationGroup, useFocusableGroup, useFocusFinders, useFocusVisible, useFocusWithin, useKeyboardNavAttribute, useModalAttributes, useTabsterAttributes } from './hooks/index';\nexport { createCustomFocusIndicatorStyle, createFocusOutlineStyle } from './focus/index';\nexport { applyFocusVisiblePolyfill } from './focus/index';\n"],"names":["useArrowNavigationGroup","useFocusableGroup","useFocusFinders","useFocusVisible","useFocusWithin","useKeyboardNavAttribute","useModalAttributes","useTabsterAttributes","createCustomFocusIndicatorStyle","createFocusOutlineStyle","applyFocusVisiblePolyfill"],"mappings":";;;;;;;;;;;IAASA,uBAAuB,MAAvBA,8BAAuB;IAAEC,iBAAiB,MAAjBA,wBAAiB;IAAEC,eAAe,MAAfA,sBAAe;IAAEC,eAAe,MAAfA,sBAAe;IAAEC,cAAc,MAAdA,qBAAc;IAAEC,uBAAuB,MAAvBA,8BAAuB;IAAEC,kBAAkB,MAAlBA,yBAAkB;IAAEC,oBAAoB,MAApBA,2BAAoB;
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export { useArrowNavigationGroup, useFocusableGroup, useFocusFinders, useFocusVisible, useFocusWithin, useKeyboardNavAttribute, useModalAttributes, useTabsterAttributes, useObservedElement, useFocusObserved } from './hooks/index';\nexport { createCustomFocusIndicatorStyle, createFocusOutlineStyle } from './focus/index';\nexport { applyFocusVisiblePolyfill } from './focus/index';\n"],"names":["useArrowNavigationGroup","useFocusableGroup","useFocusFinders","useFocusVisible","useFocusWithin","useKeyboardNavAttribute","useModalAttributes","useTabsterAttributes","useObservedElement","useFocusObserved","createCustomFocusIndicatorStyle","createFocusOutlineStyle","applyFocusVisiblePolyfill"],"mappings":";;;;;;;;;;;IAASA,uBAAuB,MAAvBA,8BAAuB;IAAEC,iBAAiB,MAAjBA,wBAAiB;IAAEC,eAAe,MAAfA,sBAAe;IAAEC,eAAe,MAAfA,sBAAe;IAAEC,cAAc,MAAdA,qBAAc;IAAEC,uBAAuB,MAAvBA,8BAAuB;IAAEC,kBAAkB,MAAlBA,yBAAkB;IAAEC,oBAAoB,MAApBA,2BAAoB;IAAEC,kBAAkB,MAAlBA,yBAAkB;IAAEC,gBAAgB,MAAhBA,uBAAgB;IACrMC,+BAA+B,MAA/BA,uCAA+B;IAAEC,uBAAuB,MAAvBA,+BAAuB;IACxDC,yBAAyB,MAAzBA,iCAAyB;;uBAFoL;wBAC7I"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-tabster",
|
3
|
-
"version": "9.
|
3
|
+
"version": "9.9.0",
|
4
4
|
"description": "Utilities for focus management and facade for tabster",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -33,7 +33,7 @@
|
|
33
33
|
"dependencies": {
|
34
34
|
"@fluentui/react-shared-contexts": "^9.5.1",
|
35
35
|
"@fluentui/react-theme": "^9.1.9",
|
36
|
-
"@fluentui/react-utilities": "^9.9.
|
36
|
+
"@fluentui/react-utilities": "^9.9.4",
|
37
37
|
"@griffel/react": "^1.5.7",
|
38
38
|
"@swc/helpers": "^0.4.14",
|
39
39
|
"keyborg": "^2.0.0",
|