@react-aria/live-announcer 3.0.2 → 3.0.3
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/dist/main.js +43 -43
- package/dist/module.js +43 -43
- package/package.json +4 -4
package/dist/main.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
var $
|
|
2
|
-
var $
|
|
3
|
-
var $
|
|
1
|
+
var $bJEFw$react = require("react");
|
|
2
|
+
var $bJEFw$reactdom = require("react-dom");
|
|
3
|
+
var $bJEFw$reactariavisuallyhidden = require("@react-aria/visually-hidden");
|
|
4
4
|
|
|
5
5
|
function $parcel$exportWildcard(dest, source) {
|
|
6
6
|
Object.keys(source).forEach(function(key) {
|
|
@@ -24,55 +24,55 @@ function $parcel$interopDefault(a) {
|
|
|
24
24
|
function $parcel$export(e, n, v, s) {
|
|
25
25
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
26
26
|
}
|
|
27
|
-
var $
|
|
27
|
+
var $12d876d6d3272804$exports = {};
|
|
28
28
|
|
|
29
|
-
$parcel$export($
|
|
30
|
-
$parcel$export($
|
|
31
|
-
$parcel$export($
|
|
29
|
+
$parcel$export($12d876d6d3272804$exports, "announce", () => $12d876d6d3272804$export$a9b970dcc4ae71a9);
|
|
30
|
+
$parcel$export($12d876d6d3272804$exports, "clearAnnouncer", () => $12d876d6d3272804$export$d10ae4f68404609a);
|
|
31
|
+
$parcel$export($12d876d6d3272804$exports, "destroyAnnouncer", () => $12d876d6d3272804$export$d8686216b8b81b2f);
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
/* Inspired by https://github.com/AlmeroSteyn/react-aria-live */ const $
|
|
36
|
-
let $
|
|
37
|
-
let $
|
|
38
|
-
let $
|
|
39
|
-
function $
|
|
40
|
-
$
|
|
35
|
+
/* Inspired by https://github.com/AlmeroSteyn/react-aria-live */ const $12d876d6d3272804$var$LIVEREGION_TIMEOUT_DELAY = 7000;
|
|
36
|
+
let $12d876d6d3272804$var$liveRegionAnnouncer = /*#__PURE__*/ ($parcel$interopDefault($bJEFw$react)).createRef();
|
|
37
|
+
let $12d876d6d3272804$var$node = null;
|
|
38
|
+
let $12d876d6d3272804$var$messageId = 0;
|
|
39
|
+
function $12d876d6d3272804$export$a9b970dcc4ae71a9(message, assertiveness = 'assertive', timeout = $12d876d6d3272804$var$LIVEREGION_TIMEOUT_DELAY) {
|
|
40
|
+
$12d876d6d3272804$var$ensureInstance((announcer)=>announcer.announce(message, assertiveness, timeout)
|
|
41
41
|
);
|
|
42
42
|
}
|
|
43
|
-
function $
|
|
44
|
-
$
|
|
43
|
+
function $12d876d6d3272804$export$d10ae4f68404609a(assertiveness) {
|
|
44
|
+
$12d876d6d3272804$var$ensureInstance((announcer)=>announcer.clear(assertiveness)
|
|
45
45
|
);
|
|
46
46
|
}
|
|
47
|
-
function $
|
|
48
|
-
if ($
|
|
49
|
-
($parcel$interopDefault($
|
|
50
|
-
document.body.removeChild($
|
|
51
|
-
$
|
|
47
|
+
function $12d876d6d3272804$export$d8686216b8b81b2f() {
|
|
48
|
+
if ($12d876d6d3272804$var$liveRegionAnnouncer.current) {
|
|
49
|
+
($parcel$interopDefault($bJEFw$reactdom)).unmountComponentAtNode($12d876d6d3272804$var$node);
|
|
50
|
+
document.body.removeChild($12d876d6d3272804$var$node);
|
|
51
|
+
$12d876d6d3272804$var$node = null;
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
/**
|
|
55
55
|
* Ensures we only have one instance of the announcer so that we don't have elements competing.
|
|
56
|
-
*/ function $
|
|
57
|
-
if (!$
|
|
58
|
-
$
|
|
59
|
-
$
|
|
60
|
-
document.body.prepend($
|
|
61
|
-
($parcel$interopDefault($
|
|
62
|
-
ref: $
|
|
63
|
-
}), $
|
|
56
|
+
*/ function $12d876d6d3272804$var$ensureInstance(callback) {
|
|
57
|
+
if (!$12d876d6d3272804$var$liveRegionAnnouncer.current) {
|
|
58
|
+
$12d876d6d3272804$var$node = document.createElement('div');
|
|
59
|
+
$12d876d6d3272804$var$node.dataset.liveAnnouncer = 'true';
|
|
60
|
+
document.body.prepend($12d876d6d3272804$var$node);
|
|
61
|
+
($parcel$interopDefault($bJEFw$reactdom)).render(/*#__PURE__*/ ($parcel$interopDefault($bJEFw$react)).createElement($12d876d6d3272804$var$LiveRegionAnnouncer, {
|
|
62
|
+
ref: $12d876d6d3272804$var$liveRegionAnnouncer
|
|
63
|
+
}), $12d876d6d3272804$var$node, ()=>callback($12d876d6d3272804$var$liveRegionAnnouncer.current)
|
|
64
64
|
);
|
|
65
|
-
} else callback($
|
|
65
|
+
} else callback($12d876d6d3272804$var$liveRegionAnnouncer.current);
|
|
66
66
|
}
|
|
67
|
-
const $
|
|
68
|
-
let [assertiveMessages, setAssertiveMessages] = $
|
|
69
|
-
let [politeMessages, setPoliteMessages] = $
|
|
67
|
+
const $12d876d6d3272804$var$LiveRegionAnnouncer = /*#__PURE__*/ ($parcel$interopDefault($bJEFw$react)).forwardRef((_, ref)=>{
|
|
68
|
+
let [assertiveMessages, setAssertiveMessages] = $bJEFw$react.useState([]);
|
|
69
|
+
let [politeMessages, setPoliteMessages] = $bJEFw$react.useState([]);
|
|
70
70
|
let clear = (assertiveness)=>{
|
|
71
71
|
if (!assertiveness || assertiveness === 'assertive') setAssertiveMessages([]);
|
|
72
72
|
if (!assertiveness || assertiveness === 'polite') setPoliteMessages([]);
|
|
73
73
|
};
|
|
74
|
-
let $
|
|
75
|
-
let id = $
|
|
74
|
+
let $12d876d6d3272804$export$a9b970dcc4ae71a9 = (message1, assertiveness = 'assertive', timeout = $12d876d6d3272804$var$LIVEREGION_TIMEOUT_DELAY)=>{
|
|
75
|
+
let id = $12d876d6d3272804$var$messageId++;
|
|
76
76
|
if (assertiveness === 'assertive') setAssertiveMessages((messages)=>[
|
|
77
77
|
...messages,
|
|
78
78
|
{
|
|
@@ -98,25 +98,25 @@ const $ba55b6fce4b0585b$var$LiveRegionAnnouncer = /*#__PURE__*/ ($parcel$interop
|
|
|
98
98
|
);
|
|
99
99
|
}, timeout);
|
|
100
100
|
};
|
|
101
|
-
$
|
|
102
|
-
announce: $
|
|
101
|
+
$bJEFw$react.useImperativeHandle(ref, ()=>({
|
|
102
|
+
announce: $12d876d6d3272804$export$a9b970dcc4ae71a9,
|
|
103
103
|
clear: clear
|
|
104
104
|
})
|
|
105
105
|
);
|
|
106
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
106
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($bJEFw$react)).createElement($bJEFw$react.Fragment, null, /*#__PURE__*/ ($parcel$interopDefault($bJEFw$react)).createElement($12d876d6d3272804$var$MessageBlock, {
|
|
107
107
|
"aria-live": "assertive"
|
|
108
|
-
}, assertiveMessages.map((message)=>/*#__PURE__*/ ($parcel$interopDefault($
|
|
108
|
+
}, assertiveMessages.map((message)=>/*#__PURE__*/ ($parcel$interopDefault($bJEFw$react)).createElement("div", {
|
|
109
109
|
key: message.id
|
|
110
110
|
}, message.text)
|
|
111
|
-
)), /*#__PURE__*/ ($parcel$interopDefault($
|
|
111
|
+
)), /*#__PURE__*/ ($parcel$interopDefault($bJEFw$react)).createElement($12d876d6d3272804$var$MessageBlock, {
|
|
112
112
|
"aria-live": "polite"
|
|
113
|
-
}, politeMessages.map((message)=>/*#__PURE__*/ ($parcel$interopDefault($
|
|
113
|
+
}, politeMessages.map((message)=>/*#__PURE__*/ ($parcel$interopDefault($bJEFw$react)).createElement("div", {
|
|
114
114
|
key: message.id
|
|
115
115
|
}, message.text)
|
|
116
116
|
))));
|
|
117
117
|
});
|
|
118
|
-
function $
|
|
119
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
118
|
+
function $12d876d6d3272804$var$MessageBlock({ children: children , 'aria-live': ariaLive }) {
|
|
119
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($bJEFw$react)).createElement($bJEFw$reactariavisuallyhidden.VisuallyHidden, {
|
|
120
120
|
role: "log",
|
|
121
121
|
"aria-live": ariaLive,
|
|
122
122
|
"aria-relevant": "additions"
|
|
@@ -124,7 +124,7 @@ function $ba55b6fce4b0585b$var$MessageBlock({ children: children , 'aria-live':
|
|
|
124
124
|
}
|
|
125
125
|
|
|
126
126
|
|
|
127
|
-
$parcel$exportWildcard(module.exports, $
|
|
127
|
+
$parcel$exportWildcard(module.exports, $12d876d6d3272804$exports);
|
|
128
128
|
|
|
129
129
|
|
|
130
130
|
//# sourceMappingURL=main.js.map
|
package/dist/module.js
CHANGED
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
import $
|
|
2
|
-
import $
|
|
3
|
-
import {VisuallyHidden as $
|
|
1
|
+
import $icz4I$react, {useState as $icz4I$useState, useImperativeHandle as $icz4I$useImperativeHandle, Fragment as $icz4I$Fragment} from "react";
|
|
2
|
+
import $icz4I$reactdom from "react-dom";
|
|
3
|
+
import {VisuallyHidden as $icz4I$VisuallyHidden} from "@react-aria/visually-hidden";
|
|
4
4
|
|
|
5
5
|
function $parcel$export(e, n, v, s) {
|
|
6
6
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
7
7
|
}
|
|
8
|
-
var $
|
|
8
|
+
var $9694eec57086f168$exports = {};
|
|
9
9
|
|
|
10
|
-
$parcel$export($
|
|
11
|
-
$parcel$export($
|
|
12
|
-
$parcel$export($
|
|
10
|
+
$parcel$export($9694eec57086f168$exports, "announce", () => $9694eec57086f168$export$a9b970dcc4ae71a9);
|
|
11
|
+
$parcel$export($9694eec57086f168$exports, "clearAnnouncer", () => $9694eec57086f168$export$d10ae4f68404609a);
|
|
12
|
+
$parcel$export($9694eec57086f168$exports, "destroyAnnouncer", () => $9694eec57086f168$export$d8686216b8b81b2f);
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
/* Inspired by https://github.com/AlmeroSteyn/react-aria-live */ const $
|
|
17
|
-
let $
|
|
18
|
-
let $
|
|
19
|
-
let $
|
|
20
|
-
function $
|
|
21
|
-
$
|
|
16
|
+
/* Inspired by https://github.com/AlmeroSteyn/react-aria-live */ const $9694eec57086f168$var$LIVEREGION_TIMEOUT_DELAY = 7000;
|
|
17
|
+
let $9694eec57086f168$var$liveRegionAnnouncer = /*#__PURE__*/ $icz4I$react.createRef();
|
|
18
|
+
let $9694eec57086f168$var$node = null;
|
|
19
|
+
let $9694eec57086f168$var$messageId = 0;
|
|
20
|
+
function $9694eec57086f168$export$a9b970dcc4ae71a9(message, assertiveness = 'assertive', timeout = $9694eec57086f168$var$LIVEREGION_TIMEOUT_DELAY) {
|
|
21
|
+
$9694eec57086f168$var$ensureInstance((announcer)=>announcer.announce(message, assertiveness, timeout)
|
|
22
22
|
);
|
|
23
23
|
}
|
|
24
|
-
function $
|
|
25
|
-
$
|
|
24
|
+
function $9694eec57086f168$export$d10ae4f68404609a(assertiveness) {
|
|
25
|
+
$9694eec57086f168$var$ensureInstance((announcer)=>announcer.clear(assertiveness)
|
|
26
26
|
);
|
|
27
27
|
}
|
|
28
|
-
function $
|
|
29
|
-
if ($
|
|
30
|
-
$
|
|
31
|
-
document.body.removeChild($
|
|
32
|
-
$
|
|
28
|
+
function $9694eec57086f168$export$d8686216b8b81b2f() {
|
|
29
|
+
if ($9694eec57086f168$var$liveRegionAnnouncer.current) {
|
|
30
|
+
$icz4I$reactdom.unmountComponentAtNode($9694eec57086f168$var$node);
|
|
31
|
+
document.body.removeChild($9694eec57086f168$var$node);
|
|
32
|
+
$9694eec57086f168$var$node = null;
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
/**
|
|
36
36
|
* Ensures we only have one instance of the announcer so that we don't have elements competing.
|
|
37
|
-
*/ function $
|
|
38
|
-
if (!$
|
|
39
|
-
$
|
|
40
|
-
$
|
|
41
|
-
document.body.prepend($
|
|
42
|
-
$
|
|
43
|
-
ref: $
|
|
44
|
-
}), $
|
|
37
|
+
*/ function $9694eec57086f168$var$ensureInstance(callback) {
|
|
38
|
+
if (!$9694eec57086f168$var$liveRegionAnnouncer.current) {
|
|
39
|
+
$9694eec57086f168$var$node = document.createElement('div');
|
|
40
|
+
$9694eec57086f168$var$node.dataset.liveAnnouncer = 'true';
|
|
41
|
+
document.body.prepend($9694eec57086f168$var$node);
|
|
42
|
+
$icz4I$reactdom.render(/*#__PURE__*/ $icz4I$react.createElement($9694eec57086f168$var$LiveRegionAnnouncer, {
|
|
43
|
+
ref: $9694eec57086f168$var$liveRegionAnnouncer
|
|
44
|
+
}), $9694eec57086f168$var$node, ()=>callback($9694eec57086f168$var$liveRegionAnnouncer.current)
|
|
45
45
|
);
|
|
46
|
-
} else callback($
|
|
46
|
+
} else callback($9694eec57086f168$var$liveRegionAnnouncer.current);
|
|
47
47
|
}
|
|
48
|
-
const $
|
|
49
|
-
let [assertiveMessages, setAssertiveMessages] = $
|
|
50
|
-
let [politeMessages, setPoliteMessages] = $
|
|
48
|
+
const $9694eec57086f168$var$LiveRegionAnnouncer = /*#__PURE__*/ $icz4I$react.forwardRef((_, ref)=>{
|
|
49
|
+
let [assertiveMessages, setAssertiveMessages] = $icz4I$useState([]);
|
|
50
|
+
let [politeMessages, setPoliteMessages] = $icz4I$useState([]);
|
|
51
51
|
let clear = (assertiveness)=>{
|
|
52
52
|
if (!assertiveness || assertiveness === 'assertive') setAssertiveMessages([]);
|
|
53
53
|
if (!assertiveness || assertiveness === 'polite') setPoliteMessages([]);
|
|
54
54
|
};
|
|
55
|
-
let $
|
|
56
|
-
let id = $
|
|
55
|
+
let $9694eec57086f168$export$a9b970dcc4ae71a9 = (message1, assertiveness = 'assertive', timeout = $9694eec57086f168$var$LIVEREGION_TIMEOUT_DELAY)=>{
|
|
56
|
+
let id = $9694eec57086f168$var$messageId++;
|
|
57
57
|
if (assertiveness === 'assertive') setAssertiveMessages((messages)=>[
|
|
58
58
|
...messages,
|
|
59
59
|
{
|
|
@@ -79,25 +79,25 @@ const $b95a471aac7c72bc$var$LiveRegionAnnouncer = /*#__PURE__*/ $cqdCi$react.for
|
|
|
79
79
|
);
|
|
80
80
|
}, timeout);
|
|
81
81
|
};
|
|
82
|
-
$
|
|
83
|
-
announce: $
|
|
82
|
+
$icz4I$useImperativeHandle(ref, ()=>({
|
|
83
|
+
announce: $9694eec57086f168$export$a9b970dcc4ae71a9,
|
|
84
84
|
clear: clear
|
|
85
85
|
})
|
|
86
86
|
);
|
|
87
|
-
return(/*#__PURE__*/ $
|
|
87
|
+
return(/*#__PURE__*/ $icz4I$react.createElement($icz4I$Fragment, null, /*#__PURE__*/ $icz4I$react.createElement($9694eec57086f168$var$MessageBlock, {
|
|
88
88
|
"aria-live": "assertive"
|
|
89
|
-
}, assertiveMessages.map((message)=>/*#__PURE__*/ $
|
|
89
|
+
}, assertiveMessages.map((message)=>/*#__PURE__*/ $icz4I$react.createElement("div", {
|
|
90
90
|
key: message.id
|
|
91
91
|
}, message.text)
|
|
92
|
-
)), /*#__PURE__*/ $
|
|
92
|
+
)), /*#__PURE__*/ $icz4I$react.createElement($9694eec57086f168$var$MessageBlock, {
|
|
93
93
|
"aria-live": "polite"
|
|
94
|
-
}, politeMessages.map((message)=>/*#__PURE__*/ $
|
|
94
|
+
}, politeMessages.map((message)=>/*#__PURE__*/ $icz4I$react.createElement("div", {
|
|
95
95
|
key: message.id
|
|
96
96
|
}, message.text)
|
|
97
97
|
))));
|
|
98
98
|
});
|
|
99
|
-
function $
|
|
100
|
-
return(/*#__PURE__*/ $
|
|
99
|
+
function $9694eec57086f168$var$MessageBlock({ children: children , 'aria-live': ariaLive }) {
|
|
100
|
+
return(/*#__PURE__*/ $icz4I$react.createElement($icz4I$VisuallyHidden, {
|
|
101
101
|
role: "log",
|
|
102
102
|
"aria-live": ariaLive,
|
|
103
103
|
"aria-relevant": "additions"
|
|
@@ -107,5 +107,5 @@ function $b95a471aac7c72bc$var$MessageBlock({ children: children , 'aria-live':
|
|
|
107
107
|
|
|
108
108
|
|
|
109
109
|
|
|
110
|
-
export {$
|
|
110
|
+
export {$9694eec57086f168$export$a9b970dcc4ae71a9 as announce, $9694eec57086f168$export$d10ae4f68404609a as clearAnnouncer, $9694eec57086f168$export$d8686216b8b81b2f as destroyAnnouncer};
|
|
111
111
|
//# sourceMappingURL=module.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-aria/live-announcer",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.3",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@babel/runtime": "^7.6.2",
|
|
21
|
-
"@react-aria/utils": "^3.11.
|
|
22
|
-
"@react-aria/visually-hidden": "^3.2.
|
|
21
|
+
"@react-aria/utils": "^3.11.2",
|
|
22
|
+
"@react-aria/visually-hidden": "^3.2.5"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"react": "^16.8.0 || ^17.0.0-rc.1",
|
|
@@ -28,5 +28,5 @@
|
|
|
28
28
|
"publishConfig": {
|
|
29
29
|
"access": "public"
|
|
30
30
|
},
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "404d41859b7d6f56201d7fc01bd9f22ae3512937"
|
|
32
32
|
}
|