@fluentui/react-tabster 9.0.0-nightly.f81b28ceb3.1 → 9.0.0-rc.1

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.
Files changed (48) hide show
  1. package/CHANGELOG.json +207 -14
  2. package/CHANGELOG.md +54 -9
  3. package/dist/react-tabster.d.ts +10 -27
  4. package/lib/hooks/useArrowNavigationGroup.js +2 -2
  5. package/lib/hooks/useArrowNavigationGroup.js.map +1 -1
  6. package/lib/hooks/useFocusFinders.d.ts +3 -2
  7. package/lib/hooks/useFocusFinders.js +25 -33
  8. package/lib/hooks/useFocusFinders.js.map +1 -1
  9. package/lib/hooks/useFocusIndicatorStyle.d.ts +6 -7
  10. package/lib/hooks/useFocusIndicatorStyle.js +40 -52
  11. package/lib/hooks/useFocusIndicatorStyle.js.map +1 -1
  12. package/lib/hooks/useFocusableGroup.d.ts +2 -16
  13. package/lib/hooks/useFocusableGroup.js +19 -22
  14. package/lib/hooks/useFocusableGroup.js.map +1 -1
  15. package/lib/hooks/useKeyboardNavAttribute.js +9 -11
  16. package/lib/hooks/useKeyboardNavAttribute.js.map +1 -1
  17. package/lib/hooks/useModalAttributes.js +12 -14
  18. package/lib/hooks/useModalAttributes.js.map +1 -1
  19. package/lib/hooks/useTabster.js +8 -5
  20. package/lib/hooks/useTabster.js.map +1 -1
  21. package/lib/hooks/useTabsterAttributes.js +1 -1
  22. package/lib/hooks/useTabsterAttributes.js.map +1 -1
  23. package/lib/symbols.js +2 -2
  24. package/lib/symbols.js.map +1 -1
  25. package/lib-commonjs/hooks/index.js +1 -1
  26. package/lib-commonjs/hooks/useArrowNavigationGroup.js +5 -5
  27. package/lib-commonjs/hooks/useArrowNavigationGroup.js.map +1 -1
  28. package/lib-commonjs/hooks/useFocusFinders.d.ts +3 -2
  29. package/lib-commonjs/hooks/useFocusFinders.js +27 -35
  30. package/lib-commonjs/hooks/useFocusFinders.js.map +1 -1
  31. package/lib-commonjs/hooks/useFocusIndicatorStyle.d.ts +6 -7
  32. package/lib-commonjs/hooks/useFocusIndicatorStyle.js +41 -53
  33. package/lib-commonjs/hooks/useFocusIndicatorStyle.js.map +1 -1
  34. package/lib-commonjs/hooks/useFocusableGroup.d.ts +2 -16
  35. package/lib-commonjs/hooks/useFocusableGroup.js +23 -26
  36. package/lib-commonjs/hooks/useFocusableGroup.js.map +1 -1
  37. package/lib-commonjs/hooks/useKeyboardNavAttribute.js +13 -15
  38. package/lib-commonjs/hooks/useKeyboardNavAttribute.js.map +1 -1
  39. package/lib-commonjs/hooks/useModalAttributes.js +16 -18
  40. package/lib-commonjs/hooks/useModalAttributes.js.map +1 -1
  41. package/lib-commonjs/hooks/useTabster.js +10 -7
  42. package/lib-commonjs/hooks/useTabster.js.map +1 -1
  43. package/lib-commonjs/hooks/useTabsterAttributes.js +3 -3
  44. package/lib-commonjs/hooks/useTabsterAttributes.js.map +1 -1
  45. package/lib-commonjs/index.js +1 -1
  46. package/lib-commonjs/symbols.js +1 -1
  47. package/lib-commonjs/symbols.js.map +1 -1
  48. package/package.json +10 -11
package/CHANGELOG.json CHANGED
@@ -2,40 +2,233 @@
2
2
  "name": "@fluentui/react-tabster",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 19 Oct 2021 12:39:14 GMT",
