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

Comparing version 3.0.0-nightly.3114 to 3.0.0-nightly-641446f65-240905

dist/LiveAnnouncer.main.js

@@ -20,5 +20,6 @@
  */ /* Inspired by https://github.com/AlmeroSteyn/react-aria-live */ const $97cebfa4133ebec3$var$LIVEREGION_TIMEOUT_DELAY = 7000;
-function $97cebfa4133ebec3$export$a9b970dcc4ae71a9(message, assertiveness = 'assertive', timeout = $97cebfa4133ebec3$var$LIVEREGION_TIMEOUT_DELAY, mode = 'message') {
+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, mode);
+    $97cebfa4133ebec3$var$liveAnnouncer.announce(message, assertiveness, timeout);
 }
@@ -53,14 +54,8 @@ function $97cebfa4133ebec3$export$d10ae4f68404609a(assertiveness) {
     }
-    announce(message, assertiveness = 'assertive', timeout = $97cebfa4133ebec3$var$LIVEREGION_TIMEOUT_DELAY, mode = 'message') {
-        var _this_assertiveLog, _this_politeLog;
+    announce(message, assertiveness = 'assertive', timeout = $97cebfa4133ebec3$var$LIVEREGION_TIMEOUT_DELAY) {
         if (!this.node) return;
         let node = document.createElement('div');
-        if (mode === 'message') node.textContent = message;
-        else {
-            // To read an aria-labelledby, the element must have an appropriate role, such as img.
-            node.setAttribute('role', 'img');
-            node.setAttribute('aria-labelledby', message);
-        }
-        if (assertiveness === 'assertive') (_this_assertiveLog = this.assertiveLog) === null || _this_assertiveLog === void 0 ? void 0 : _this_assertiveLog.appendChild(node);
-        else (_this_politeLog = this.politeLog) === null || _this_politeLog === void 0 ? void 0 : _this_politeLog.appendChild(node);
+        node.textContent = message;
+        if (assertiveness === 'assertive') this.assertiveLog.appendChild(node);
+        else this.politeLog.appendChild(node);
         if (message !== '') setTimeout(()=>{
@@ -72,38 +67,30 @@ node.remove();
         if (!this.node) return;
-        if ((!assertiveness || assertiveness === 'assertive') && this.assertiveLog) this.assertiveLog.innerHTML = '';
-        if ((!assertiveness || assertiveness === 'polite') && this.politeLog) this.politeLog.innerHTML = '';
+        if (!assertiveness || assertiveness === 'assertive') this.assertiveLog.innerHTML = '';
+        if (!assertiveness || assertiveness === 'polite') this.politeLog.innerHTML = '';
     }
     constructor(){
-        this.node = null;
-        this.assertiveLog = null;
-        this.politeLog = null;
-        if (typeof document !== 'undefined') {
-            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);
-        }
+        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);
     }
 }
-// singleton, setup immediately so that the DOM is primed for the first announcement as soon as possible
-// Safari has a race condition where the first announcement is not read if we wait until the first announce call
-let $97cebfa4133ebec3$var$liveAnnouncer = new $97cebfa4133ebec3$var$LiveAnnouncer();
 
 
 //# sourceMappingURL=LiveAnnouncer.main.js.map

dist/LiveAnnouncer.module.js

@@ -12,5 +12,6 @@ /*
  */ /* Inspired by https://github.com/AlmeroSteyn/react-aria-live */ const $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY = 7000;
-function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = 'assertive', timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY, mode = 'message') {
+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, mode);
+    $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
 }
@@ -45,14 +46,8 @@ function $319e236875307eab$export$d10ae4f68404609a(assertiveness) {
     }
-    announce(message, assertiveness = 'assertive', timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY, mode = 'message') {
-        var _this_assertiveLog, _this_politeLog;
+    announce(message, assertiveness = 'assertive', timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
         if (!this.node) return;
         let node = document.createElement('div');
-        if (mode === 'message') node.textContent = message;
-        else {
-            // To read an aria-labelledby, the element must have an appropriate role, such as img.
-            node.setAttribute('role', 'img');
-            node.setAttribute('aria-labelledby', message);
-        }
-        if (assertiveness === 'assertive') (_this_assertiveLog = this.assertiveLog) === null || _this_assertiveLog === void 0 ? void 0 : _this_assertiveLog.appendChild(node);
-        else (_this_politeLog = this.politeLog) === null || _this_politeLog === void 0 ? void 0 : _this_politeLog.appendChild(node);
+        node.textContent = message;
+        if (assertiveness === 'assertive') this.assertiveLog.appendChild(node);
+        else this.politeLog.appendChild(node);
         if (message !== '') setTimeout(()=>{
@@ -64,36 +59,28 @@ node.remove();
         if (!this.node) return;
-        if ((!assertiveness || assertiveness === 'assertive') && this.assertiveLog) this.assertiveLog.innerHTML = '';
-        if ((!assertiveness || assertiveness === 'polite') && this.politeLog) this.politeLog.innerHTML = '';
+        if (!assertiveness || assertiveness === 'assertive') this.assertiveLog.innerHTML = '';
+        if (!assertiveness || assertiveness === 'polite') this.politeLog.innerHTML = '';
     }
     constructor(){
-        this.node = null;
-        this.assertiveLog = null;
-        this.politeLog = null;
-        if (typeof document !== 'undefined') {
-            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);
-        }
+        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);
     }
 }
-// singleton, setup immediately so that the DOM is primed for the first announcement as soon as possible
-// Safari has a race condition where the first announcement is not read if we wait until the first announce call
-let $319e236875307eab$var$liveAnnouncer = new $319e236875307eab$var$LiveAnnouncer();
 
@@ -100,0 +87,0 @@

dist/types.d.ts

@@ -5,3 +5,3 @@ type Assertiveness = 'assertive' | 'polite';
  */
-export function announce(message: string, assertiveness?: Assertiveness, timeout?: number, mode?: 'message' | 'ids'): void;
+export function announce(message: string, assertiveness?: Assertiveness, timeout?: number): void;
 /**
@@ -8,0 +8,0 @@ * Stops all queued announcements.

package.json

 {
   "name": "@react-aria/live-announcer",
-  "version": "3.0.0-nightly.3114+68403fe55",
+  "version": "3.0.0-nightly-641446f65-240905",
   "description": "Spectrum UI components in React",
@@ -30,3 +30,3 @@ "license": "Apache-2.0",
   },
-  "gitHead": "68403fe55489dce3de1b3094c957d598ad719861"
-}
+  "stableVersion": "3.3.4"
+}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

37107

decreased by-32.01%

Number of package files

16

decreased by-5.88%

Lines of code

450

decreased by-10%

No dependency changes