@reach/alert - npm Package Compare versions

Comparing version 0.10.5 to 0.11.0

dist/alert.cjs.development.js

@@ -5,11 +5,14 @@ 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var React = require('react');
-var React__default = _interopDefault(React);
 var reactDom = require('react-dom');
-var VisuallyHidden = _interopDefault(require('@reach/visually-hidden'));
+var VisuallyHidden = require('@reach/visually-hidden');
 var utils = require('@reach/utils');
-var PropTypes = _interopDefault(require('prop-types'));
+var PropTypes = require('prop-types');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var VisuallyHidden__default = /*#__PURE__*/_interopDefaultLegacy(VisuallyHidden);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -56,3 +59,3 @@ if (source == null) return {};
  *
- * @see Docs https://reacttraining.com/reach-ui/alert
+ * @see Docs https://reach.tech/alert
  */
@@ -69,3 +72,3 @@
   var child = React.useMemo(function () {
-    return React__default.createElement("div", Object.assign({}, props, {
+    return React__default['default'].createElement("div", Object.assign({}, props, {
       ref: ref,
@@ -83,4 +86,4 @@ "data-reach-alert": true
   Alert.propTypes = {
-    children: PropTypes.node,
-    type: /*#__PURE__*/PropTypes.oneOf(["assertive", "polite"])
+    children: PropTypes__default['default'].node,
+    type: /*#__PURE__*/PropTypes__default['default'].oneOf(["assertive", "polite"])
   };
@@ -133,3 +136,3 @@ }
       if (container) {
-        reactDom.render(React__default.createElement(VisuallyHidden, null, React__default.createElement("div", {
+        reactDom.render(React__default['default'].createElement(VisuallyHidden__default['default'], null, React__default['default'].createElement("div", {
           // The status role is a type of live region and a container whose
@@ -145,3 +148,3 @@ // content is advisory information for the user that is not
         }, Object.keys(elements[regionType]).map(function (key) {
-          return React__default.cloneElement(elements[regionType][key], {
+          return React__default['default'].cloneElement(elements[regionType][key], {
             key: key,
@@ -148,0 +151,0 @@ ref: null

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

dist/alert.esm.js

@@ -48,3 +48,3 @@ import React, { forwardRef, useRef, useMemo, useEffect } from 'react';
  *
- * @see Docs https://reacttraining.com/reach-ui/alert
+ * @see Docs https://reach.tech/alert
  */
@@ -51,0 +51,0 @@

dist/index.d.ts

@@ -21,3 +21,3 @@ /**
  *
- * @see Docs     https://reacttraining.com/reach-ui/alert
+ * @see Docs     https://reach.tech/alert
  * @see Source   https://github.com/reach/reach-ui/tree/main/packages/alert
@@ -34,3 +34,3 @@ * @see WAI-ARIA https://www.w3.org/TR/wai-aria-practices-1.2/#alert
  *
- * @see Docs https://reacttraining.com/reach-ui/alert
+ * @see Docs https://reach.tech/alert
  */
@@ -42,3 +42,3 @@ export declare const Alert: React.ForwardRefExoticComponent<{
      *
-     * @see Docs https://reacttraining.com/reach-ui/alert#alert-type
+     * @see Docs https://reach.tech/alert#alert-type
      */
@@ -49,3 +49,3 @@ type?: "polite" | "assertive" | undefined;
 /**
- * @see Docs https://reacttraining.com/reach-ui/alert#alert-props
+ * @see Docs https://reach.tech/alert#alert-props
  */
@@ -57,3 +57,3 @@ export declare type AlertProps = {
      *
-     * @see Docs https://reacttraining.com/reach-ui/alert#alert-type
+     * @see Docs https://reach.tech/alert#alert-type
      */
@@ -60,0 +60,0 @@ type?: "assertive" | "polite";

package.json

 {
   "name": "@reach/alert",
-  "version": "0.10.5",
+  "version": "0.11.0",
   "description": "Screen-reader-friendly alert messages.",
@@ -13,7 +13,7 @@ "author": "React Training <[e-mail]>",
   "scripts": {
-    "build": "ts-node ../../scripts/build"
+    "build": "ts-node --transpile-only ../../scripts/build-package $npm_package_name"
   },
   "dependencies": {
-    "@reach/utils": "0.10.5",
-    "@reach/visually-hidden": "0.10.4",
+    "@reach/utils": "0.11.0",
+    "@reach/visually-hidden": "0.11.0",
     "prop-types": "^15.7.2",
@@ -33,3 +33,3 @@ "tslib": "^2.0.0"
   ],
-  "gitHead": "86a046f54d53b6420e392b3fa56dd991d9d4e458"
+  "gitHead": "7eaa66982cd17fb012c13c97e6a1770f75b6ce00"
 }

README.md

@@ -5,3 +5,3 @@ # @reach/alert
 
-[Docs](https://reacttraining.com/reach-ui/alert) | [Source](https://github.com/reach/reach-ui/tree/main/packages/alert) | [WAI-ARIA](https://www.w3.org/TR/wai-aria-practices-1.2/#alert)
+[Docs](https://reach.tech/alert) | [Source](https://github.com/reach/reach-ui/tree/main/packages/alert) | [WAI-ARIA](https://www.w3.org/TR/wai-aria-practices-1.2/#alert)
 
@@ -8,0 +8,0 @@ Screen-reader-friendly alert messages. In many apps developers add "alert" messages when network events or other things happen. Users with assistive technologies may not know about the message unless you develop for it.

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

51552

increased by0.03%

Lines of code

380

increased by0.53%

Dependency changes

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

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

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

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

• Updated@reach/utils@0.11.0

• Updated@reach/visually-hidden@0.11.0