6
- "tag": "@fluentui/react-tabster_v9.0.0-nightly.f81b28ceb3.1",
7
- "version": "9.0.0-nightly.f81b28ceb3.1",
5
+ "date": "Thu, 10 Feb 2022 08:44:08 GMT",
6
+ "tag": "@fluentui/react-tabster_v9.0.0-rc.1",
7
+ "version": "9.0.0-rc.1",
8
8
  "comments": {
9
- "prerelease": [
9
+ "none": [
10
+ {
11
+ "author": "martinhochel@microsoft.com",
12
+ "package": "@fluentui/react-tabster",
13
+ "commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
14
+ "comment": "chore: use storybook runner for all vNext packages"
15
+ },
10
16
  {
11
17
  "author": "email not defined",
12
18
  "package": "@fluentui/react-tabster",
13
- "comment": "Release nightly v9",
14
- "commit": "0ae8560ad3e7b4cb03f3f47152dfce2f81523cca"
19
+ "commit": "97752a0e494875c4dc22b268030d7d5e51b19211",
20
+ "comment": "Add workaround for cypress bug"
21
+ },
22
+ {
23
+ "author": "olfedias@microsoft.com",
24
+ "package": "@fluentui/react-tabster",
25
+ "commit": "71ff89870b52cd0e2319a5d568603a710c3ad367",
26
+ "comment": "update tooling configs"
27
+ },
28
+ {
29
+ "author": "lingfangao@hotmail.com",
30
+ "package": "@fluentui/react-tabster",
31
+ "commit": "989c43132491b61ed7c6da70100ca4f9aac8173a",
32
+ "comment": "Fix version mismatches"
33
+ },
34
+ {
35
+ "author": "olfedias@microsoft.com",
36
+ "package": "@fluentui/react-tabster",
37
+ "commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
38
+ "comment": "remove inline-style-expand-shorthand from tsconfigs"
39
+ }
40
+ ],
41
+ "prerelease": [
42
+ {
43
+ "author": "lingfangao@hotmail.com",
44
+ "package": "@fluentui/react-tabster",
45
+ "commit": "95a6a32cbffa9d86d6017cf8e0204d4b459ef370",
46
+ "comment": "feat: Support `options` for `findNextFocusable` and `findPrevFocusable` focus finders"
47
+ },
48
+ {
49
+ "author": "lingfangao@hotmail.com",
50
+ "package": "@fluentui/react-tabster",
51
+ "commit": "f4274932701c7210e191a2982c2d2410f8657fe6",
52
+ "comment": "chore: Bump tabster and keyborg versions"
53
+ },
54
+ {
55
+ "author": "olfedias@microsoft.com",
56
+ "package": "@fluentui/react-tabster",
57
+ "commit": "ebc62b16de199691794df12080d89b77979d1131",
58
+ "comment": "use Griffel packages"
59
+ },
60
+ {
61
+ "author": "lingfangao@hotmail.com",
62
+ "package": "@fluentui/react-tabster",
63
+ "commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
64
+ "comment": "Bump Fluent UI packages to 9.0.0-rc"
65
+ },
66
+ {
67
+ "author": "olfedias@microsoft.com",
68
+ "package": "@fluentui/react-tabster",
69
+ "commit": "a76afe26daad901ff5458ffdda7e66e600d5bcac",
70
+ "comment": "use new types from makeStyles core"
71
+ },
72
+ {
73
+ "author": "Humberto.Morimoto@microsoft.com",
74
+ "package": "@fluentui/react-tabster",
75
+ "commit": "38c8bed2c707014688ae2ae689033fa36ef23075",
76
+ "comment": "react-tabster: Replacing use of functions in makeStyles with direct use of tokens."
77
+ },
78
+ {
79
+ "author": "lingfangao@hotmail.com",
80
+ "package": "@fluentui/react-tabster",
81
+ "commit": "ff9ad1d4fe5682173c497f6ddf0ee1d7bddd6800",
82
+ "comment": "chore: bump tabster to 1.1.1 - removes IE11 support"
83
+ },
84
+ {
85
+ "author": "olfedias@microsoft.com",
86
+ "package": "@fluentui/react-tabster",
87
+ "commit": "967d6b74cf0507685a24e0cfaa8c7b9d52a351e1",
88
+ "comment": "update styles to not use CSS shorthands"
89
+ },
90
+ {
91
+ "author": "beachball",
92
+ "package": "@fluentui/react-tabster",
93
+ "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.1",
94
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
95
+ },
96
+ {
97
+ "author": "beachball",
98
+ "package": "@fluentui/react-tabster",
99
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
100
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
101
+ }
102
+ ]
103
+ }
104
+ },
105
+ {
106
+ "date": "Thu, 25 Nov 2021 08:34:17 GMT",
107
+ "tag": "@fluentui/react-tabster_v9.0.0-beta.5",
108
+ "version": "9.0.0-beta.5",
109
+ "comments": {
110
+ "prerelease": [
111
+ {
112
+ "author": "beachball",
113
+ "package": "@fluentui/react-tabster",
114
+ "comment": "Bump @fluentui/make-styles to v9.0.0-beta.3",
115
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
116
+ },
117
+ {
118
+ "author": "beachball",
119
+ "package": "@fluentui/react-tabster",
120
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
121
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
122
+ },
123
+ {
124
+ "author": "beachball",
125
+ "package": "@fluentui/react-tabster",
126
+ "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.4",
127
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
128
+ },
129
+ {
130
+ "author": "beachball",
131
+ "package": "@fluentui/react-tabster",
132
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
133
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
134
+ }
135
+ ]
136
+ }
137
+ },
138
+ {
139
+ "date": "Fri, 12 Nov 2021 13:25:07 GMT",
140
+ "tag": "@fluentui/react-tabster_v9.0.0-beta.4",
141
+ "version": "9.0.0-beta.4",
142
+ "comments": {
143
+ "prerelease": [
144
+ {
145
+ "author": "andredias@microsoft.com",
146
+ "package": "@fluentui/react-tabster",
147
+ "commit": "bdd19e2bb827fc1d8eb329e6ed48cd0542048358",
148
+ "comment": "Add useFocusableGroup hook"
149
+ },
150
+ {
151
+ "author": "lingfangao@hotmail.com",
152
+ "package": "@fluentui/react-tabster",
153
+ "commit": "ed2d7c8d638535c89e24e3c3de3534c4fae30172",
154
+ "comment": "Use uncontrolled tabbing by default"
155
+ },
156
+ {
157
+ "author": "gcox@microsoft.com",
158
+ "package": "@fluentui/react-tabster",
159
+ "commit": "c9bd5b5a02ae94a8239ce1b56cac2f0d0dbd3586",
160
+ "comment": "Updated beta and RC components to ES2019"
161
+ },
162
+ {
163
+ "author": "lingfangao@hotmail.com",
164
+ "package": "@fluentui/react-tabster",
165
+ "commit": "da10ba8b6cca0c4cf921dc176bb9b7ea57fde9fa",
166
+ "comment": "Bump tabster and keyborg to 1.0.7"
167
+ },
168
+ {
169
+ "author": "beachball",
170
+ "package": "@fluentui/react-tabster",
171
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
172
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
173
+ },
174
+ {
175
+ "author": "beachball",
176
+ "package": "@fluentui/react-tabster",
177
+ "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.3",
178
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
179
+ },
180
+ {
181
+ "author": "beachball",
182
+ "package": "@fluentui/react-tabster",
183
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
184
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
185
+ }
186
+ ],
187
+ "none": [
188
+ {
189
+ "author": "lingfangao@hotmail.com",
190
+ "package": "@fluentui/react-tabster",
191
+ "commit": "00f70581480b536e723fb69edf0ae617beac4807",
192
+ "comment": "Remove beta release tag"
193
+ }
194
+ ]
195
+ }
196
+ },
197
+ {
198
+ "date": "Wed, 27 Oct 2021 12:14:22 GMT",
199
+ "tag": "@fluentui/react-tabster_v9.0.0-beta.3",
200
+ "version": "9.0.0-beta.3",
201
+ "comments": {
202
+ "prerelease": [
203
+ {
204
+ "author": "peter@draxler.ml",
205
+ "package": "@fluentui/react-tabster",
206
+ "commit": "f6db7c8d6b7db0902775e7857b62b745be35b59a",
207
+ "comment": "added styling of documentation"
15
208
  },
16
209
  {
17
210
  "author": "beachball",
18
211
  "package": "@fluentui/react-tabster",
19
- "comment": "Bump @fluentui/make-styles to v9.0.0-nightly.f81b28ceb3.1",
20
- "commit": "0ae8560ad3e7b4cb03f3f47152dfce2f81523cca"
212
+ "comment": "Bump @fluentui/make-styles to v9.0.0-beta.2",
213
+ "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
21
214
  },
22
215
  {
23
216
  "author": "beachball",
24
217
  "package": "@fluentui/react-tabster",
25
- "comment": "Bump @fluentui/react-make-styles to v9.0.0-nightly.f81b28ceb3.1",
26
- "commit": "0ae8560ad3e7b4cb03f3f47152dfce2f81523cca"
218
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.2",
219
+ "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
27
220
  },
28
221
  {
29
222
  "author": "beachball",
30
223
  "package": "@fluentui/react-tabster",
31
- "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-nightly.f81b28ceb3.1",
32
- "commit": "0ae8560ad3e7b4cb03f3f47152dfce2f81523cca"
224
+ "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.2",
225
+ "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
33
226
  },
34
227
  {
35
228
  "author": "beachball",
36
229
  "package": "@fluentui/react-tabster",
37
- "comment": "Bump @fluentui/react-utilities to v9.0.0-nightly.f81b28ceb3.1",
38
- "commit": "0ae8560ad3e7b4cb03f3f47152dfce2f81523cca"
230
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.2",
231
+ "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
39
232
  }
40
233
  ]
41
234
  }
package/CHANGELOG.md CHANGED
@@ -1,21 +1,66 @@
1
1
  # Change Log - @fluentui/react-tabster
2
2
 
3
- This log was last generated on Tue, 19 Oct 2021 12:39:14 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 10 Feb 2022 08:44:08 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [9.0.0-nightly.f81b28ceb3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.0.0-nightly.f81b28ceb3.1)
7
+ ## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.0.0-rc.1)
8
8
 
9
- Tue, 19 Oct 2021 12:39:14 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.0.0-beta.2..@fluentui/react-tabster_v9.0.0-nightly.f81b28ceb3.1)
9
+ Thu, 10 Feb 2022 08:44:08 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.0.0-beta.5..@fluentui/react-tabster_v9.0.0-rc.1)
11
11
 
