@fluentui/react-aria 9.0.0-alpha.38 → 9.0.0-alpha.41
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 +64 -1
- package/CHANGELOG.md +32 -2
- package/dist/react-aria.d.ts +8 -5
- package/lib/hooks/useARIAButton.d.ts +7 -4
- package/lib/hooks/useARIAButton.js +44 -46
- package/lib/hooks/useARIAButton.js.map +1 -1
- package/lib/utils/mergeARIADisabled.d.ts +1 -1
- package/lib/utils/mergeARIADisabled.js +2 -2
- package/lib/utils/mergeARIADisabled.js.map +1 -1
- package/lib-commonjs/hooks/useARIAButton.d.ts +7 -4
- package/lib-commonjs/hooks/useARIAButton.js +46 -49
- package/lib-commonjs/hooks/useARIAButton.js.map +1 -1
- package/lib-commonjs/utils/mergeARIADisabled.d.ts +1 -1
- package/lib-commonjs/utils/mergeARIADisabled.js +2 -2
- package/lib-commonjs/utils/mergeARIADisabled.js.map +1 -1
- package/package.json +4 -4
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,70 @@
|
|
|
2
2
|
"name": "@fluentui/react-aria",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Fri,
|
|
5
|
+
"date": "Fri, 01 Oct 2021 12:30:28 GMT",
|
|
6
|
+
"tag": "@fluentui/react-aria_v9.0.0-alpha.41",
|
|
7
|
+
"version": "9.0.0-alpha.41",
|
|
8
|
+
"comments": {
|
|
9
|
+
"prerelease": [
|
|
10
|
+
{
|
|
11
|
+
"author": "bsunderhus@microsoft.com",
|
|
12
|
+
"package": "@fluentui/react-aria",
|
|
13
|
+
"comment": "Removes disabled attribute when not required",
|
|
14
|
+
"commit": "c5f91bfccb65073eb01e4b4aa0b720bb6bf06b5d"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Wed, 29 Sep 2021 08:06:11 GMT",
|
|
21
|
+
"tag": "@fluentui/react-aria_v9.0.0-alpha.40",
|
|
22
|
+
"version": "9.0.0-alpha.40",
|
|
23
|
+
"comments": {
|
|
24
|
+
"prerelease": [
|
|
25
|
+
{
|
|
26
|
+
"author": "beachball",
|
|
27
|
+
"package": "@fluentui/react-aria",
|
|
28
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.74",
|
|
29
|
+
"commit": "ede1575b3a5c8f893124af9415c53968564fb923"
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"author": "beachball",
|
|
33
|
+
"package": "@fluentui/react-aria",
|
|
34
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.49",
|
|
35
|
+
"commit": "ede1575b3a5c8f893124af9415c53968564fb923"
|
|
36
|
+
}
|
|
37
|
+
]
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"date": "Mon, 27 Sep 2021 08:06:00 GMT",
|
|
42
|
+
"tag": "@fluentui/react-aria_v9.0.0-alpha.39",
|
|
43
|
+
"version": "9.0.0-alpha.39",
|
|
44
|
+
"comments": {
|
|
45
|
+
"prerelease": [
|
|
46
|
+
{
|
|
47
|
+
"author": "beachball",
|
|
48
|
+
"package": "@fluentui/react-aria",
|
|
49
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.73",
|
|
50
|
+
"commit": "0df6cb80c9181650bf5d6c5df233bd5e9e779a43"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "beachball",
|
|
54
|
+
"package": "@fluentui/react-aria",
|
|
55
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-alpha.53",
|
|
56
|
+
"commit": "0df6cb80c9181650bf5d6c5df233bd5e9e779a43"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"author": "beachball",
|
|
60
|
+
"package": "@fluentui/react-aria",
|
|
61
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.48",
|
|
62
|
+
"commit": "0df6cb80c9181650bf5d6c5df233bd5e9e779a43"
|
|
63
|
+
}
|
|
64
|
+
]
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"date": "Fri, 24 Sep 2021 09:17:17 GMT",
|
|
6
69
|
"tag": "@fluentui/react-aria_v9.0.0-alpha.38",
|
|
7
70
|
"version": "9.0.0-alpha.38",
|
|
8
71
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,42 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-aria
|
|
2
2
|
|
|
3
|
-
This log was last generated on Fri,
|
|
3
|
+
This log was last generated on Fri, 01 Oct 2021 12:30:28 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.0-alpha.41](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.0.0-alpha.41)
|
|
8
|
+
|
|
9
|
+
Fri, 01 Oct 2021 12:30:28 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-aria_v9.0.0-alpha.40..@fluentui/react-aria_v9.0.0-alpha.41)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- Removes disabled attribute when not required ([PR #18814](https://github.com/microsoft/fluentui/pull/18814) by bsunderhus@microsoft.com)
|
|
15
|
+
|
|
16
|
+
## [9.0.0-alpha.40](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.0.0-alpha.40)
|
|
17
|
+
|
|
18
|
+
Wed, 29 Sep 2021 08:06:11 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-aria_v9.0.0-alpha.39..@fluentui/react-aria_v9.0.0-alpha.40)
|
|
20
|
+
|
|
21
|
+
### Changes
|
|
22
|
+
|
|
23
|
+
- Bump @fluentui/react-make-styles to v9.0.0-alpha.74 ([PR #19660](https://github.com/microsoft/fluentui/pull/19660) by beachball)
|
|
24
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.49 ([PR #19660](https://github.com/microsoft/fluentui/pull/19660) by beachball)
|
|
25
|
+
|
|
26
|
+
## [9.0.0-alpha.39](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.0.0-alpha.39)
|
|
27
|
+
|
|
28
|
+
Mon, 27 Sep 2021 08:06:00 GMT
|
|
29
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-aria_v9.0.0-alpha.38..@fluentui/react-aria_v9.0.0-alpha.39)
|
|
30
|
+
|
|
31
|
+
### Changes
|
|
32
|
+
|
|
33
|
+
- Bump @fluentui/react-make-styles to v9.0.0-alpha.73 ([PR #19981](https://github.com/microsoft/fluentui/pull/19981) by beachball)
|
|
34
|
+
- Bump @fluentui/react-utilities to v9.0.0-alpha.53 ([PR #19981](https://github.com/microsoft/fluentui/pull/19981) by beachball)
|
|
35
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.48 ([PR #19981](https://github.com/microsoft/fluentui/pull/19981) by beachball)
|
|
36
|
+
|
|
7
37
|
## [9.0.0-alpha.38](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.0.0-alpha.38)
|
|
8
38
|
|
|
9
|
-
Fri, 24 Sep 2021 09:
|
|
39
|
+
Fri, 24 Sep 2021 09:17:17 GMT
|
|
10
40
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-aria_v9.0.0-alpha.37..@fluentui/react-aria_v9.0.0-alpha.38)
|
|
11
41
|
|
|
12
42
|
### Changes
|
package/dist/react-aria.d.ts
CHANGED
|
@@ -4,22 +4,25 @@ import * as React_2 from 'react';
|
|
|
4
4
|
import type { ResolveShorthandOptions } from '@fluentui/react-utilities';
|
|
5
5
|
import type { ShorthandProps } from '@fluentui/react-utilities';
|
|
6
6
|
|
|
7
|
-
export declare type ARIAButtonShorthandProps = IntrinsicShorthandProps<'button', '
|
|
7
|
+
export declare type ARIAButtonShorthandProps = IntrinsicShorthandProps<'button', 'a'> & {
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
disabledFocusable?: boolean;
|
|
10
|
+
};
|
|
8
11
|
|
|
9
12
|
/**
|
|
10
13
|
* Merges disabled declaration with `aria-disabled`
|
|
11
14
|
*/
|
|
12
15
|
export declare function mergeARIADisabled(shorthand: ObjectShorthandProps<{
|
|
13
|
-
disabled?: boolean;
|
|
14
16
|
'aria-disabled'?: string | boolean;
|
|
15
17
|
children?: React_2.ReactNode;
|
|
18
|
+
disabled?: boolean;
|
|
16
19
|
}>): boolean;
|
|
17
20
|
|
|
18
21
|
/**
|
|
19
|
-
*
|
|
22
|
+
* Button keyboard handling, role, disabled and tabIndex implementation that ensures ARIA spec
|
|
20
23
|
* for multiple scenarios of shorthand properties. Ensuring 1st rule of ARIA for cases
|
|
21
|
-
* where no attribute addition is required
|
|
24
|
+
* where no attribute addition is required.
|
|
22
25
|
*/
|
|
23
|
-
export declare function useARIAButton<Required extends boolean = false>(
|
|
26
|
+
export declare function useARIAButton<Required extends boolean = false>(shorthand: ShorthandProps<ARIAButtonShorthandProps>, options?: ResolveShorthandOptions<ARIAButtonShorthandProps, Required>): Required extends false ? ARIAButtonShorthandProps | undefined : ARIAButtonShorthandProps;
|
|
24
27
|
|
|
25
28
|
export { }
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import type { IntrinsicShorthandProps, ResolveShorthandOptions, ShorthandProps } from '@fluentui/react-utilities';
|
|
2
|
-
export declare type ARIAButtonShorthandProps = IntrinsicShorthandProps<'button', '
|
|
2
|
+
export declare type ARIAButtonShorthandProps = IntrinsicShorthandProps<'button', 'a'> & {
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
disabledFocusable?: boolean;
|
|
5
|
+
};
|
|
3
6
|
/**
|
|
4
|
-
*
|
|
7
|
+
* Button keyboard handling, role, disabled and tabIndex implementation that ensures ARIA spec
|
|
5
8
|
* for multiple scenarios of shorthand properties. Ensuring 1st rule of ARIA for cases
|
|
6
|
-
* where no attribute addition is required
|
|
9
|
+
* where no attribute addition is required.
|
|
7
10
|
*/
|
|
8
|
-
export declare function useARIAButton<Required extends boolean = false>(
|
|
11
|
+
export declare function useARIAButton<Required extends boolean = false>(shorthand: ShorthandProps<ARIAButtonShorthandProps>, options?: ResolveShorthandOptions<ARIAButtonShorthandProps, Required>): Required extends false ? ARIAButtonShorthandProps | undefined : ARIAButtonShorthandProps;
|
|
@@ -1,100 +1,98 @@
|
|
|
1
1
|
import { Enter, Space } from '@fluentui/keyboard-keys';
|
|
2
2
|
import { resolveShorthand, useEventCallback } from '@fluentui/react-utilities';
|
|
3
|
-
import { mergeARIADisabled } from '../utils/index';
|
|
4
3
|
/**
|
|
5
|
-
*
|
|
4
|
+
* Button keyboard handling, role, disabled and tabIndex implementation that ensures ARIA spec
|
|
6
5
|
* for multiple scenarios of shorthand properties. Ensuring 1st rule of ARIA for cases
|
|
7
|
-
* where no attribute addition is required
|
|
6
|
+
* where no attribute addition is required.
|
|
8
7
|
*/
|
|
9
8
|
|
|
10
|
-
export function useARIAButton(
|
|
11
|
-
var
|
|
9
|
+
export function useARIAButton(shorthand, options) {
|
|
10
|
+
var _a;
|
|
12
11
|
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
var shorthandProps = resolveShorthand(shorthand, options);
|
|
13
|
+
|
|
14
|
+
var _b = shorthandProps || {},
|
|
15
|
+
disabled = _b.disabled,
|
|
16
|
+
disabledFocusable = _b.disabledFocusable,
|
|
17
|
+
onClick = _b.onClick,
|
|
18
|
+
onKeyDown = _b.onKeyDown,
|
|
19
|
+
onKeyUp = _b.onKeyUp,
|
|
20
|
+
tabIndex = _b.tabIndex;
|
|
17
21
|
|
|
18
|
-
var disabled = mergeARIADisabled(shorthand);
|
|
19
22
|
var onClickHandler = useEventCallback(function (ev) {
|
|
20
|
-
if (disabled) {
|
|
23
|
+
if (disabled || disabledFocusable) {
|
|
21
24
|
ev.preventDefault();
|
|
22
25
|
ev.stopPropagation();
|
|
23
26
|
} else {
|
|
24
|
-
|
|
25
|
-
onClick(ev);
|
|
26
|
-
}
|
|
27
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(ev);
|
|
27
28
|
}
|
|
28
29
|
});
|
|
29
30
|
var onKeyDownHandler = useEventCallback(function (ev) {
|
|
30
|
-
|
|
31
|
-
onKeyDown(ev);
|
|
32
|
-
}
|
|
31
|
+
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(ev);
|
|
33
32
|
|
|
34
33
|
if (ev.isDefaultPrevented()) {
|
|
35
34
|
return;
|
|
36
35
|
}
|
|
37
36
|
|
|
38
|
-
|
|
37
|
+
var key = ev.key;
|
|
38
|
+
|
|
39
|
+
if ((disabled || disabledFocusable) && (key === Enter || key === Space)) {
|
|
39
40
|
ev.preventDefault();
|
|
40
41
|
ev.stopPropagation();
|
|
41
42
|
return;
|
|
42
43
|
}
|
|
43
44
|
|
|
44
|
-
if (
|
|
45
|
+
if (key === Space) {
|
|
45
46
|
ev.preventDefault();
|
|
46
47
|
return;
|
|
47
48
|
} // If enter is pressed, activate the button
|
|
48
|
-
else if (
|
|
49
|
+
else if (key === Enter) {
|
|
49
50
|
ev.preventDefault();
|
|
50
51
|
ev.currentTarget.click();
|
|
51
52
|
}
|
|
52
53
|
});
|
|
53
54
|
var onKeyupHandler = useEventCallback(function (ev) {
|
|
54
|
-
|
|
55
|
-
onKeyUp(ev);
|
|
56
|
-
}
|
|
55
|
+
onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(ev);
|
|
57
56
|
|
|
58
57
|
if (ev.isDefaultPrevented()) {
|
|
59
58
|
return;
|
|
60
59
|
}
|
|
61
60
|
|
|
62
|
-
|
|
61
|
+
var key = ev.key;
|
|
62
|
+
|
|
63
|
+
if ((disabled || disabledFocusable) && (key === Enter || key === Space)) {
|
|
63
64
|
ev.preventDefault();
|
|
64
65
|
ev.stopPropagation();
|
|
65
66
|
return;
|
|
66
67
|
}
|
|
67
68
|
|
|
68
|
-
if (
|
|
69
|
+
if (key === Space) {
|
|
69
70
|
ev.preventDefault();
|
|
70
71
|
ev.currentTarget.click();
|
|
71
72
|
}
|
|
72
73
|
});
|
|
73
74
|
|
|
74
|
-
if (
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
75
|
+
if (shorthandProps) {
|
|
76
|
+
// If a <button> tag is to be rendered we just need to set disabled and aria-disabled correctly
|
|
77
|
+
if (shorthandProps.as === 'button' || shorthandProps.as === undefined) {
|
|
78
|
+
shorthandProps.disabled = disabled && !disabledFocusable;
|
|
79
|
+
shorthandProps['aria-disabled'] = disabledFocusable;
|
|
80
|
+
} // If an <a> tag is to be rendered we have to remove disabled and set aria-disabled, role and tabIndex as well as
|
|
81
|
+
// some event handlers.
|
|
82
|
+
else {
|
|
83
|
+
delete shorthandProps.disabled;
|
|
84
|
+
shorthandProps['aria-disabled'] = disabled || disabledFocusable;
|
|
85
|
+
shorthandProps.onClick = onClickHandler;
|
|
86
|
+
shorthandProps.onKeyDown = onKeyDownHandler;
|
|
87
|
+
shorthandProps.onKeyUp = onKeyupHandler;
|
|
88
|
+
shorthandProps.role = (_a = shorthandProps.role) !== null && _a !== void 0 ? _a : 'button';
|
|
89
|
+
shorthandProps.tabIndex = disabled && !disabledFocusable ? undefined : tabIndex !== null && tabIndex !== void 0 ? tabIndex : 0;
|
|
90
|
+
} // Remove non-DOM disabledFocusable prop
|
|
78
91
|
|
|
79
|
-
if (!shorthand.hasOwnProperty('role')) {
|
|
80
|
-
shorthand.role = 'button';
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
if (!shorthand.hasOwnProperty('aria-disabled')) {
|
|
84
|
-
shorthand['aria-disabled'] = disabled;
|
|
85
|
-
}
|
|
86
92
|
|
|
87
|
-
|
|
88
|
-
shorthand.onKeyDown = onKeyDownHandler;
|
|
89
|
-
shorthand.onKeyUp = onKeyupHandler; // Add keydown event handler for all other non-anchor elements.
|
|
90
|
-
|
|
91
|
-
if (shorthand.as !== 'a') {
|
|
92
|
-
if (!shorthand.hasOwnProperty('tabIndex')) {
|
|
93
|
-
shorthand.tabIndex = disabled ? undefined : 0;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
93
|
+
delete shorthandProps.disabledFocusable;
|
|
96
94
|
}
|
|
97
95
|
|
|
98
|
-
return
|
|
96
|
+
return shorthandProps;
|
|
99
97
|
}
|
|
100
98
|
//# sourceMappingURL=useARIAButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/hooks/useARIAButton.ts"],"names":[],"mappings":"AAAA,SAAS,KAAT,EAAgB,KAAhB,QAA6B,yBAA7B;AACA,
|
|
1
|
+
{"version":3,"sources":["../../src/hooks/useARIAButton.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -4,7 +4,7 @@ import { ObjectShorthandProps } from '@fluentui/react-utilities';
|
|
|
4
4
|
* Merges disabled declaration with `aria-disabled`
|
|
5
5
|
*/
|
|
6
6
|
export declare function mergeARIADisabled(shorthand: ObjectShorthandProps<{
|
|
7
|
-
disabled?: boolean;
|
|
8
7
|
'aria-disabled'?: string | boolean;
|
|
9
8
|
children?: React.ReactNode;
|
|
9
|
+
disabled?: boolean;
|
|
10
10
|
}>): boolean;
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
* Merges disabled declaration with `aria-disabled`
|
|
3
3
|
*/
|
|
4
4
|
export function mergeARIADisabled(shorthand) {
|
|
5
|
-
var _a
|
|
5
|
+
var _a;
|
|
6
6
|
|
|
7
|
-
var disabled = (
|
|
7
|
+
var disabled = (_a = shorthand.disabled) !== null && _a !== void 0 ? _a : shorthand['aria-disabled'];
|
|
8
8
|
|
|
9
9
|
if (typeof disabled === 'string') {
|
|
10
10
|
return disabled === 'false' ? false : true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/mergeARIADisabled.ts"],"names":[],"mappings":"AAGA;;AAEG;AACH,OAAM,SAAU,iBAAV,CACJ,SADI,EAKF;;;AAEF,MAAM,QAAQ,GAAA,CAAA,EAAA,
|
|
1
|
+
{"version":3,"sources":["../../src/utils/mergeARIADisabled.ts"],"names":[],"mappings":"AAGA;;AAEG;AACH,OAAM,SAAU,iBAAV,CACJ,SADI,EAKF;;;AAEF,MAAM,QAAQ,GAAA,CAAA,EAAA,GAAG,SAAS,CAAC,QAAb,MAAqB,IAArB,IAAqB,EAAA,KAAA,KAAA,CAArB,GAAqB,EAArB,GAAyB,SAAS,CAAC,eAAD,CAAhD;;AACA,MAAI,OAAO,QAAP,KAAoB,QAAxB,EAAkC;AAChC,WAAO,QAAQ,KAAK,OAAb,GAAuB,KAAvB,GAA+B,IAAtC;AACD;;AACD,SAAO,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAA,QAAA,GAAY,KAAnB;AACD","sourceRoot":""}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import type { IntrinsicShorthandProps, ResolveShorthandOptions, ShorthandProps } from '@fluentui/react-utilities';
|
|
2
|
-
export declare type ARIAButtonShorthandProps = IntrinsicShorthandProps<'button', '
|
|
2
|
+
export declare type ARIAButtonShorthandProps = IntrinsicShorthandProps<'button', 'a'> & {
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
disabledFocusable?: boolean;
|
|
5
|
+
};
|
|
3
6
|
/**
|
|
4
|
-
*
|
|
7
|
+
* Button keyboard handling, role, disabled and tabIndex implementation that ensures ARIA spec
|
|
5
8
|
* for multiple scenarios of shorthand properties. Ensuring 1st rule of ARIA for cases
|
|
6
|
-
* where no attribute addition is required
|
|
9
|
+
* where no attribute addition is required.
|
|
7
10
|
*/
|
|
8
|
-
export declare function useARIAButton<Required extends boolean = false>(
|
|
11
|
+
export declare function useARIAButton<Required extends boolean = false>(shorthand: ShorthandProps<ARIAButtonShorthandProps>, options?: ResolveShorthandOptions<ARIAButtonShorthandProps, Required>): Required extends false ? ARIAButtonShorthandProps | undefined : ARIAButtonShorthandProps;
|
|
@@ -8,104 +8,101 @@ exports.useARIAButton = void 0;
|
|
|
8
8
|
var keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
|
|
9
9
|
|
|
10
10
|
var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
11
|
-
|
|
12
|
-
var index_1 = /*#__PURE__*/require("../utils/index");
|
|
13
11
|
/**
|
|
14
|
-
*
|
|
12
|
+
* Button keyboard handling, role, disabled and tabIndex implementation that ensures ARIA spec
|
|
15
13
|
* for multiple scenarios of shorthand properties. Ensuring 1st rule of ARIA for cases
|
|
16
|
-
* where no attribute addition is required
|
|
14
|
+
* where no attribute addition is required.
|
|
17
15
|
*/
|
|
18
16
|
|
|
19
17
|
|
|
20
|
-
function useARIAButton(
|
|
21
|
-
var
|
|
18
|
+
function useARIAButton(shorthand, options) {
|
|
19
|
+
var _a;
|
|
20
|
+
|
|
21
|
+
var shorthandProps = react_utilities_1.resolveShorthand(shorthand, options);
|
|
22
22
|
|
|
23
|
-
var
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
var _b = shorthandProps || {},
|
|
24
|
+
disabled = _b.disabled,
|
|
25
|
+
disabledFocusable = _b.disabledFocusable,
|
|
26
|
+
onClick = _b.onClick,
|
|
27
|
+
onKeyDown = _b.onKeyDown,
|
|
28
|
+
onKeyUp = _b.onKeyUp,
|
|
29
|
+
tabIndex = _b.tabIndex;
|
|
27
30
|
|
|
28
|
-
var disabled = index_1.mergeARIADisabled(shorthand);
|
|
29
31
|
var onClickHandler = react_utilities_1.useEventCallback(function (ev) {
|
|
30
|
-
if (disabled) {
|
|
32
|
+
if (disabled || disabledFocusable) {
|
|
31
33
|
ev.preventDefault();
|
|
32
34
|
ev.stopPropagation();
|
|
33
35
|
} else {
|
|
34
|
-
|
|
35
|
-
onClick(ev);
|
|
36
|
-
}
|
|
36
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(ev);
|
|
37
37
|
}
|
|
38
38
|
});
|
|
39
39
|
var onKeyDownHandler = react_utilities_1.useEventCallback(function (ev) {
|
|
40
|
-
|
|
41
|
-
onKeyDown(ev);
|
|
42
|
-
}
|
|
40
|
+
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(ev);
|
|
43
41
|
|
|
44
42
|
if (ev.isDefaultPrevented()) {
|
|
45
43
|
return;
|
|
46
44
|
}
|
|
47
45
|
|
|
48
|
-
|
|
46
|
+
var key = ev.key;
|
|
47
|
+
|
|
48
|
+
if ((disabled || disabledFocusable) && (key === keyboard_keys_1.Enter || key === keyboard_keys_1.Space)) {
|
|
49
49
|
ev.preventDefault();
|
|
50
50
|
ev.stopPropagation();
|
|
51
51
|
return;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
if (
|
|
54
|
+
if (key === keyboard_keys_1.Space) {
|
|
55
55
|
ev.preventDefault();
|
|
56
56
|
return;
|
|
57
57
|
} // If enter is pressed, activate the button
|
|
58
|
-
else if (
|
|
58
|
+
else if (key === keyboard_keys_1.Enter) {
|
|
59
59
|
ev.preventDefault();
|
|
60
60
|
ev.currentTarget.click();
|
|
61
61
|
}
|
|
62
62
|
});
|
|
63
63
|
var onKeyupHandler = react_utilities_1.useEventCallback(function (ev) {
|
|
64
|
-
|
|
65
|
-
onKeyUp(ev);
|
|
66
|
-
}
|
|
64
|
+
onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(ev);
|
|
67
65
|
|
|
68
66
|
if (ev.isDefaultPrevented()) {
|
|
69
67
|
return;
|
|
70
68
|
}
|
|
71
69
|
|
|
72
|
-
|
|
70
|
+
var key = ev.key;
|
|
71
|
+
|
|
72
|
+
if ((disabled || disabledFocusable) && (key === keyboard_keys_1.Enter || key === keyboard_keys_1.Space)) {
|
|
73
73
|
ev.preventDefault();
|
|
74
74
|
ev.stopPropagation();
|
|
75
75
|
return;
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
if (
|
|
78
|
+
if (key === keyboard_keys_1.Space) {
|
|
79
79
|
ev.preventDefault();
|
|
80
80
|
ev.currentTarget.click();
|
|
81
81
|
}
|
|
82
82
|
});
|
|
83
83
|
|
|
84
|
-
if (
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
shorthand.tabIndex = disabled ? undefined : 0;
|
|
104
|
-
}
|
|
105
|
-
}
|
|
84
|
+
if (shorthandProps) {
|
|
85
|
+
// If a <button> tag is to be rendered we just need to set disabled and aria-disabled correctly
|
|
86
|
+
if (shorthandProps.as === 'button' || shorthandProps.as === undefined) {
|
|
87
|
+
shorthandProps.disabled = disabled && !disabledFocusable;
|
|
88
|
+
shorthandProps['aria-disabled'] = disabledFocusable;
|
|
89
|
+
} // If an <a> tag is to be rendered we have to remove disabled and set aria-disabled, role and tabIndex as well as
|
|
90
|
+
// some event handlers.
|
|
91
|
+
else {
|
|
92
|
+
delete shorthandProps.disabled;
|
|
93
|
+
shorthandProps['aria-disabled'] = disabled || disabledFocusable;
|
|
94
|
+
shorthandProps.onClick = onClickHandler;
|
|
95
|
+
shorthandProps.onKeyDown = onKeyDownHandler;
|
|
96
|
+
shorthandProps.onKeyUp = onKeyupHandler;
|
|
97
|
+
shorthandProps.role = (_a = shorthandProps.role) !== null && _a !== void 0 ? _a : 'button';
|
|
98
|
+
shorthandProps.tabIndex = disabled && !disabledFocusable ? undefined : tabIndex !== null && tabIndex !== void 0 ? tabIndex : 0;
|
|
99
|
+
} // Remove non-DOM disabledFocusable prop
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
delete shorthandProps.disabledFocusable;
|
|
106
103
|
}
|
|
107
104
|
|
|
108
|
-
return
|
|
105
|
+
return shorthandProps;
|
|
109
106
|
}
|
|
110
107
|
|
|
111
108
|
exports.useARIAButton = useARIAButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/hooks/useARIAButton.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA
|
|
1
|
+
{"version":3,"sources":["../../src/hooks/useARIAButton.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -4,7 +4,7 @@ import { ObjectShorthandProps } from '@fluentui/react-utilities';
|
|
|
4
4
|
* Merges disabled declaration with `aria-disabled`
|
|
5
5
|
*/
|
|
6
6
|
export declare function mergeARIADisabled(shorthand: ObjectShorthandProps<{
|
|
7
|
-
disabled?: boolean;
|
|
8
7
|
'aria-disabled'?: string | boolean;
|
|
9
8
|
children?: React.ReactNode;
|
|
9
|
+
disabled?: boolean;
|
|
10
10
|
}>): boolean;
|
|
@@ -9,9 +9,9 @@ exports.mergeARIADisabled = void 0;
|
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
11
|
function mergeARIADisabled(shorthand) {
|
|
12
|
-
var _a
|
|
12
|
+
var _a;
|
|
13
13
|
|
|
14
|
-
var disabled = (
|
|
14
|
+
var disabled = (_a = shorthand.disabled) !== null && _a !== void 0 ? _a : shorthand['aria-disabled'];
|
|
15
15
|
|
|
16
16
|
if (typeof disabled === 'string') {
|
|
17
17
|
return disabled === 'false' ? false : true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/mergeARIADisabled.ts"],"names":[],"mappings":";;;;;;AAGA;;AAEG;;AACH,SAAgB,iBAAhB,CACE,SADF,EAKI;;;AAEF,MAAM,QAAQ,GAAA,CAAA,EAAA,
|
|
1
|
+
{"version":3,"sources":["../../src/utils/mergeARIADisabled.ts"],"names":[],"mappings":";;;;;;AAGA;;AAEG;;AACH,SAAgB,iBAAhB,CACE,SADF,EAKI;;;AAEF,MAAM,QAAQ,GAAA,CAAA,EAAA,GAAG,SAAS,CAAC,QAAb,MAAqB,IAArB,IAAqB,EAAA,KAAA,KAAA,CAArB,GAAqB,EAArB,GAAyB,SAAS,CAAC,eAAD,CAAhD;;AACA,MAAI,OAAO,QAAP,KAAoB,QAAxB,EAAkC;AAChC,WAAO,QAAQ,KAAK,OAAb,GAAuB,KAAvB,GAA+B,IAAtC;AACD;;AACD,SAAO,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAA,QAAA,GAAY,KAAnB;AACD;;AAZD,OAAA,CAAA,iBAAA,GAAA,iBAAA","sourceRoot":""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-aria",
|
|
3
|
-
"version": "9.0.0-alpha.
|
|
3
|
+
"version": "9.0.0-alpha.41",
|
|
4
4
|
"description": "React helper to ensure ARIA",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"@fluentui/eslint-plugin": "*",
|
|
28
|
-
"@fluentui/jest-serializer-make-styles": "9.0.0-alpha.
|
|
28
|
+
"@fluentui/jest-serializer-make-styles": "9.0.0-alpha.49",
|
|
29
29
|
"@fluentui/react-conformance": "*",
|
|
30
30
|
"@fluentui/scripts": "^1.0.0",
|
|
31
31
|
"@types/enzyme": "3.10.3",
|
|
@@ -41,8 +41,8 @@
|
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"@fluentui/keyboard-keys": "9.0.0-alpha.3",
|
|
44
|
-
"@fluentui/react-make-styles": "9.0.0-alpha.
|
|
45
|
-
"@fluentui/react-utilities": "9.0.0-alpha.
|
|
44
|
+
"@fluentui/react-make-styles": "9.0.0-alpha.74",
|
|
45
|
+
"@fluentui/react-utilities": "9.0.0-alpha.53",
|
|
46
46
|
"tslib": "^2.1.0"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|