You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP
Socket
Book a DemoInstallSign in
Socket

@react-aria/live-announcer

Package Overview
Dependencies
Maintainers
2
Versions
998
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@react-aria/live-announcer - npm Package Compare versions

Comparing version

to
3.0.0-nightly.2846

dist/LiveAnnouncer.main.js

93

dist/main.js

@@ -0,2 +1,4 @@

var $97cebfa4133ebec3$exports = require("./LiveAnnouncer.main.js");
function $parcel$export(e, n, v, s) {

@@ -6,5 +8,5 @@ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});

$parcel$export(module.exports, "announce", () => $97cebfa4133ebec3$export$a9b970dcc4ae71a9);
$parcel$export(module.exports, "clearAnnouncer", () => $97cebfa4133ebec3$export$d10ae4f68404609a);
$parcel$export(module.exports, "destroyAnnouncer", () => $97cebfa4133ebec3$export$d8686216b8b81b2f);
$parcel$export(module.exports, "announce", () => $97cebfa4133ebec3$exports.announce);
$parcel$export(module.exports, "clearAnnouncer", () => $97cebfa4133ebec3$exports.clearAnnouncer);
$parcel$export(module.exports, "destroyAnnouncer", () => $97cebfa4133ebec3$exports.destroyAnnouncer);
/*

@@ -20,88 +22,5 @@ * Copyright 2020 Adobe. All rights reserved.

* governing permissions and limitations under the License.
*/ /*
* Copyright 2020 Adobe. All rights reserved.
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License. You may obtain a copy
* of the License at http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*/ /* Inspired by https://github.com/AlmeroSteyn/react-aria-live */ const $97cebfa4133ebec3$var$LIVEREGION_TIMEOUT_DELAY = 7000;
let $97cebfa4133ebec3$var$liveAnnouncer = null;
function $97cebfa4133ebec3$export$a9b970dcc4ae71a9(message, assertiveness = "assertive", timeout = $97cebfa4133ebec3$var$LIVEREGION_TIMEOUT_DELAY) {
if (!$97cebfa4133ebec3$var$liveAnnouncer) $97cebfa4133ebec3$var$liveAnnouncer = new $97cebfa4133ebec3$var$LiveAnnouncer();
$97cebfa4133ebec3$var$liveAnnouncer.announce(message, assertiveness, timeout);
}
function $97cebfa4133ebec3$export$d10ae4f68404609a(assertiveness) {
if ($97cebfa4133ebec3$var$liveAnnouncer) $97cebfa4133ebec3$var$liveAnnouncer.clear(assertiveness);
}
function $97cebfa4133ebec3$export$d8686216b8b81b2f() {
if ($97cebfa4133ebec3$var$liveAnnouncer) {
$97cebfa4133ebec3$var$liveAnnouncer.destroy();
$97cebfa4133ebec3$var$liveAnnouncer = null;
}
}
// LiveAnnouncer is implemented using vanilla DOM, not React. That's because as of React 18
// ReactDOM.render is deprecated, and the replacement, ReactDOM.createRoot is moved into a
// subpath import `react-dom/client`. That makes it hard for us to support multiple React versions.
// As a global API, we can't use portals without introducing a breaking API change. LiveAnnouncer
// is simple enough to implement without React, so that's what we do here.
// See this discussion for more details: https://github.com/reactwg/react-18/discussions/125#discussioncomment-2382638
class $97cebfa4133ebec3$var$LiveAnnouncer {
createLog(ariaLive) {
let node = document.createElement("div");
node.setAttribute("role", "log");
node.setAttribute("aria-live", ariaLive);
node.setAttribute("aria-relevant", "additions");
return node;
}
destroy() {
if (!this.node) return;
document.body.removeChild(this.node);
this.node = null;
}
announce(message, assertiveness = "assertive", timeout = $97cebfa4133ebec3$var$LIVEREGION_TIMEOUT_DELAY) {
if (!this.node) return;
let node = document.createElement("div");
node.textContent = message;
if (assertiveness === "assertive") this.assertiveLog.appendChild(node);
else this.politeLog.appendChild(node);
if (message !== "") setTimeout(()=>{
node.remove();
}, timeout);
}
clear(assertiveness) {
if (!this.node) return;
if (!assertiveness || assertiveness === "assertive") this.assertiveLog.innerHTML = "";
if (!assertiveness || assertiveness === "polite") this.politeLog.innerHTML = "";
}
constructor(){
this.node = document.createElement("div");
this.node.dataset.liveAnnouncer = "true";
// copied from VisuallyHidden
Object.assign(this.node.style, {
border: 0,
clip: "rect(0 0 0 0)",
clipPath: "inset(50%)",
height: "1px",
margin: "-1px",
overflow: "hidden",
padding: 0,
position: "absolute",
width: "1px",
whiteSpace: "nowrap"
});
this.assertiveLog = this.createLog("assertive");
this.node.appendChild(this.assertiveLog);
this.politeLog = this.createLog("polite");
this.node.appendChild(this.politeLog);
document.body.prepend(this.node);
}
}
*/
//# sourceMappingURL=main.js.map

