@reach/alert - npm Package Compare versions

Comparing version 0.7.4 to 0.8.0

dist/alert.cjs.development.js

@@ -78,5 +78,5 @@ 'use strict';
 });
-Alert.displayName = "Alert";
 
 {
+  Alert.displayName = "Alert";
   Alert.propTypes = {
@@ -83,0 +83,0 @@ children: PropTypes.node,

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")),i=require("@reach/utils");require("prop-types");var c,o={polite:-1,assertive:-1},l={polite:{},assertive:{}},a={polite:null,assertive:null},f=t.forwardRef((function(e,n){var u=e.children,c=e.type,o=void 0===c?"polite":c,l=function(e,t){if(null==e)return{};var r,n,u={},i=Object.keys(e);for(n=0;n<i.length;n++)t.indexOf(r=i[n])>=0||(u[r]=e[r]);return u}(e,["children","type"]),a=t.useRef(null),f=i.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=i.usePrevious(e),c=t.useRef(null),o=t.useRef(!1);t.useEffect((function(){var t=(n.current||{}).ownerDocument;o.current?u!==e?(c.current&&c.current.unmount(),c.current=s(e,t),c.current.mount(r)):c.current&&c.current.update(r):(o.current=!0,c.current=s(e,t),c.current.mount(r))}),[r,e,u]),t.useEffect((function(){return function(){c.current&&c.current.unmount()}}),[])}(o,d,a),d}));function s(e,t){void 0===t&&(t=document);var r=++o[e];return{mount:function n(u){if(a[e])l[e][r]=u,d();else{var i=t.createElement("div");i.setAttribute("data-reach-live-"+e,"true"),a[e]=i,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!=c&&window.clearTimeout(c),c=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)}f.displayName="Alert",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")),i=require("@reach/utils");require("prop-types");var c,o={polite:-1,assertive:-1},l={polite:{},assertive:{}},a={polite:null,assertive:null},f=t.forwardRef((function(e,n){var u=e.children,c=e.type,o=void 0===c?"polite":c,l=function(e,t){if(null==e)return{};var r,n,u={},i=Object.keys(e);for(n=0;n<i.length;n++)t.indexOf(r=i[n])>=0||(u[r]=e[r]);return u}(e,["children","type"]),a=t.useRef(null),f=i.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=i.usePrevious(e),c=t.useRef(null),o=t.useRef(!1);t.useEffect((function(){var t=(n.current||{}).ownerDocument;o.current?u!==e?(c.current&&c.current.unmount(),c.current=s(e,t),c.current.mount(r)):c.current&&c.current.update(r):(o.current=!0,c.current=s(e,t),c.current.mount(r))}),[r,e,u]),t.useEffect((function(){return function(){c.current&&c.current.unmount()}}),[])}(o,d,a),d}));function s(e,t){void 0===t&&(t=document);var r=++o[e];return{mount:function n(u){if(a[e])l[e][r]=u,d();else{var i=t.createElement("div");i.setAttribute("data-reach-live-"+e,"true"),a[e]=i,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!=c&&window.clearTimeout(c),c=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

@@ -71,5 +71,5 @@ import React, { forwardRef, useRef, useMemo, useEffect } from 'react';
 });
-Alert.displayName = "Alert";
 
 if (process.env.NODE_ENV !== "production") {
+  Alert.displayName = "Alert";
   Alert.propTypes = {
@@ -76,0 +76,0 @@ children: PropTypes.node,

dist/index.d.ts

@@ -31,3 +31,12 @@ /**
  */
-export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Alert: React.ForwardRefExoticComponent<{
+    /**
+     * Controls whether the assistive technology should read immediately
+     * ("assertive") or wait until the user is idle ("polite").
+     *
+     * @see Docs https://reacttraining.com/reach-ui/alert#alert-type
+     */
+    type?: "polite" | "assertive" | undefined;
+    children: React.ReactNode;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 /**
@@ -45,3 +54,3 @@ * @see Docs https://reacttraining.com/reach-ui/alert#alert-props
     children: React.ReactNode;
-};
+} & React.HTMLAttributes<HTMLDivElement>;
 export default Alert;

package.json

 {
   "name": "@reach/alert",
-  "version": "0.7.4",
+  "version": "0.8.0",
   "description": "Screen-reader-friendly alert messages.",
@@ -18,4 +18,4 @@ "author": "React Training <[e-mail]>",
   "dependencies": {
-    "@reach/utils": "^0.7.4",
-    "@reach/visually-hidden": "^0.7.4",
+    "@reach/utils": "^0.8.0",
+    "@reach/visually-hidden": "^0.8.0",
     "prop-types": "^15.7.2"
@@ -34,3 +34,3 @@ },
   ],
-  "gitHead": "f460709e283a60dd5ea62952b7feaf88546a50ff"
+  "gitHead": "7702c46373c7f11adc21184e7def9977203e9326"
 }

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

47270

increased by0.96%

Lines of code

377

increased by2.45%

Dependency changes

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

• + Added@reach/visually-hidden@0.8.6(transitive)

• + Addedtslib@1.14.1(transitive)

• + Addedwarning@4.0.3(transitive)

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

• - Removed@reach/visually-hidden@0.7.4(transitive)

• Updated@reach/utils@^0.8.0

• Updated@reach/visually-hidden@^0.8.0