@fluentui/react-link 9.0.0-beta.1 → 9.0.0-beta.5
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 +197 -1
- package/CHANGELOG.md +57 -2
- package/dist/react-link.d.ts +2 -0
- package/lib/common/isConformant.js +2 -2
- package/lib/common/isConformant.js.map +1 -1
- package/lib/components/Link/Link.js +2 -2
- package/lib/components/Link/Link.js.map +1 -1
- package/lib/components/Link/renderLink.js +6 -7
- package/lib/components/Link/renderLink.js.map +1 -1
- package/lib/components/Link/useLink.js +18 -17
- package/lib/components/Link/useLink.js.map +1 -1
- package/lib/components/Link/useLinkState.js +13 -10
- package/lib/components/Link/useLinkState.js.map +1 -1
- package/lib/components/Link/useLinkStyles.d.ts +1 -0
- package/lib/components/Link/useLinkStyles.js +5 -4
- package/lib/components/Link/useLinkStyles.js.map +1 -1
- package/lib-commonjs/Link.js +1 -1
- package/lib-commonjs/common/isConformant.js +4 -4
- package/lib-commonjs/common/isConformant.js.map +1 -1
- package/lib-commonjs/components/Link/Link.js +6 -6
- package/lib-commonjs/components/Link/Link.js.map +1 -1
- package/lib-commonjs/components/Link/index.js +1 -1
- package/lib-commonjs/components/Link/renderLink.js +8 -10
- package/lib-commonjs/components/Link/renderLink.js.map +1 -1
- package/lib-commonjs/components/Link/useLink.js +20 -20
- package/lib-commonjs/components/Link/useLink.js.map +1 -1
- package/lib-commonjs/components/Link/useLinkState.js +14 -11
- package/lib-commonjs/components/Link/useLinkState.js.map +1 -1
- package/lib-commonjs/components/Link/useLinkStyles.d.ts +1 -0
- package/lib-commonjs/components/Link/useLinkStyles.js +9 -7
- package/lib-commonjs/components/Link/useLinkStyles.js.map +1 -1
- package/lib-commonjs/index.js +1 -1
- package/package.json +7 -8
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,203 @@
|
|
|
2
2
|
"name": "@fluentui/react-link",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Thu, 25 Nov 2021 08:31:35 GMT",
|
|
6
|
+
"tag": "@fluentui/react-link_v9.0.0-beta.5",
|
|
7
|
+
"version": "9.0.0-beta.5",
|
|
8
|
+
"comments": {
|
|
9
|
+
"prerelease": [
|
|
10
|
+
{
|
|
11
|
+
"author": "beachball",
|
|
12
|
+
"package": "@fluentui/react-link",
|
|
13
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
|
|
14
|
+
"commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui/react-link",
|
|
19
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-beta.5",
|
|
20
|
+
"commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui/react-link",
|
|
25
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
|
|
26
|
+
"commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui/react-link",
|
|
31
|
+
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
|
|
32
|
+
"commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui/react-link",
|
|
37
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4",
|
|
38
|
+
"commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "beachball",
|
|
42
|
+
"package": "@fluentui/react-link",
|
|
43
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4",
|
|
44
|
+
"commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
|
|
45
|
+
}
|
|
46
|
+
]
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"date": "Fri, 12 Nov 2021 13:25:26 GMT",
|
|
51
|
+
"tag": "@fluentui/react-link_v9.0.0-beta.4",
|
|
52
|
+
"version": "9.0.0-beta.4",
|
|
53
|
+
"comments": {
|
|
54
|
+
"prerelease": [
|
|
55
|
+
{
|
|
56
|
+
"author": "olfedias@microsoft.com",
|
|
57
|
+
"package": "@fluentui/react-link",
|
|
58
|
+
"commit": "7eb7d2daebaa11dbdcd555b0b962407013a7ca80",
|
|
59
|
+
"comment": "export static classes for components"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
63
|
+
"package": "@fluentui/react-link",
|
|
64
|
+
"commit": "a4ea9b6227d2f634f85b40fe4cec10e4c391244b",
|
|
65
|
+
"comment": "Updating Link tests."
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"author": "gcox@microsoft.com",
|
|
69
|
+
"package": "@fluentui/react-link",
|
|
70
|
+
"commit": "c9bd5b5a02ae94a8239ce1b56cac2f0d0dbd3586",
|
|
71
|
+
"comment": "Updated beta and RC components to ES2019"
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"author": "beachball",
|
|
75
|
+
"package": "@fluentui/react-link",
|
|
76
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
|
|
77
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"author": "beachball",
|
|
81
|
+
"package": "@fluentui/react-link",
|
|
82
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-beta.4",
|
|
83
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"author": "beachball",
|
|
87
|
+
"package": "@fluentui/react-link",
|
|
88
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
|
|
89
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"author": "beachball",
|
|
93
|
+
"package": "@fluentui/react-link",
|
|
94
|
+
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
|
|
95
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"author": "beachball",
|
|
99
|
+
"package": "@fluentui/react-link",
|
|
100
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
|
|
101
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
"author": "beachball",
|
|
105
|
+
"package": "@fluentui/react-link",
|
|
106
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
|
|
107
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
108
|
+
}
|
|
109
|
+
],
|
|
110
|
+
"none": [
|
|
111
|
+
{
|
|
112
|
+
"author": "lingfangao@hotmail.com",
|
|
113
|
+
"package": "@fluentui/react-link",
|
|
114
|
+
"commit": "00f70581480b536e723fb69edf0ae617beac4807",
|
|
115
|
+
"comment": "Remove beta release tag"
|
|
116
|
+
}
|
|
117
|
+
]
|
|
118
|
+
}
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
"date": "Wed, 27 Oct 2021 12:14:19 GMT",
|
|
122
|
+
"tag": "@fluentui/react-link_v9.0.0-beta.3",
|
|
123
|
+
"version": "9.0.0-beta.3",
|
|
124
|
+
"comments": {
|
|
125
|
+
"none": [
|
|
126
|
+
{
|
|
127
|
+
"author": "lingfangao@hotmail.com",
|
|
128
|
+
"package": "@fluentui/react-link",
|
|
129
|
+
"commit": "8cee28054c8667836c0a7ffd69587b4da370658c",
|
|
130
|
+
"comment": "chore(Link): Make documentation exportable to codesandbox"
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"author": "ndresx@gmail.com",
|
|
134
|
+
"package": "@fluentui/react-link",
|
|
135
|
+
"commit": "63b209caf3d34e87c08cec16cfc2f7433f3cd65c",
|
|
136
|
+
"comment": "Migrate react-link tests to rtl"
|
|
137
|
+
}
|
|
138
|
+
],
|
|
139
|
+
"prerelease": [
|
|
140
|
+
{
|
|
141
|
+
"author": "peter@draxler.ml",
|
|
142
|
+
"package": "@fluentui/react-link",
|
|
143
|
+
"commit": "f6db7c8d6b7db0902775e7857b62b745be35b59a",
|
|
144
|
+
"comment": "added styling of documentation"
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"author": "beachball",
|
|
148
|
+
"package": "@fluentui/react-link",
|
|
149
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.2",
|
|
150
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"author": "beachball",
|
|
154
|
+
"package": "@fluentui/react-link",
|
|
155
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-beta.3",
|
|
156
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
"author": "beachball",
|
|
160
|
+
"package": "@fluentui/react-link",
|
|
161
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.2",
|
|
162
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
"author": "beachball",
|
|
166
|
+
"package": "@fluentui/react-link",
|
|
167
|
+
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.2",
|
|
168
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
"author": "beachball",
|
|
172
|
+
"package": "@fluentui/react-link",
|
|
173
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.2",
|
|
174
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
"author": "beachball",
|
|
178
|
+
"package": "@fluentui/react-link",
|
|
179
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.2",
|
|
180
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
181
|
+
}
|
|
182
|
+
]
|
|
183
|
+
}
|
|
184
|
+
},
|
|
185
|
+
{
|
|
186
|
+
"date": "Tue, 12 Oct 2021 19:45:58 GMT",
|
|
187
|
+
"tag": "@fluentui/react-link_v9.0.0-beta.2",
|
|
188
|
+
"version": "9.0.0-beta.2",
|
|
189
|
+
"comments": {
|
|
190
|
+
"prerelease": [
|
|
191
|
+
{
|
|
192
|
+
"author": "beachball",
|
|
193
|
+
"package": "@fluentui/react-link",
|
|
194
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-beta.2",
|
|
195
|
+
"commit": "bdd19e2bb827fc1d8eb329e6ed48cd0542048358"
|
|
196
|
+
}
|
|
197
|
+
]
|
|
198
|
+
}
|
|
199
|
+
},
|
|
200
|
+
{
|
|
201
|
+
"date": "Wed, 06 Oct 2021 10:37:22 GMT",
|
|
6
202
|
"tag": "@fluentui/react-link_v9.0.0-beta.1",
|
|
7
203
|
"version": "9.0.0-beta.1",
|
|
8
204
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,67 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-link
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 25 Nov 2021 08:31:35 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.0-beta.5)
|
|
8
|
+
|
|
9
|
+
Thu, 25 Nov 2021 08:31:35 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.0-beta.4..@fluentui/react-link_v9.0.0-beta.5)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
|
|
15
|
+
- Bump @fluentui/react-tabster to v9.0.0-beta.5 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
|
|
16
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
|
|
17
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
|
|
18
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
|
|
19
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
|
|
20
|
+
|
|
21
|
+
## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.0-beta.4)
|
|
22
|
+
|
|
23
|
+
Fri, 12 Nov 2021 13:25:26 GMT
|
|
24
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.0-beta.3..@fluentui/react-link_v9.0.0-beta.4)
|
|
25
|
+
|
|
26
|
+
### Changes
|
|
27
|
+
|
|
28
|
+
- export static classes for components ([PR #20454](https://github.com/microsoft/fluentui/pull/20454) by olfedias@microsoft.com)
|
|
29
|
+
- Updating Link tests. ([PR #20342](https://github.com/microsoft/fluentui/pull/20342) by Humberto.Morimoto@microsoft.com)
|
|
30
|
+
- Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
|
|
31
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
32
|
+
- Bump @fluentui/react-tabster to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
33
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
34
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
35
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
36
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
37
|
+
|
|
38
|
+
## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.0-beta.3)
|
|
39
|
+
|
|
40
|
+
Wed, 27 Oct 2021 12:14:19 GMT
|
|
41
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.0-beta.2..@fluentui/react-link_v9.0.0-beta.3)
|
|
42
|
+
|
|
43
|
+
### Changes
|
|
44
|
+
|
|
45
|
+
- added styling of documentation ([PR #20193](https://github.com/microsoft/fluentui/pull/20193) by peter@draxler.ml)
|
|
46
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
47
|
+
- Bump @fluentui/react-tabster to v9.0.0-beta.3 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
48
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
49
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
50
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
51
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
52
|
+
|
|
53
|
+
## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.0-beta.2)
|
|
54
|
+
|
|
55
|
+
Tue, 12 Oct 2021 19:45:58 GMT
|
|
56
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.0-beta.1..@fluentui/react-link_v9.0.0-beta.2)
|
|
57
|
+
|
|
58
|
+
### Changes
|
|
59
|
+
|
|
60
|
+
- Bump @fluentui/react-tabster to v9.0.0-beta.2 ([PR #20132](https://github.com/microsoft/fluentui/pull/20132) by beachball)
|
|
61
|
+
|
|
7
62
|
## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.0-beta.1)
|
|
8
63
|
|
|
9
|
-
Wed, 06 Oct 2021 10:
|
|
64
|
+
Wed, 06 Oct 2021 10:37:22 GMT
|
|
10
65
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.0-alpha.95..@fluentui/react-link_v9.0.0-beta.1)
|
|
11
66
|
|
|
12
67
|
### Changes
|
package/dist/react-link.d.ts
CHANGED
|
@@ -9,6 +9,8 @@ import * as React_2 from 'react';
|
|
|
9
9
|
*/
|
|
10
10
|
export declare const Link: ForwardRefComponent<LinkProps>;
|
|
11
11
|
|
|
12
|
+
export declare const linkClassName = "fui-Link";
|
|
13
|
+
|
|
12
14
|
export declare type LinkCommons = {
|
|
13
15
|
/**
|
|
14
16
|
* A link can appear either with its default style or subtle.
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
|
|
2
2
|
import makeStylesTests from '@fluentui/react-conformance-make-styles';
|
|
3
3
|
export function isConformant(testInfo) {
|
|
4
|
-
|
|
4
|
+
const defaultOptions = {
|
|
5
5
|
asPropHandlesRef: true,
|
|
6
6
|
componentPath: module.parent.filename.replace('.test', ''),
|
|
7
|
-
disabledTests: [
|
|
7
|
+
disabledTests: [`has-docblock`],
|
|
8
8
|
extraTests: makeStylesTests,
|
|
9
9
|
// TODO: To fix as part of https://github.com/microsoft/fluentui/issues/19522
|
|
10
10
|
skipAsPropTests: true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,
|
|
1
|
+
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAH4C;AAI3D,IAAA,UAAU,EAAE,eAJ+C;AAK3D;AACA,IAAA,eAAe,EAAE;AAN0C,GAA7D;AASA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
|
|
@@ -6,8 +6,8 @@ import { renderLink } from './renderLink';
|
|
|
6
6
|
* A Link is a reference to data that a user can follow by clicking or tapping it.
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
|
-
export
|
|
10
|
-
|
|
9
|
+
export const Link = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
10
|
+
const state = useLink(props, ref);
|
|
11
11
|
useLinkStyles(state);
|
|
12
12
|
return renderLink(state); // Work around some small mismatches in inferred types which don't matter in practice
|
|
13
13
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,OAAT,QAAwB,WAAxB;AACA,SAAS,aAAT,QAA8B,iBAA9B;AACA,SAAS,UAAT,QAA2B,cAA3B;AAIA;;AAEG;;AACH,OAAO,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,OAAT,QAAwB,WAAxB;AACA,SAAS,aAAT,QAA8B,iBAA9B;AACA,SAAS,UAAT,QAA2B,cAA3B;AAIA;;AAEG;;AACH,OAAO,MAAM,IAAI,gBAAmC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClF,QAAM,KAAK,GAAG,OAAO,CAAC,KAAD,EAAQ,GAAR,CAArB;AAEA,EAAA,aAAa,CAAC,KAAD,CAAb;AAEA,SAAO,UAAU,CAAC,KAAD,CAAjB,CALkF,CAMlF;AACD,CAPmD,CAA7C;AASP,IAAI,CAAC,WAAL,GAAmB,MAAnB","sourceRoot":""}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { getSlots } from '@fluentui/react-utilities';
|
|
4
3
|
/**
|
|
5
4
|
* Renders a Link component by passing the state defined props to the appropriate slots.
|
|
6
5
|
*/
|
|
7
6
|
|
|
8
|
-
export
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
return /*#__PURE__*/React.createElement(slots.root,
|
|
7
|
+
export const renderLink = state => {
|
|
8
|
+
const {
|
|
9
|
+
slots,
|
|
10
|
+
slotProps
|
|
11
|
+
} = getSlots(state, ['root']);
|
|
12
|
+
return /*#__PURE__*/React.createElement(slots.root, Object.assign({}, slotProps.root));
|
|
14
13
|
};
|
|
15
14
|
//# sourceMappingURL=renderLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Link/renderLink.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Link/renderLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,UAAU,GAAI,KAAD,IAAqB;AAC7C,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAY,KAAZ,EAAmB,CAAC,MAAD,CAAnB,CAArC;AAEA,sBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM","sourceRoot":""}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { getNativeElementProps } from '@fluentui/react-utilities';
|
|
3
2
|
import { useLinkState } from './useLinkState';
|
|
4
3
|
/**
|
|
@@ -7,27 +6,29 @@ import { useLinkState } from './useLinkState';
|
|
|
7
6
|
* @param ref - User provided ref to be passed to the Link component.
|
|
8
7
|
*/
|
|
9
8
|
|
|
10
|
-
export
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
9
|
+
export const useLink = (props, ref) => {
|
|
10
|
+
const {
|
|
11
|
+
appearance,
|
|
12
|
+
disabled,
|
|
13
|
+
disabledFocusable,
|
|
14
|
+
inline
|
|
15
|
+
} = props;
|
|
16
|
+
const as = props.as || (props.href ? 'a' : 'button');
|
|
17
|
+
const state = {
|
|
17
18
|
// Props passed at the top-level
|
|
18
|
-
appearance
|
|
19
|
-
disabled
|
|
20
|
-
disabledFocusable
|
|
21
|
-
inline
|
|
19
|
+
appearance,
|
|
20
|
+
disabled,
|
|
21
|
+
disabledFocusable,
|
|
22
|
+
inline,
|
|
22
23
|
// Slots definition
|
|
23
24
|
components: {
|
|
24
25
|
root: 'a'
|
|
25
26
|
},
|
|
26
|
-
root: getNativeElementProps(as,
|
|
27
|
-
ref
|
|
28
|
-
|
|
29
|
-
as
|
|
30
|
-
})
|
|
27
|
+
root: getNativeElementProps(as, {
|
|
28
|
+
ref,
|
|
29
|
+
...props,
|
|
30
|
+
as
|
|
31
|
+
})
|
|
31
32
|
};
|
|
32
33
|
useLinkState(state);
|
|
33
34
|
return state;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Link/useLink.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Link/useLink.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,YAAT,QAA6B,gBAA7B;AAGA;;;;AAIG;;AACH,OAAO,MAAM,OAAO,GAAG,CAAC,KAAD,EAAmB,GAAnB,KAAuF;AAC5G,QAAM;AAAE,IAAA,UAAF;AAAc,IAAA,QAAd;AAAwB,IAAA,iBAAxB;AAA2C,IAAA;AAA3C,MAAsD,KAA5D;AACA,QAAM,EAAE,GAAG,KAAK,CAAC,EAAN,KAAa,KAAK,CAAC,IAAN,GAAa,GAAb,GAAmB,QAAhC,CAAX;AAEA,QAAM,KAAK,GAAc;AACvB;AACA,IAAA,UAFuB;AAGvB,IAAA,QAHuB;AAIvB,IAAA,iBAJuB;AAKvB,IAAA,MALuB;AAOvB;AACA,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KARW;AAYvB,IAAA,IAAI,EAAE,qBAAqB,CAAC,EAAD,EAAK;AAC9B,MAAA,GAD8B;AAE9B,SAAG,KAF2B;AAG9B,MAAA;AAH8B,KAAL;AAZJ,GAAzB;AAmBA,EAAA,YAAY,CAAC,KAAD,CAAZ;AAEA,SAAO,KAAP;AACD,CA1BM","sourceRoot":""}
|
|
@@ -4,14 +4,17 @@ import { Enter, Space } from '@fluentui/keyboard-keys';
|
|
|
4
4
|
* @param state - Link state to mutate.
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
export
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
7
|
+
export const useLinkState = state => {
|
|
8
|
+
const {
|
|
9
|
+
disabled,
|
|
10
|
+
disabledFocusable
|
|
11
|
+
} = state;
|
|
12
|
+
const {
|
|
13
|
+
onClick,
|
|
14
|
+
onKeyDown,
|
|
15
|
+
role,
|
|
16
|
+
type
|
|
17
|
+
} = state.root; // Add href and tabIndex=0 for anchor elements.
|
|
15
18
|
|
|
16
19
|
if (state.root.as === 'a') {
|
|
17
20
|
state.root.href = disabled ? undefined : state.root.href;
|
|
@@ -26,7 +29,7 @@ export var useLinkState = function (state) {
|
|
|
26
29
|
} // Disallow click event when component is disabled and eat events when disabledFocusable is set to true.
|
|
27
30
|
|
|
28
31
|
|
|
29
|
-
state.root.onClick =
|
|
32
|
+
state.root.onClick = ev => {
|
|
30
33
|
if (disabled || disabledFocusable) {
|
|
31
34
|
ev.preventDefault();
|
|
32
35
|
} else {
|
|
@@ -35,7 +38,7 @@ export var useLinkState = function (state) {
|
|
|
35
38
|
}; // Disallow keydown event when component is disabled and eat events when disabledFocusable is set to true.
|
|
36
39
|
|
|
37
40
|
|
|
38
|
-
state.root.onKeyDown =
|
|
41
|
+
state.root.onKeyDown = ev => {
|
|
39
42
|
if ((disabled || disabledFocusable) && (ev.key === Enter || ev.key === Space)) {
|
|
40
43
|
ev.preventDefault();
|
|
41
44
|
ev.stopPropagation();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Link/useLinkState.ts"],"names":[],"mappings":"AACA,SAAS,KAAT,EAAgB,KAAhB,QAA6B,yBAA7B;AAGA;;;AAGG;;AACH,OAAO,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Link/useLinkState.ts"],"names":[],"mappings":"AACA,SAAS,KAAT,EAAgB,KAAhB,QAA6B,yBAA7B;AAGA;;;AAGG;;AACH,OAAO,MAAM,YAAY,GAAI,KAAD,IAAgC;AAC1D,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA;AAAZ,MAAkC,KAAxC;AACA,QAAM;AAAE,IAAA,OAAF;AAAW,IAAA,SAAX;AAAsB,IAAA,IAAtB;AAA4B,IAAA;AAA5B,MAAqC,KAAK,CAAC,IAAjD,CAF0D,CAI1D;;AACA,MAAI,KAAK,CAAC,IAAN,CAAW,EAAX,KAAkB,GAAtB,EAA2B;AACzB,IAAA,KAAK,CAAC,IAAN,CAAW,IAAX,GAAkB,QAAQ,GAAG,SAAH,GAAe,KAAK,CAAC,IAAN,CAAW,IAApD;AACA,IAAA,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,QAAQ,IAAI,CAAC,iBAAb,GAAiC,SAAjC,GAA6C,CAAnE,CAFyB,CAIzB;;AACA,QAAI,QAAQ,IAAI,iBAAhB,EAAmC;AACjC,MAAA,KAAK,CAAC,IAAN,CAAW,IAAX,GAAkB,IAAI,IAAI,MAA1B;AACD;AACF,GARD,CASA;AATA,OAUK;AACH,IAAA,KAAK,CAAC,IAAN,CAAW,IAAX,GAAkB,IAAI,IAAI,QAA1B;AACD,GAjByD,CAmB1D;;;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,OAAX,GAAsB,EAAD,IAAgE;AACnF,QAAI,QAAQ,IAAI,iBAAhB,EAAmC;AACjC,MAAA,EAAE,CAAC,cAAH;AACD,KAFD,MAEO;AACL,MAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAG,EAAH,CAAP;AACD;AACF,GAND,CApB0D,CA4B1D;;;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAwB,EAAD,IAAmE;AACxF,QAAI,CAAC,QAAQ,IAAI,iBAAb,MAAoC,EAAE,CAAC,GAAH,KAAW,KAAX,IAAoB,EAAE,CAAC,GAAH,KAAW,KAAnE,CAAJ,EAA+E;AAC7E,MAAA,EAAE,CAAC,cAAH;AACA,MAAA,EAAE,CAAC,eAAH;AACD,KAHD,MAGO;AACL,MAAA,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAS,KAAA,CAAT,GAAA,SAAS,CAAG,EAAH,CAAT;AACD;AACF,GAPD,CA7B0D,CAsC1D;;;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,eAAX,IAA8B,QAAQ,IAAI,iBAA1C;;AACA,MAAI,KAAK,CAAC,IAAN,CAAW,EAAX,KAAkB,QAAtB,EAAgC;AAC9B,IAAA,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,QAAQ,IAAI,CAAC,iBAAnC;AACD;;AAED,SAAO,KAAP;AACD,CA7CM","sourceRoot":""}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { __styles, mergeClasses } from '@fluentui/react-make-styles';
|
|
2
2
|
import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
|
|
3
|
+
export const linkClassName = 'fui-Link';
|
|
3
4
|
|
|
4
|
-
|
|
5
|
+
const useStyles = /*#__PURE__*/__styles({
|
|
5
6
|
"focusIndicator": {
|
|
6
7
|
"B486eqv": "f2hkw1w",
|
|
7
8
|
"Bfv9iwi": "f1hghxdh",
|
|
@@ -72,9 +73,9 @@ var useStyles = /*#__PURE__*/__styles({
|
|
|
72
73
|
"a": [".f12x56k7:active{border-bottom-color:var(--colorBrandForegroundLinkPressed);}", ".f1iescvh:active{color:var(--colorBrandForegroundLinkPressed);}", ".ffmwprl:active{border-bottom-color:var(--colorNeutralForeground2Pressed);}", ".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}", ".fggejwh:active{border-bottom-color:transparent;}", ".f19wldhg:active{color:var(--colorNeutralForegroundDisabled);}"]
|
|
73
74
|
});
|
|
74
75
|
|
|
75
|
-
export
|
|
76
|
-
|
|
77
|
-
state.root.className = mergeClasses(styles.root, styles.focusIndicator, state.root.as === 'a' && state.root.href && styles.href, state.appearance === 'subtle' && styles.subtle, state.inline && styles.inline, state.appearance === 'subtle' && state.inline && styles.inlineSubtle, state.root['aria-disabled'] && styles.disabled, state.root.className);
|
|
76
|
+
export const useLinkStyles = state => {
|
|
77
|
+
const styles = useStyles();
|
|
78
|
+
state.root.className = mergeClasses(linkClassName, styles.root, styles.focusIndicator, state.root.as === 'a' && state.root.href && styles.href, state.appearance === 'subtle' && styles.subtle, state.inline && styles.inline, state.appearance === 'subtle' && state.inline && styles.inlineSubtle, state.root['aria-disabled'] && styles.disabled, state.root.className);
|
|
78
79
|
return state;
|
|
79
80
|
};
|
|
80
81
|
//# sourceMappingURL=useLinkStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Link/useLinkStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AACA,SAAS,+BAAT,QAAgD,yBAAhD
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Link/useLinkStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AACA,SAAS,+BAAT,QAAgD,yBAAhD;AAGA,OAAO,MAAM,aAAa,GAAG,UAAtB;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAgFA,OAAO,MAAM,aAAa,GAAI,KAAD,IAAgC;AAC3D,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,aADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,MAAM,CAAC,cAH0B,EAIjC,KAAK,CAAC,IAAN,CAAW,EAAX,KAAkB,GAAlB,IAAyB,KAAK,CAAC,IAAN,CAAW,IAApC,IAA4C,MAAM,CAAC,IAJlB,EAKjC,KAAK,CAAC,UAAN,KAAqB,QAArB,IAAiC,MAAM,CAAC,MALP,EAMjC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,MANU,EAOjC,KAAK,CAAC,UAAN,KAAqB,QAArB,IAAiC,KAAK,CAAC,MAAvC,IAAiD,MAAM,CAAC,YAPvB,EAQjC,KAAK,CAAC,IAAN,CAAW,eAAX,KAA+B,MAAM,CAAC,QARL,EASjC,KAAK,CAAC,IAAN,CAAW,SATsB,CAAnC;AAYA,SAAO,KAAP;AACD,CAfM","sourceRoot":""}
|
package/lib-commonjs/Link.js
CHANGED
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
8
8
|
|
|
9
9
|
tslib_1.__exportStar(require("./components/Link/index"), exports);
|
|
10
10
|
//# sourceMappingURL=Link.js.map
|
|
@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.isConformant = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
const react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
|
|
11
11
|
|
|
12
12
|
function isConformant(testInfo) {
|
|
13
|
-
|
|
13
|
+
const defaultOptions = {
|
|
14
14
|
asPropHandlesRef: true,
|
|
15
15
|
componentPath: module.parent.filename.replace('.test', ''),
|
|
16
|
-
disabledTests: [
|
|
16
|
+
disabledTests: [`has-docblock`],
|
|
17
17
|
extraTests: react_conformance_make_styles_1.default,
|
|
18
18
|
// TODO: To fix as part of https://github.com/microsoft/fluentui/issues/19522
|
|
19
19
|
skipAsPropTests: true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,MAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAH4C;AAI3D,IAAA,UAAU,EAAE,+BAAA,CAAA,OAJ+C;AAK3D;AACA,IAAA,eAAe,EAAE;AAN0C,GAA7D;AASA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAbD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
|
|
@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.Link = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const React = /*#__PURE__*/require("react");
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
const useLink_1 = /*#__PURE__*/require("./useLink");
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
const useLinkStyles_1 = /*#__PURE__*/require("./useLinkStyles");
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
const renderLink_1 = /*#__PURE__*/require("./renderLink");
|
|
15
15
|
/**
|
|
16
16
|
* A Link is a reference to data that a user can follow by clicking or tapping it.
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
19
|
|
|
20
|
-
exports.Link = /*#__PURE__*/React.forwardRef(
|
|
21
|
-
|
|
20
|
+
exports.Link = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
21
|
+
const state = useLink_1.useLink(props, ref);
|
|
22
22
|
useLinkStyles_1.useLinkStyles(state);
|
|
23
23
|
return renderLink_1.renderLink(state); // Work around some small mismatches in inferred types which don't matter in practice
|
|
24
24
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAAuC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClF,QAAM,KAAK,GAAG,SAAA,CAAA,OAAA,CAAQ,KAAR,EAAe,GAAf,CAAd;AAEA,EAAA,eAAA,CAAA,aAAA,CAAc,KAAd;AAEA,SAAO,YAAA,CAAA,UAAA,CAAW,KAAX,CAAP,CALkF,CAMlF;AACD,CAPmD,CAAvC;AASb,OAAA,CAAA,IAAA,CAAK,WAAL,GAAmB,MAAnB","sourceRoot":""}
|
|
@@ -5,22 +5,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.renderLink = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const React = /*#__PURE__*/require("react");
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
10
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
13
11
|
/**
|
|
14
12
|
* Renders a Link component by passing the state defined props to the appropriate slots.
|
|
15
13
|
*/
|
|
16
14
|
|
|
17
15
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
return React.createElement(slots.root,
|
|
16
|
+
const renderLink = state => {
|
|
17
|
+
const {
|
|
18
|
+
slots,
|
|
19
|
+
slotProps
|
|
20
|
+
} = react_utilities_1.getSlots(state, ['root']);
|
|
21
|
+
return React.createElement(slots.root, Object.assign({}, slotProps.root));
|
|
24
22
|
};
|
|
25
23
|
|
|
26
24
|
exports.renderLink = renderLink;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Link/renderLink.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Link/renderLink.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,UAAU,GAAI,KAAD,IAAqB;AAC7C,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAoB,KAApB,EAA2B,CAAC,MAAD,CAA3B,CAA7B;AAEA,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,UAAA,GAAU,UAAV","sourceRoot":""}
|
|
@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useLink = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var useLinkState_1 = /*#__PURE__*/require("./useLinkState");
|
|
10
|
+
const useLinkState_1 = /*#__PURE__*/require("./useLinkState");
|
|
13
11
|
/**
|
|
14
12
|
* Given user props, defines default props for the Link, calls useLinkState, and returns processed state.
|
|
15
13
|
* @param props - User provided props to the Link component.
|
|
@@ -17,27 +15,29 @@ var useLinkState_1 = /*#__PURE__*/require("./useLinkState");
|
|
|
17
15
|
*/
|
|
18
16
|
|
|
19
17
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
18
|
+
const useLink = (props, ref) => {
|
|
19
|
+
const {
|
|
20
|
+
appearance,
|
|
21
|
+
disabled,
|
|
22
|
+
disabledFocusable,
|
|
23
|
+
inline
|
|
24
|
+
} = props;
|
|
25
|
+
const as = props.as || (props.href ? 'a' : 'button');
|
|
26
|
+
const state = {
|
|
27
27
|
// Props passed at the top-level
|
|
28
|
-
appearance
|
|
29
|
-
disabled
|
|
30
|
-
disabledFocusable
|
|
31
|
-
inline
|
|
28
|
+
appearance,
|
|
29
|
+
disabled,
|
|
30
|
+
disabledFocusable,
|
|
31
|
+
inline,
|
|
32
32
|
// Slots definition
|
|
33
33
|
components: {
|
|
34
34
|
root: 'a'
|
|
35
35
|
},
|
|
36
|
-
root: react_utilities_1.getNativeElementProps(as,
|
|
37
|
-
ref
|
|
38
|
-
|
|
39
|
-
as
|
|
40
|
-
})
|
|
36
|
+
root: react_utilities_1.getNativeElementProps(as, {
|
|
37
|
+
ref,
|
|
38
|
+
...props,
|
|
39
|
+
as
|
|
40
|
+
})
|
|
41
41
|
};
|
|
42
42
|
useLinkState_1.useLinkState(state);
|
|
43
43
|
return state;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Link/useLink.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Link/useLink.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,OAAO,GAAG,CAAC,KAAD,EAAmB,GAAnB,KAAuF;AAC5G,QAAM;AAAE,IAAA,UAAF;AAAc,IAAA,QAAd;AAAwB,IAAA,iBAAxB;AAA2C,IAAA;AAA3C,MAAsD,KAA5D;AACA,QAAM,EAAE,GAAG,KAAK,CAAC,EAAN,KAAa,KAAK,CAAC,IAAN,GAAa,GAAb,GAAmB,QAAhC,CAAX;AAEA,QAAM,KAAK,GAAc;AACvB;AACA,IAAA,UAFuB;AAGvB,IAAA,QAHuB;AAIvB,IAAA,iBAJuB;AAKvB,IAAA,MALuB;AAOvB;AACA,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KARW;AAYvB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,EAAtB,EAA0B;AAC9B,MAAA,GAD8B;AAE9B,SAAG,KAF2B;AAG9B,MAAA;AAH8B,KAA1B;AAZiB,GAAzB;AAmBA,EAAA,cAAA,CAAA,YAAA,CAAa,KAAb;AAEA,SAAO,KAAP;AACD,CA1BM;;AAAM,OAAA,CAAA,OAAA,GAAO,OAAP","sourceRoot":""}
|
|
@@ -5,21 +5,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useLinkState = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
|
|
9
9
|
/**
|
|
10
10
|
* The useLinkState hook processes the Link state.
|
|
11
11
|
* @param state - Link state to mutate.
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
15
|
+
const useLinkState = state => {
|
|
16
|
+
const {
|
|
17
|
+
disabled,
|
|
18
|
+
disabledFocusable
|
|
19
|
+
} = state;
|
|
20
|
+
const {
|
|
21
|
+
onClick,
|
|
22
|
+
onKeyDown,
|
|
23
|
+
role,
|
|
24
|
+
type
|
|
25
|
+
} = state.root; // Add href and tabIndex=0 for anchor elements.
|
|
23
26
|
|
|
24
27
|
if (state.root.as === 'a') {
|
|
25
28
|
state.root.href = disabled ? undefined : state.root.href;
|
|
@@ -34,7 +37,7 @@ var useLinkState = function (state) {
|
|
|
34
37
|
} // Disallow click event when component is disabled and eat events when disabledFocusable is set to true.
|
|
35
38
|
|
|
36
39
|
|
|
37
|
-
state.root.onClick =
|
|
40
|
+
state.root.onClick = ev => {
|
|
38
41
|
if (disabled || disabledFocusable) {
|
|
39
42
|
ev.preventDefault();
|
|
40
43
|
} else {
|
|
@@ -43,7 +46,7 @@ var useLinkState = function (state) {
|
|
|
43
46
|
}; // Disallow keydown event when component is disabled and eat events when disabledFocusable is set to true.
|
|
44
47
|
|
|
45
48
|
|
|
46
|
-
state.root.onKeyDown =
|
|
49
|
+
state.root.onKeyDown = ev => {
|
|
47
50
|
if ((disabled || disabledFocusable) && (ev.key === keyboard_keys_1.Enter || ev.key === keyboard_keys_1.Space)) {
|
|
48
51
|
ev.preventDefault();
|
|
49
52
|
ev.stopPropagation();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Link/useLinkState.ts"],"names":[],"mappings":";;;;;;;AACA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Link/useLinkState.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;AAGA;;;AAGG;;;AACI,MAAM,YAAY,GAAI,KAAD,IAAgC;AAC1D,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA;AAAZ,MAAkC,KAAxC;AACA,QAAM;AAAE,IAAA,OAAF;AAAW,IAAA,SAAX;AAAsB,IAAA,IAAtB;AAA4B,IAAA;AAA5B,MAAqC,KAAK,CAAC,IAAjD,CAF0D,CAI1D;;AACA,MAAI,KAAK,CAAC,IAAN,CAAW,EAAX,KAAkB,GAAtB,EAA2B;AACzB,IAAA,KAAK,CAAC,IAAN,CAAW,IAAX,GAAkB,QAAQ,GAAG,SAAH,GAAe,KAAK,CAAC,IAAN,CAAW,IAApD;AACA,IAAA,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,QAAQ,IAAI,CAAC,iBAAb,GAAiC,SAAjC,GAA6C,CAAnE,CAFyB,CAIzB;;AACA,QAAI,QAAQ,IAAI,iBAAhB,EAAmC;AACjC,MAAA,KAAK,CAAC,IAAN,CAAW,IAAX,GAAkB,IAAI,IAAI,MAA1B;AACD;AACF,GARD,CASA;AATA,OAUK;AACH,IAAA,KAAK,CAAC,IAAN,CAAW,IAAX,GAAkB,IAAI,IAAI,QAA1B;AACD,GAjByD,CAmB1D;;;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,OAAX,GAAsB,EAAD,IAAgE;AACnF,QAAI,QAAQ,IAAI,iBAAhB,EAAmC;AACjC,MAAA,EAAE,CAAC,cAAH;AACD,KAFD,MAEO;AACL,MAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAG,EAAH,CAAP;AACD;AACF,GAND,CApB0D,CA4B1D;;;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAwB,EAAD,IAAmE;AACxF,QAAI,CAAC,QAAQ,IAAI,iBAAb,MAAoC,EAAE,CAAC,GAAH,KAAW,eAAA,CAAA,KAAX,IAAoB,EAAE,CAAC,GAAH,KAAW,eAAA,CAAA,KAAnE,CAAJ,EAA+E;AAC7E,MAAA,EAAE,CAAC,cAAH;AACA,MAAA,EAAE,CAAC,eAAH;AACD,KAHD,MAGO;AACL,MAAA,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAS,KAAA,CAAT,GAAA,SAAS,CAAG,EAAH,CAAT;AACD;AACF,GAPD,CA7B0D,CAsC1D;;;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,eAAX,IAA8B,QAAQ,IAAI,iBAA1C;;AACA,MAAI,KAAK,CAAC,IAAN,CAAW,EAAX,KAAkB,QAAtB,EAAgC;AAC9B,IAAA,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,QAAQ,IAAI,CAAC,iBAAnC;AACD;;AAED,SAAO,KAAP;AACD,CA7CM;;AAAM,OAAA,CAAA,YAAA,GAAY,YAAZ","sourceRoot":""}
|
|
@@ -3,13 +3,15 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.useLinkStyles = void 0;
|
|
6
|
+
exports.useLinkStyles = exports.linkClassName = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
exports.linkClassName = 'fui-Link';
|
|
13
|
+
|
|
14
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
13
15
|
"focusIndicator": {
|
|
14
16
|
"B486eqv": "f2hkw1w",
|
|
15
17
|
"Bfv9iwi": "f1hghxdh",
|
|
@@ -80,9 +82,9 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
80
82
|
"a": [".f12x56k7:active{border-bottom-color:var(--colorBrandForegroundLinkPressed);}", ".f1iescvh:active{color:var(--colorBrandForegroundLinkPressed);}", ".ffmwprl:active{border-bottom-color:var(--colorNeutralForeground2Pressed);}", ".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}", ".fggejwh:active{border-bottom-color:transparent;}", ".f19wldhg:active{color:var(--colorNeutralForegroundDisabled);}"]
|
|
81
83
|
});
|
|
82
84
|
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
state.root.className = react_make_styles_1.mergeClasses(styles.root, styles.focusIndicator, state.root.as === 'a' && state.root.href && styles.href, state.appearance === 'subtle' && styles.subtle, state.inline && styles.inline, state.appearance === 'subtle' && state.inline && styles.inlineSubtle, state.root['aria-disabled'] && styles.disabled, state.root.className);
|
|
85
|
+
const useLinkStyles = state => {
|
|
86
|
+
const styles = useStyles();
|
|
87
|
+
state.root.className = react_make_styles_1.mergeClasses(exports.linkClassName, styles.root, styles.focusIndicator, state.root.as === 'a' && state.root.href && styles.href, state.appearance === 'subtle' && styles.subtle, state.inline && styles.inline, state.appearance === 'subtle' && state.inline && styles.inlineSubtle, state.root['aria-disabled'] && styles.disabled, state.root.className);
|
|
86
88
|
return state;
|
|
87
89
|
};
|
|
88
90
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Link/useLinkStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Link/useLinkStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAGa,OAAA,CAAA,aAAA,GAAgB,UAAhB;;AAEb,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAgFO,MAAM,aAAa,GAAI,KAAD,IAAgC;AAC3D,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,OAAA,CAAA,aADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,MAAM,CAAC,cAHc,EAIrB,KAAK,CAAC,IAAN,CAAW,EAAX,KAAkB,GAAlB,IAAyB,KAAK,CAAC,IAAN,CAAW,IAApC,IAA4C,MAAM,CAAC,IAJ9B,EAKrB,KAAK,CAAC,UAAN,KAAqB,QAArB,IAAiC,MAAM,CAAC,MALnB,EAMrB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,MANF,EAOrB,KAAK,CAAC,UAAN,KAAqB,QAArB,IAAiC,KAAK,CAAC,MAAvC,IAAiD,MAAM,CAAC,YAPnC,EAQrB,KAAK,CAAC,IAAN,CAAW,eAAX,KAA+B,MAAM,CAAC,QARjB,EASrB,KAAK,CAAC,IAAN,CAAW,SATU,CAAvB;AAYA,SAAO,KAAP;AACD,CAfM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}
|
package/lib-commonjs/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-link",
|
|
3
|
-
"version": "9.0.0-beta.
|
|
3
|
+
"version": "9.0.0-beta.5",
|
|
4
4
|
"description": "Fluent UI React Link component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -26,11 +26,11 @@
|
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@fluentui/a11y-testing": "^0.1.0",
|
|
29
|
-
"@fluentui/babel-make-styles": "9.0.0-beta.
|
|
29
|
+
"@fluentui/babel-make-styles": "9.0.0-beta.4",
|
|
30
30
|
"@fluentui/eslint-plugin": "*",
|
|
31
|
-
"@fluentui/jest-serializer-make-styles": "9.0.0-beta.
|
|
31
|
+
"@fluentui/jest-serializer-make-styles": "9.0.0-beta.4",
|
|
32
32
|
"@fluentui/react-conformance": "*",
|
|
33
|
-
"@fluentui/react-conformance-make-styles": "9.0.0-beta.
|
|
33
|
+
"@fluentui/react-conformance-make-styles": "9.0.0-beta.4",
|
|
34
34
|
"@fluentui/scripts": "^1.0.0",
|
|
35
35
|
"@types/enzyme": "3.10.3",
|
|
36
36
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
|
@@ -45,9 +45,9 @@
|
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
47
|
"@fluentui/keyboard-keys": "9.0.0-beta.1",
|
|
48
|
-
"@fluentui/react-make-styles": "9.0.0-beta.
|
|
49
|
-
"@fluentui/react-tabster": "9.0.0-beta.
|
|
50
|
-
"@fluentui/react-utilities": "9.0.0-beta.
|
|
48
|
+
"@fluentui/react-make-styles": "9.0.0-beta.4",
|
|
49
|
+
"@fluentui/react-tabster": "9.0.0-beta.5",
|
|
50
|
+
"@fluentui/react-utilities": "9.0.0-beta.4",
|
|
51
51
|
"tslib": "^2.1.0"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
@@ -57,7 +57,6 @@
|
|
|
57
57
|
"react-dom": ">=16.8.0 <18.0.0"
|
|
58
58
|
},
|
|
59
59
|
"beachball": {
|
|
60
|
-
"tag": "beta",
|
|
61
60
|
"disallowedChangeTypes": [
|
|
62
61
|
"major",
|
|
63
62
|
"minor",
|