12
12
  ### Changes
13
13
 
14
- - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/0ae8560ad3e7b4cb03f3f47152dfce2f81523cca) by email not defined)
15
- - Bump @fluentui/make-styles to v9.0.0-nightly.f81b28ceb3.1 ([commit](https://github.com/microsoft/fluentui/commit/0ae8560ad3e7b4cb03f3f47152dfce2f81523cca) by beachball)
16
- - Bump @fluentui/react-make-styles to v9.0.0-nightly.f81b28ceb3.1 ([commit](https://github.com/microsoft/fluentui/commit/0ae8560ad3e7b4cb03f3f47152dfce2f81523cca) by beachball)
17
- - Bump @fluentui/react-shared-contexts to v9.0.0-nightly.f81b28ceb3.1 ([commit](https://github.com/microsoft/fluentui/commit/0ae8560ad3e7b4cb03f3f47152dfce2f81523cca) by beachball)
18
- - Bump @fluentui/react-utilities to v9.0.0-nightly.f81b28ceb3.1 ([commit](https://github.com/microsoft/fluentui/commit/0ae8560ad3e7b4cb03f3f47152dfce2f81523cca) by beachball)
14
+ - feat: Support `options` for `findNextFocusable` and `findPrevFocusable` focus finders ([PR #21095](https://github.com/microsoft/fluentui/pull/21095) by lingfangao@hotmail.com)
15
+ - chore: Bump tabster and keyborg versions ([PR #20889](https://github.com/microsoft/fluentui/pull/20889) by lingfangao@hotmail.com)
16
+ - use Griffel packages ([PR #21419](https://github.com/microsoft/fluentui/pull/21419) by olfedias@microsoft.com)
17
+ - Bump Fluent UI packages to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
18
+ - use new types from makeStyles core ([PR #20786](https://github.com/microsoft/fluentui/pull/20786) by olfedias@microsoft.com)
19
+ - react-tabster: Replacing use of functions in makeStyles with direct use of tokens. ([PR #21035](https://github.com/microsoft/fluentui/pull/21035) by Humberto.Morimoto@microsoft.com)
20
+ - chore: bump tabster to 1.1.1 - removes IE11 support ([PR #21319](https://github.com/microsoft/fluentui/pull/21319) by lingfangao@hotmail.com)
21
+ - update styles to not use CSS shorthands ([PR #20842](https://github.com/microsoft/fluentui/pull/20842) by olfedias@microsoft.com)
22
+ - Bump @fluentui/react-shared-contexts to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
23
+ - Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
24
+
25
+ ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.0.0-beta.5)
26
+
27
+ Thu, 25 Nov 2021 08:34:17 GMT
28
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.0.0-beta.4..@fluentui/react-tabster_v9.0.0-beta.5)
29
+
30
+ ### Changes
31
+
32
+ - Bump @fluentui/make-styles to v9.0.0-beta.3 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
33
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
34
+ - Bump @fluentui/react-shared-contexts to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
35
+ - Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
36
+
37
+ ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.0.0-beta.4)
38
+
39
+ Fri, 12 Nov 2021 13:25:07 GMT
40
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.0.0-beta.3..@fluentui/react-tabster_v9.0.0-beta.4)
41
+
42
+ ### Changes
43
+
44
+ - Add useFocusableGroup hook ([PR #20132](https://github.com/microsoft/fluentui/pull/20132) by andredias@microsoft.com)
45
+ - Use uncontrolled tabbing by default ([PR #20571](https://github.com/microsoft/fluentui/pull/20571) by lingfangao@hotmail.com)
46
+ - Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
47
+ - Bump tabster and keyborg to 1.0.7 ([PR #20593](https://github.com/microsoft/fluentui/pull/20593) by lingfangao@hotmail.com)
48
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
49
+ - Bump @fluentui/react-shared-contexts to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
50
+ - Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
51
+
52
+ ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.0.0-beta.3)
53
+
54
+ Wed, 27 Oct 2021 12:14:22 GMT
55
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.0.0-beta.2..@fluentui/react-tabster_v9.0.0-beta.3)
56
+
57
+ ### Changes
58
+
59
+ - added styling of documentation ([PR #20193](https://github.com/microsoft/fluentui/pull/20193) by peter@draxler.ml)
60
+ - Bump @fluentui/make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
61
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
62
+ - Bump @fluentui/react-shared-contexts to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
63
+ - Bump @fluentui/react-utilities to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
19
64
 
20
65
  ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.0.0-beta.2)
21
66
 
package/dist/react-tabster.d.ts CHANGED
@@ -1,16 +1,14 @@
1
- import type { MakeStyles } from '@fluentui/make-styles';
2
- import type { MakeStylesStyleRule } from '@fluentui/make-styles';
1
+ import type { GriffelStyle } from '@griffel/react';
3
2
  import type { RefObject } from 'react';
4
- import type { Theme } from '@fluentui/react-theme';
5
3
  import { Types } from 'tabster';
6
4
 
7
5
  /**
8
- * Creates a style rule for @see makeStyles that includes the necessary selectors for focus.
6
+ * Creates a style for @see makeStyles that includes the necessary selectors for focus.
9
7
  * Should be used only when @see createFocusOutlineStyle does not fit requirements
10
8
  *
11
- * @param rule - styling applied on focus, defaults to @see getDefaultFocusOutlineStyes
9
+ * @param style - styling applied on focus, defaults to @see getDefaultFocusOutlineStyes
12
10
  */
13
- export declare const createCustomFocusIndicatorStyle: (rule: MakeStylesStyleRule<Theme>, options?: CreateFocusIndicatorStyleRuleOptions) => MakeStylesStyleRule<Theme>;
11
+ export declare const createCustomFocusIndicatorStyle: (style: GriffelStyle, options?: CreateFocusIndicatorStyleRuleOptions) => GriffelStyle;
14
12
 
15
13
  export declare interface CreateFocusIndicatorStyleRuleOptions {
16
14
  selector?: 'focus' | 'focus-within';
@@ -24,24 +22,9 @@ export declare interface CreateFocusIndicatorStyleRuleOptions {
24
22
  * @param options - Configure the style of the focus outline
25
23
  * @returns focus outline styles object for @see makeStyles
26
24
  */
27
- export declare const createFocusOutlineStyle: (theme: Theme, options?: {
25
+ export declare const createFocusOutlineStyle: (options?: {
28
26
  style: Partial<FocusOutlineStyleOptions>;
29
- } & CreateFocusIndicatorStyleRuleOptions) => MakeStyles;
30
-
31
- export declare enum FocusableGroupTabBehavior {
32
- /**
33
- * Tab will cycle into and out of the groupper content.
34
- */
35
- Unlimited,
36
- /**
37
- * Tab will cycle out of the container, but not into it.
38
- */
39
- Limited,
40
- /**
41
- * Tab only cycles the inner elements.
42
- */
43
- LimitedTrapFocus
44
- }
27
+ } & CreateFocusIndicatorStyleRuleOptions) => GriffelStyle;
45
28
 
46
29
  export declare type FocusOutlineOffset = Record<'top' | 'bottom' | 'left' | 'right', string>;
47
30
 
@@ -87,9 +70,9 @@ export declare const useFocusableGroup: (options?: UseFocusableGroupOptions | un
87
70
 
88
71
  export declare interface UseFocusableGroupOptions {
89
72
  /**
90
- * Type of TAB key interaction.
73
+ * Behavior for the Tab key.
91
74
  */
92
- tabBehavior?: FocusableGroupTabBehavior;
75
+ tabBehavior?: 'unlimited' | 'limited' | 'limitedTrapFocus';
93
76
  }
94
77
 
95
78
  /**
@@ -99,8 +82,8 @@ export declare const useFocusFinders: () => {
99
82
  findAllFocusable: (container: HTMLElement, acceptCondition: (el: HTMLElement) => boolean) => HTMLElement[];
100
83
  findFirstFocusable: (container: HTMLElement) => HTMLElement | null | undefined;
101
84
  findLastFocusable: (container: HTMLElement) => HTMLElement | null | undefined;
102
- findNextFocusable: (currentElement: HTMLElement) => HTMLElement | null | undefined;
103
- findPrevFocusable: (currentElement: HTMLElement) => HTMLElement | null | undefined;
85
+ findNextFocusable: (currentElement: HTMLElement, options?: Pick<Types.FindNextProps, 'container'>) => HTMLElement | null | undefined;
86
+ findPrevFocusable: (currentElement: HTMLElement, options?: Pick<Types.FindNextProps, 'container'>) => HTMLElement | null | undefined;
104
87
  };
105
88
 
106
89
  /**
package/lib/hooks/useArrowNavigationGroup.js CHANGED
@@ -6,10 +6,10 @@ import { useTabster } from './useTabster';
6
6
  * @param options - Options to configure keyboard navigation
7
7
  */
8
8
 
9
- export var useArrowNavigationGroup = function (options) {
9
+ export const useArrowNavigationGroup = options => {
10
10
  var _a;
11
11
 
12
- var tabster = useTabster();
12
+ const tabster = useTabster();
13
13
 
14
14
  if (tabster) {
15
15
  getMover(tabster);
package/lib/hooks/useArrowNavigationGroup.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/hooks/useArrowNavigationGroup.ts"],"names":[],"mappings":"AAAA,SAAS,KAAT,EAAgB,QAAhB,QAAgC,SAAhC;AACA,SAAS,oBAAT,QAAqC,wBAArC;AACA,SAAS,UAAT,QAA2B,cAA3B;AAmBA;;;AAGG;;AACH,OAAO,IAAM,uBAAuB,GAAG,UAAC,OAAD,EAAyC;;;AAC9E,MAAM,OAAO,GAAG,UAAU,EAA1B;;AAEA,MAAI,OAAJ,EAAa;AACX,IAAA,QAAQ,CAAC,OAAD,CAAR;AACD;;AAED,SAAO,oBAAoB,CAAC;AAC1B,IAAA,KAAK,EAAE;AACL,MAAA,MAAM,EAAE,CAAC,EAAC,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,QAAV,CADJ;AAEL,MAAA,SAAS,EAAE,oBAAoB,CAAA,CAAA,EAAA,GAAC,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,IAAV,MAAc,IAAd,IAAc,EAAA,KAAA,KAAA,CAAd,GAAc,EAAd,GAAkB,UAAlB,CAF1B;AAGL,MAAA,eAAe,EAAE,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE;AAHrB;AADmB,GAAD,CAA3B;AAOD,CAdM;;AAgBP,SAAS,oBAAT,CAA8B,IAA9B,EAA0E;AACxE,UAAQ,IAAR;AACE,SAAK,YAAL;AACE,aAAO,KAAK,CAAC,eAAN,CAAsB,UAA7B;;AAEF,SAAK,UAAL;AACA;AACE,aAAO,KAAK,CAAC,eAAN,CAAsB,QAA7B;AANJ;AAQD","sourceRoot":""}
1
+ {"version":3,"sources":["../../src/hooks/useArrowNavigationGroup.ts"],"names":[],"mappings":"AAAA,SAAS,KAAT,EAAgB,QAAhB,QAAgC,SAAhC;AACA,SAAS,oBAAT,QAAqC,wBAArC;AACA,SAAS,UAAT,QAA2B,cAA3B;AAmBA;;;AAGG;;AACH,OAAO,MAAM,uBAAuB,GAAI,OAAD,IAA6C;;;AAClF,QAAM,OAAO,GAAG,UAAU,EAA1B;;AAEA,MAAI,OAAJ,EAAa;AACX,IAAA,QAAQ,CAAC,OAAD,CAAR;AACD;;AAED,SAAO,oBAAoB,CAAC;AAC1B,IAAA,KAAK,EAAE;AACL,MAAA,MAAM,EAAE,CAAC,EAAC,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,QAAV,CADJ;AAEL,MAAA,SAAS,EAAE,oBAAoB,CAAC,CAAA,EAAA,GAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,IAAT,MAAa,IAAb,IAAa,EAAA,KAAA,KAAA,CAAb,GAAa,EAAb,GAAiB,UAAlB,CAF1B;AAGL,MAAA,eAAe,EAAE,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE;AAHrB;AADmB,GAAD,CAA3B;AAOD,CAdM;;AAgBP,SAAS,oBAAT,CAA8B,IAA9B,EAA0E;AACxE,UAAQ,IAAR;AACE,SAAK,YAAL;AACE,aAAO,KAAK,CAAC,eAAN,CAAsB,UAA7B;;AAEF,SAAK,UAAL;AACA;AACE,aAAO,KAAK,CAAC,eAAN,CAAsB,QAA7B;AANJ;AAQD","sourceRoot":""}
package/lib/hooks/useFocusFinders.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { Types as TabsterTypes } from 'tabster';
1
2
  /**
2
3
  * Returns a set of helper functions that will traverse focusable elements in the context of a root DOM element
3
4
  */
@@ -5,6 +6,6 @@ export declare const useFocusFinders: () => {
5
6
  findAllFocusable: (container: HTMLElement, acceptCondition: (el: HTMLElement) => boolean) => HTMLElement[];
6
7
  findFirstFocusable: (container: HTMLElement) => HTMLElement | null | undefined;
7
8
  findLastFocusable: (container: HTMLElement) => HTMLElement | null | undefined;
8
- findNextFocusable: (currentElement: HTMLElement) => HTMLElement | null | undefined;
9
- findPrevFocusable: (currentElement: HTMLElement) => HTMLElement | null | undefined;
9
+ findNextFocusable: (currentElement: HTMLElement, options?: Pick<TabsterTypes.FindNextProps, 'container'>) => HTMLElement | null | undefined;
10
+ findPrevFocusable: (currentElement: HTMLElement, options?: Pick<TabsterTypes.FindNextProps, 'container'>) => HTMLElement | null | undefined;
10
11
  };
package/lib/hooks/useFocusFinders.js CHANGED
@@ -4,41 +4,33 @@ import { useTabster } from './useTabster';
4
4
  * Returns a set of helper functions that will traverse focusable elements in the context of a root DOM element
5
5
  */
6
6
 
7
- export var useFocusFinders = function () {
8
- var tabster = useTabster(); // Narrow props for now and let need dictate additional props in the future
7
+ export const useFocusFinders = () => {
8
+ const tabster = useTabster(); // Narrow props for now and let need dictate additional props in the future
9
9
 
10
- var findAllFocusable = React.useCallback(function (container, acceptCondition) {
11
- return (tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findAll({
12
- container: container,
13
- acceptCondition: acceptCondition
14
- })) || [];
15
- }, [tabster]);
16
- var findFirstFocusable = React.useCallback(function (container) {
17
- return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findFirst({
18
- container: container
19
- });
20
- }, [tabster]);
21
- var findLastFocusable = React.useCallback(function (container) {
22
- return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findLast({
23
- container: container
24
- });
25
- }, [tabster]);
26
- var findNextFocusable = React.useCallback(function (currentElement) {
27
- return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findNext({
28
- currentElement: currentElement
29
- });
30
- }, [tabster]);
31
- var findPrevFocusable = React.useCallback(function (currentElement) {
32
- return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findPrev({
33
- currentElement: currentElement
34
- });
35
- }, [tabster]);
10
+ const findAllFocusable = React.useCallback((container, acceptCondition) => (tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findAll({
11
+ container,
12
+ acceptCondition
13
+ })) || [], [tabster]);
14
+ const findFirstFocusable = React.useCallback(container => tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findFirst({
15
+ container
16
+ }), [tabster]);
17
+ const findLastFocusable = React.useCallback(container => tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findLast({
18
+ container
19
+ }), [tabster]);
20
+ const findNextFocusable = React.useCallback((currentElement, options = {}) => tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findNext({
21
+ currentElement,
22
+ ...options
23
+ }), [tabster]);
24
+ const findPrevFocusable = React.useCallback((currentElement, options = {}) => tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findPrev({
25
+ currentElement,
26
+ ...options
27
+ }), [tabster]);
36
28
  return {
37
- findAllFocusable: findAllFocusable,
38
- findFirstFocusable: findFirstFocusable,
39
- findLastFocusable: findLastFocusable,
40
- findNextFocusable: findNextFocusable,
41
- findPrevFocusable: findPrevFocusable
29
+ findAllFocusable,
30
+ findFirstFocusable,
31
+ findLastFocusable,
32
+ findNextFocusable,
33
+ findPrevFocusable
42
34
  };
43
35
  };
44
36
  //# sourceMappingURL=useFocusFinders.js.map
package/lib/hooks/useFocusFinders.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/hooks/useFocusFinders.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,UAAT,QAA2B,cAA3B;AAEA;;AAEG;;AACH,OAAO,IAAM,eAAe,GAAG,YAAA;AAC7B,MAAM,OAAO,GAAG,UAAU,EAA1B,CAD6B,CAG7B;;AACA,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAN,CACvB,UAAC,SAAD,EAAyB,eAAzB,EAAsE;AACpE,WAAA,CAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,SAAT,CAAmB,OAAnB,CAA2B;AAAE,MAAA,SAAS,EAAA,SAAX;AAAa,MAAA,eAAe,EAAA;AAA5B,KAA3B,CAAA,KAA8D,EAA9D;AAAgE,GAF3C,EAGvB,CAAC,OAAD,CAHuB,CAAzB;AAMA,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAN,CACzB,UAAC,SAAD,EAAuB;AAAA,WAAK,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,SAAT,CAAmB,SAAnB,CAA6B;AAAE,MAAA,SAAS,EAAA;AAAX,KAA7B,CAAL;AAAgD,GAD9C,EAEzB,CAAC,OAAD,CAFyB,CAA3B;AAKA,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAN,CAAkB,UAAC,SAAD,EAAuB;AAAA,WAAK,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,SAAT,CAAmB,QAAnB,CAA4B;AAAE,MAAA,SAAS,EAAA;AAAX,KAA5B,CAAL;AAA+C,GAAxF,EAA0F,CAClH,OADkH,CAA1F,CAA1B;AAIA,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAN,CACxB,UAAC,cAAD,EAA4B;AAAA,WAAK,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,SAAT,CAAmB,QAAnB,CAA4B;AAAE,MAAA,cAAc,EAAA;AAAhB,KAA5B,CAAL;AAAoD,GADxD,EAExB,CAAC,OAAD,CAFwB,CAA1B;AAKA,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAN,CACxB,UAAC,cAAD,EAA4B;AAAA,WAAK,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,SAAT,CAAmB,QAAnB,CAA4B;AAAE,MAAA,cAAc,EAAA;AAAhB,KAA5B,CAAL;AAAoD,GADxD,EAExB,CAAC,OAAD,CAFwB,CAA1B;AAKA,SAAO;AACL,IAAA,gBAAgB,EAAA,gBADX;AAEL,IAAA,kBAAkB,EAAA,kBAFb;AAGL,IAAA,iBAAiB,EAAA,iBAHZ;AAIL,IAAA,iBAAiB,EAAA,iBAJZ;AAKL,IAAA,iBAAiB,EAAA;AALZ,GAAP;AAOD,CApCM","sourceRoot":""}
1
+ {"version":3,"sources":["../../src/hooks/useFocusFinders.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,SAAS,UAAT,QAA2B,cAA3B;AAEA;;AAEG;;AACH,OAAO,MAAM,eAAe,GAAG,MAAK;AAClC,QAAM,OAAO,GAAG,UAAU,EAA1B,CADkC,CAGlC;;AACA,QAAM,gBAAgB,GAAG,KAAK,CAAC,WAAN,CACvB,CAAC,SAAD,EAAyB,eAAzB,KACE,CAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,SAAT,CAAmB,OAAnB,CAA2B;AAAE,IAAA,SAAF;AAAa,IAAA;AAAb,GAA3B,CAAA,KAA8D,EAFzC,EAGvB,CAAC,OAAD,CAHuB,CAAzB;AAMA,QAAM,kBAAkB,GAAG,KAAK,CAAC,WAAN,CACxB,SAAD,IAA4B,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,SAAT,CAAmB,SAAnB,CAA6B;AAAE,IAAA;AAAF,GAA7B,CADH,EAEzB,CAAC,OAAD,CAFyB,CAA3B;AAKA,QAAM,iBAAiB,GAAG,KAAK,CAAC,WAAN,CAAmB,SAAD,IAA4B,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,SAAT,CAAmB,QAAnB,CAA4B;AAAE,IAAA;AAAF,GAA5B,CAA9C,EAA0F,CAClH,OADkH,CAA1F,CAA1B;AAIA,QAAM,iBAAiB,GAAG,KAAK,CAAC,WAAN,CACxB,CAAC,cAAD,EAA8B,OAAA,GAAyD,EAAvF,KACE,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,SAAT,CAAmB,QAAnB,CAA4B;AAAE,IAAA,cAAF;AAAkB,OAAG;AAArB,GAA5B,CAFsB,EAGxB,CAAC,OAAD,CAHwB,CAA1B;AAMA,QAAM,iBAAiB,GAAG,KAAK,CAAC,WAAN,CACxB,CAAC,cAAD,EAA8B,OAAA,GAAyD,EAAvF,KACE,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,SAAT,CAAmB,QAAnB,CAA4B;AAAE,IAAA,cAAF;AAAkB,OAAG;AAArB,GAA5B,CAFsB,EAGxB,CAAC,OAAD,CAHwB,CAA1B;AAMA,SAAO;AACL,IAAA,gBADK;AAEL,IAAA,kBAFK;AAGL,IAAA,iBAHK;AAIL,IAAA,iBAJK;AAKL,IAAA;AALK,GAAP;AAOD,CAtCM","sourceRoot":""}
package/lib/hooks/useFocusIndicatorStyle.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- import type { Theme } from '@fluentui/react-theme';
2
- import type { MakeStyles, MakeStylesStyleRule } from '@fluentui/make-styles';
1
+ import type { GriffelStyle } from '@griffel/react';
3
2
  export declare type FocusOutlineOffset = Record<'top' | 'bottom' | 'left' | 'right', string>;
4
3
  export declare type FocusOutlineStyleOptions = {
5
4
  /**
@@ -22,13 +21,13 @@ export interface CreateFocusIndicatorStyleRuleOptions {
22
21
  * @param options - Configure the style of the focus outline
23
22
  * @returns focus outline styles object for @see makeStyles
24
23
  */
25
- export declare const createFocusOutlineStyle: (theme: Theme, options?: {
24
+ export declare const createFocusOutlineStyle: (options?: {
26
25
  style: Partial<FocusOutlineStyleOptions>;
27
- } & CreateFocusIndicatorStyleRuleOptions) => MakeStyles;
26
+ } & CreateFocusIndicatorStyleRuleOptions) => GriffelStyle;
28
27
  /**
29
- * Creates a style rule for @see makeStyles that includes the necessary selectors for focus.
28
+ * Creates a style for @see makeStyles that includes the necessary selectors for focus.
30
29
  * Should be used only when @see createFocusOutlineStyle does not fit requirements
31
30
  *
32
- * @param rule - styling applied on focus, defaults to @see getDefaultFocusOutlineStyes
31
+ * @param style - styling applied on focus, defaults to @see getDefaultFocusOutlineStyes
33
32
  */
34
- export declare const createCustomFocusIndicatorStyle: (rule: MakeStylesStyleRule<Theme>, options?: CreateFocusIndicatorStyleRuleOptions) => MakeStylesStyleRule<Theme>;
33
+ export declare const createCustomFocusIndicatorStyle: (style: GriffelStyle, options?: CreateFocusIndicatorStyleRuleOptions) => GriffelStyle;