@@ -0,1 +1,3 @@

import {announce as $319e236875307eab$export$a9b970dcc4ae71a9, clearAnnouncer as $319e236875307eab$export$d10ae4f68404609a, destroyAnnouncer as $319e236875307eab$export$d8686216b8b81b2f} from "./LiveAnnouncer.module.js";
/*

@@ -11,89 +13,6 @@ * Copyright 2020 Adobe. All rights reserved.

* governing permissions and limitations under the License.
*/ /*
* Copyright 2020 Adobe. All rights reserved.
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License. You may obtain a copy
* of the License at http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*/ /* Inspired by https://github.com/AlmeroSteyn/react-aria-live */ const $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY = 7000;
let $319e236875307eab$var$liveAnnouncer = null;
function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = "assertive", timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
if (!$319e236875307eab$var$liveAnnouncer) $319e236875307eab$var$liveAnnouncer = new $319e236875307eab$var$LiveAnnouncer();
$319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
}
function $319e236875307eab$export$d10ae4f68404609a(assertiveness) {
if ($319e236875307eab$var$liveAnnouncer) $319e236875307eab$var$liveAnnouncer.clear(assertiveness);
}
function $319e236875307eab$export$d8686216b8b81b2f() {
if ($319e236875307eab$var$liveAnnouncer) {
$319e236875307eab$var$liveAnnouncer.destroy();
$319e236875307eab$var$liveAnnouncer = null;
}
}
// LiveAnnouncer is implemented using vanilla DOM, not React. That's because as of React 18
// ReactDOM.render is deprecated, and the replacement, ReactDOM.createRoot is moved into a
// subpath import `react-dom/client`. That makes it hard for us to support multiple React versions.
// As a global API, we can't use portals without introducing a breaking API change. LiveAnnouncer
// is simple enough to implement without React, so that's what we do here.
// See this discussion for more details: https://github.com/reactwg/react-18/discussions/125#discussioncomment-2382638
class $319e236875307eab$var$LiveAnnouncer {
createLog(ariaLive) {
let node = document.createElement("div");
node.setAttribute("role", "log");
node.setAttribute("aria-live", ariaLive);
node.setAttribute("aria-relevant", "additions");
return node;
}
destroy() {
if (!this.node) return;
document.body.removeChild(this.node);
this.node = null;
}
announce(message, assertiveness = "assertive", timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
if (!this.node) return;
let node = document.createElement("div");
node.textContent = message;
if (assertiveness === "assertive") this.assertiveLog.appendChild(node);
else this.politeLog.appendChild(node);
if (message !== "") setTimeout(()=>{
node.remove();
}, timeout);
}
clear(assertiveness) {
if (!this.node) return;
if (!assertiveness || assertiveness === "assertive") this.assertiveLog.innerHTML = "";
if (!assertiveness || assertiveness === "polite") this.politeLog.innerHTML = "";
}
constructor(){
this.node = document.createElement("div");
this.node.dataset.liveAnnouncer = "true";
// copied from VisuallyHidden
Object.assign(this.node.style, {
border: 0,
clip: "rect(0 0 0 0)",
clipPath: "inset(50%)",
height: "1px",
margin: "-1px",
overflow: "hidden",
padding: 0,
position: "absolute",
width: "1px",
whiteSpace: "nowrap"
});
this.assertiveLog = this.createLog("assertive");
this.node.appendChild(this.assertiveLog);
this.politeLog = this.createLog("polite");
this.node.appendChild(this.politeLog);
document.body.prepend(this.node);
}
}
*/
export {$319e236875307eab$export$a9b970dcc4ae71a9 as announce, $319e236875307eab$export$d10ae4f68404609a as clearAnnouncer, $319e236875307eab$export$d8686216b8b81b2f as destroyAnnouncer};
//# sourceMappingURL=module.js.map
{
"name": "@react-aria/live-announcer",
"version": "3.0.0-nightly.2843+81162ea39",
"version": "3.0.0-nightly.2846+c5e4b3701",
"description": "Spectrum UI components in React",

@@ -30,3 +30,3 @@ "license": "Apache-2.0",

},
"gitHead": "81162ea392926d06ec3d25c228e6f9b6b5479d59"
"gitHead": "c5e4b3701fdb89eb551f1b3697ac253f06ef68fa"
}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet