@reach/alert - npm Package Compare versions

Comparing version 0.10.4 to 0.10.5

dist/alert.cjs.development.js

@@ -61,3 +61,3 @@ 'use strict';
       _ref$type = _ref.type,
-      type = _ref$type === void 0 ? "polite" : _ref$type,
+      regionType = _ref$type === void 0 ? "polite" : _ref$type,
       props = _objectWithoutPropertiesLoose(_ref, ["children", "type"]);
@@ -74,3 +74,3 @@
   [children, props]);
-  useMirrorEffects(type, child, ownRef);
+  useMirrorEffects(regionType, child, ownRef);
   return child;
@@ -127,4 +127,4 @@ });
     Object.keys(elements).forEach(function (elementType) {
-      var type = elementType;
-      var container = liveRegions[type];
+      var regionType = elementType;
+      var container = liveRegions[regionType];
 
@@ -140,10 +140,10 @@ if (container) {
           // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_status_role
-          role: type === "assertive" ? "alert" : "status",
-          "aria-live": type
-        }, Object.keys(elements[type]).map(function (key) {
-          return React__default.cloneElement(elements[type][key], {
+          role: regionType === "assertive" ? "alert" : "status",
+          "aria-live": regionType
+        }, Object.keys(elements[regionType]).map(function (key) {
+          return React__default.cloneElement(elements[regionType][key], {
             key: key,
             ref: null
           });
-        }))), liveRegions[type]);
+        }))), liveRegions[regionType]);
       }
@@ -154,4 +154,4 @@ });
 
-function useMirrorEffects(type, element, ref) {
-  var prevType = utils.usePrevious(type);
+function useMirrorEffects(regionType, element, ref) {
+  var prevType = utils.usePrevious(regionType);
   var mirror = React.useRef(null);
@@ -164,13 +164,12 @@ var mounted = React.useRef(false);
       mounted.current = true;
-      mirror.current = createMirror(type, ownerDocument);
+      mirror.current = createMirror(regionType, ownerDocument);
       mirror.current.mount(element);
-    } else if (prevType !== type) {
+    } else if (prevType !== regionType) {
       mirror.current && mirror.current.unmount();
-      mirror.current = createMirror(type, ownerDocument);
+      mirror.current = createMirror(regionType, ownerDocument);
       mirror.current.mount(element);
     } else {
       mirror.current && mirror.current.update(element);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [element, type, prevType]);
+    }
+  }, [element, regionType, prevType, ref]);
   React.useEffect(function () {
@@ -177,0 +176,0 @@ return function () {

dist/alert.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),r=e(t),n=require("react-dom"),u=e(require("@reach/visually-hidden")),c=require("@reach/utils");require("prop-types");var i,o={polite:-1,assertive:-1},l={polite:{},assertive:{}},a={polite:null,assertive:null},f=t.forwardRef((function(e,n){var u=e.children,i=e.type,o=void 0===i?"polite":i,l=function(e,t){if(null==e)return{};var r,n,u={},c=Object.keys(e);for(n=0;n<c.length;n++)t.indexOf(r=c[n])>=0||(u[r]=e[r]);return u}(e,["children","type"]),a=t.useRef(null),f=c.useForkedRef(n,a),d=t.useMemo((function(){return r.createElement("div",Object.assign({},l,{ref:f,"data-reach-alert":!0}),u)}),[u,l]);return function(e,r,n){var u=c.usePrevious(e),i=t.useRef(null),o=t.useRef(!1);t.useEffect((function(){var t=c.getOwnerDocument(n.current)||document;o.current?u!==e?(i.current&&i.current.unmount(),i.current=s(e,t),i.current.mount(r)):i.current&&i.current.update(r):(o.current=!0,i.current=s(e,t),i.current.mount(r))}),[r,e,u]),t.useEffect((function(){return function(){i.current&&i.current.unmount()}}),[])}(o,d,a),d}));function s(e,t){var r=++o[e];return{mount:function n(u){if(a[e])l[e][r]=u,d();else{var c=t.createElement("div");c.setAttribute("data-reach-live-"+e,"true"),a[e]=c,t.body.appendChild(a[e]),n(u)}},update:function(t){l[e][r]=t,d()},unmount:function(){delete l[e][r],d()}}}function d(){null!=i&&window.clearTimeout(i),i=window.setTimeout((function(){Object.keys(l).forEach((function(e){var t=e;a[t]&&n.render(r.createElement(u,null,r.createElement("div",{role:"assertive"===t?"alert":"status","aria-live":t},Object.keys(l[t]).map((function(e){return r.cloneElement(l[t][e],{key:e,ref:null})})))),a[t])}))}),500)}exports.Alert=f,exports.default=f;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),r=e(t),n=require("react-dom"),u=e(require("@reach/visually-hidden")),c=require("@reach/utils");require("prop-types");var i,o={polite:-1,assertive:-1},l={polite:{},assertive:{}},a={polite:null,assertive:null},f=t.forwardRef((function(e,n){var u=e.children,i=e.type,o=void 0===i?"polite":i,l=function(e,t){if(null==e)return{};var r,n,u={},c=Object.keys(e);for(n=0;n<c.length;n++)t.indexOf(r=c[n])>=0||(u[r]=e[r]);return u}(e,["children","type"]),a=t.useRef(null),f=c.useForkedRef(n,a),d=t.useMemo((function(){return r.createElement("div",Object.assign({},l,{ref:f,"data-reach-alert":!0}),u)}),[u,l]);return function(e,r,n){var u=c.usePrevious(e),i=t.useRef(null),o=t.useRef(!1);t.useEffect((function(){var t=c.getOwnerDocument(n.current)||document;o.current?u!==e?(i.current&&i.current.unmount(),i.current=s(e,t),i.current.mount(r)):i.current&&i.current.update(r):(o.current=!0,i.current=s(e,t),i.current.mount(r))}),[r,e,u,n]),t.useEffect((function(){return function(){i.current&&i.current.unmount()}}),[])}(o,d,a),d}));function s(e,t){var r=++o[e];return{mount:function n(u){if(a[e])l[e][r]=u,d();else{var c=t.createElement("div");c.setAttribute("data-reach-live-"+e,"true"),a[e]=c,t.body.appendChild(a[e]),n(u)}},update:function(t){l[e][r]=t,d()},unmount:function(){delete l[e][r],d()}}}function d(){null!=i&&window.clearTimeout(i),i=window.setTimeout((function(){Object.keys(l).forEach((function(e){var t=e;a[t]&&n.render(r.createElement(u,null,r.createElement("div",{role:"assertive"===t?"alert":"status","aria-live":t},Object.keys(l[t]).map((function(e){return r.cloneElement(l[t][e],{key:e,ref:null})})))),a[t])}))}),500)}exports.Alert=f,exports.default=f;
 //# sourceMappingURL=alert.cjs.production.min.js.map

dist/alert.esm.js

@@ -54,3 +54,3 @@ import React, { forwardRef, useRef, useMemo, useEffect } from 'react';
       _ref$type = _ref.type,
-      type = _ref$type === void 0 ? "polite" : _ref$type,
+      regionType = _ref$type === void 0 ? "polite" : _ref$type,
       props = _objectWithoutPropertiesLoose(_ref, ["children", "type"]);
@@ -67,3 +67,3 @@
   [children, props]);
-  useMirrorEffects(type, child, ownRef);
+  useMirrorEffects(regionType, child, ownRef);
   return child;
@@ -120,4 +120,4 @@ });
     Object.keys(elements).forEach(function (elementType) {
-      var type = elementType;
-      var container = liveRegions[type];
+      var regionType = elementType;
+      var container = liveRegions[regionType];
 
@@ -133,10 +133,10 @@ if (container) {
           // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_status_role
-          role: type === "assertive" ? "alert" : "status",
-          "aria-live": type
-        }, Object.keys(elements[type]).map(function (key) {
-          return React.cloneElement(elements[type][key], {
+          role: regionType === "assertive" ? "alert" : "status",
+          "aria-live": regionType
+        }, Object.keys(elements[regionType]).map(function (key) {
+          return React.cloneElement(elements[regionType][key], {
             key: key,
             ref: null
           });
-        }))), liveRegions[type]);
+        }))), liveRegions[regionType]);
       }
@@ -147,4 +147,4 @@ });
 
-function useMirrorEffects(type, element, ref) {
-  var prevType = usePrevious(type);
+function useMirrorEffects(regionType, element, ref) {
+  var prevType = usePrevious(regionType);
   var mirror = useRef(null);
@@ -157,13 +157,12 @@ var mounted = useRef(false);
       mounted.current = true;
-      mirror.current = createMirror(type, ownerDocument);
+      mirror.current = createMirror(regionType, ownerDocument);
       mirror.current.mount(element);
-    } else if (prevType !== type) {
+    } else if (prevType !== regionType) {
       mirror.current && mirror.current.unmount();
-      mirror.current = createMirror(type, ownerDocument);
+      mirror.current = createMirror(regionType, ownerDocument);
       mirror.current.mount(element);
     } else {
       mirror.current && mirror.current.update(element);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [element, type, prevType]);
+    }
+  }, [element, regionType, prevType, ref]);
   useEffect(function () {
@@ -170,0 +169,0 @@ return function () {

package.json

 {
   "name": "@reach/alert",
-  "version": "0.10.4",
+  "version": "0.10.5",
   "description": "Screen-reader-friendly alert messages.",
@@ -16,3 +16,3 @@ "author": "React Training <[e-mail]>",
   "dependencies": {
-    "@reach/utils": "0.10.4",
+    "@reach/utils": "0.10.5",
     "@reach/visually-hidden": "0.10.4",
@@ -33,3 +33,3 @@ "prop-types": "^15.7.2",
   ],
-  "gitHead": "a0c7b3672835b2a9f84732663bb0e78992541211"
+  "gitHead": "86a046f54d53b6420e392b3fa56dd991d9d4e458"
 }

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

Improved metrics

Total package byte prevSize

51536

increased by0.55%

Dependency changes

• + Added@reach/utils@0.10.5(transitive)

• - Removed@reach/utils@0.10.4(transitive)

• Updated@reach/utils@0.10.5