@reach/dialog - npm Package Compare versions

Comparing version 0.7.4 to 0.8.0

dist/dialog.cjs.development.js

@@ -49,3 +49,5 @@ 'use strict';
 var overlayPropTypes = {
-  initialFocusRef: function initialFocusRef() {},
+  initialFocusRef: function initialFocusRef() {
+    return null;
+  },
   allowPinchZoom: PropTypes.bool,
@@ -82,5 +84,5 @@ onDismiss: PropTypes.func
 });
-DialogOverlay.displayName = "DialogOverlay";
 
 {
+  DialogOverlay.displayName = "DialogOverlay";
   DialogOverlay.propTypes =
@@ -160,5 +162,5 @@ /*#__PURE__*/
 });
-DialogOverlay.displayName = "DialogOverlay";
 
 {
+  DialogOverlay.displayName = "DialogOverlay";
   DialogOverlay.propTypes =
@@ -204,5 +206,5 @@ /*#__PURE__*/
 });
-DialogContent.displayName = "DialogContent";
 
 {
+  DialogContent.displayName = "DialogContent";
   DialogContent.propTypes = {
@@ -241,5 +243,5 @@ "aria-label": ariaLabelType,
 });
-Dialog.displayName = "Dialog";
 
 {
+  Dialog.displayName = "Dialog";
   Dialog.propTypes = {
@@ -246,0 +248,0 @@ isOpen: PropTypes.bool,

dist/dialog.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 o=require("react"),r=e(o),n=e(require("@reach/portal")),t=require("@reach/utils"),a=e(require("react-focus-lock")),i=require("react-remove-scroll");function l(e,o){if(null==e)return{};var r,n,t={},a=Object.keys(e);for(n=0;n<a.length;n++)o.indexOf(r=a[n])>=0||(t[r]=e[r]);return t}require("prop-types");var u=o.forwardRef((function(e,a){var i=e.isOpen,u=void 0===i||i,s=l(e,["isOpen"]);return o.useEffect((function(){return t.checkStyles("dialog")}),[]),u?r.createElement(n,{"data-reach-dialog-wrapper":""},r.createElement(c,Object.assign({ref:a},s))):null}));u.displayName="DialogOverlay";var c=o.forwardRef((function(e,n){var u=e.allowPinchZoom,c=e.initialFocusRef,s=e.onClick,f=e.onDismiss,d=void 0===f?t.noop:f,p=e.onMouseDown,v=e.onKeyDown,m=l(e,["allowPinchZoom","initialFocusRef","onClick","onDismiss","onMouseDown","onKeyDown"]),g=o.useRef(null),y=o.useRef(null),w=t.useForkedRef(y,n),D=o.useCallback((function(){c&&c.current&&c.current.focus()}),[c]);return o.useEffect((function(){return y.current?(o=[],r=[],(e=y.current)?(Array.prototype.forEach.call(document.querySelectorAll("body > *"),(function(n){var t,a;if(n!==(null===(t=e.parentNode)||void 0===t?void 0:null===(a=t.parentNode)||void 0===a?void 0:a.parentNode)){var i=n.getAttribute("aria-hidden");null!==i&&"false"!==i||(o.push(i),r.push(n),n.setAttribute("aria-hidden","true"))}})),function(){r.forEach((function(e,r){var n=o[r];null===n?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",n)}))}):t.noop):void 0;var e,o,r}),[]),r.createElement(a,{autoFocus:!0,returnFocus:!0,onActivation:D},r.createElement(i.RemoveScroll,{allowPinchZoom:u},r.createElement("div",Object.assign({},m,{ref:w,"data-reach-dialog-overlay":"",onClick:t.wrapEvent(s,(function(e){g.current===e.target&&(e.stopPropagation(),d(e))})),onKeyDown:t.wrapEvent(v,(function(e){"Escape"===e.key&&(e.stopPropagation(),d(e))})),onMouseDown:t.wrapEvent(p,(function(e){g.current=e.target}))}))))}));u.displayName="DialogOverlay";var s=o.forwardRef((function(e,o){var n=e.onClick,a=l(e,["onClick","onKeyDown"]);return r.createElement("div",Object.assign({"aria-modal":"true",role:"dialog",tabIndex:-1},a,{ref:o,"data-reach-dialog-content":"",onClick:t.wrapEvent(n,(function(e){e.stopPropagation()}))}))}));s.displayName="DialogContent";var f=o.forwardRef((function(e,o){var n=e.isOpen,a=e.onDismiss,i=void 0===a?t.noop:a,c=e.initialFocusRef,f=l(e,["isOpen","onDismiss","initialFocusRef"]);return r.createElement(u,{initialFocusRef:c,isOpen:n,onDismiss:i},r.createElement(s,Object.assign({ref:o},f)))}));f.displayName="Dialog",exports.Dialog=f,exports.DialogContent=s,exports.DialogOverlay=u,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 n=require("react"),o=e(n),r=e(require("@reach/portal")),t=require("@reach/utils"),i=e(require("react-focus-lock")),a=require("react-remove-scroll");function u(e,n){if(null==e)return{};var o,r,t={},i=Object.keys(e);for(r=0;r<i.length;r++)n.indexOf(o=i[r])>=0||(t[o]=e[o]);return t}require("prop-types");var c=n.forwardRef((function(e,i){var a=e.isOpen,c=void 0===a||a,s=u(e,["isOpen"]);return n.useEffect((function(){return t.checkStyles("dialog")}),[]),c?o.createElement(r,{"data-reach-dialog-wrapper":""},o.createElement(l,Object.assign({ref:i},s))):null})),l=n.forwardRef((function(e,r){var c=e.allowPinchZoom,l=e.initialFocusRef,s=e.onClick,f=e.onDismiss,d=void 0===f?t.noop:f,p=e.onMouseDown,v=e.onKeyDown,m=u(e,["allowPinchZoom","initialFocusRef","onClick","onDismiss","onMouseDown","onKeyDown"]),g=n.useRef(null),w=n.useRef(null),h=t.useForkedRef(w,r),E=n.useCallback((function(){l&&l.current&&l.current.focus()}),[l]);return n.useEffect((function(){return w.current?(n=[],o=[],(e=w.current)?(Array.prototype.forEach.call(document.querySelectorAll("body > *"),(function(r){var t,i;if(r!==(null===(t=e.parentNode)||void 0===t?void 0:null===(i=t.parentNode)||void 0===i?void 0:i.parentNode)){var a=r.getAttribute("aria-hidden");null!==a&&"false"!==a||(n.push(a),o.push(r),r.setAttribute("aria-hidden","true"))}})),function(){o.forEach((function(e,o){var r=n[o];null===r?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",r)}))}):t.noop):void 0;var e,n,o}),[]),o.createElement(i,{autoFocus:!0,returnFocus:!0,onActivation:E},o.createElement(a.RemoveScroll,{allowPinchZoom:c},o.createElement("div",Object.assign({},m,{ref:h,"data-reach-dialog-overlay":"",onClick:t.wrapEvent(s,(function(e){g.current===e.target&&(e.stopPropagation(),d(e))})),onKeyDown:t.wrapEvent(v,(function(e){"Escape"===e.key&&(e.stopPropagation(),d(e))})),onMouseDown:t.wrapEvent(p,(function(e){g.current=e.target}))}))))})),s=n.forwardRef((function(e,n){var r=e.onClick,i=u(e,["onClick","onKeyDown"]);return o.createElement("div",Object.assign({"aria-modal":"true",role:"dialog",tabIndex:-1},i,{ref:n,"data-reach-dialog-content":"",onClick:t.wrapEvent(r,(function(e){e.stopPropagation()}))}))})),f=n.forwardRef((function(e,n){var r=e.isOpen,i=e.onDismiss,a=void 0===i?t.noop:i,l=e.initialFocusRef,f=u(e,["isOpen","onDismiss","initialFocusRef"]);return o.createElement(c,{initialFocusRef:l,isOpen:r,onDismiss:a},o.createElement(s,Object.assign({ref:n},f)))}));exports.Dialog=f,exports.DialogContent=s,exports.DialogOverlay=c,exports.default=f;
 //# sourceMappingURL=dialog.cjs.production.min.js.map

dist/dialog.esm.js

@@ -42,3 +42,5 @@ import React, { forwardRef, useEffect, useRef, useCallback } from 'react';
 var overlayPropTypes = {
-  initialFocusRef: function initialFocusRef() {},
+  initialFocusRef: function initialFocusRef() {
+    return null;
+  },
   allowPinchZoom: PropTypes.bool,
@@ -75,5 +77,5 @@ onDismiss: PropTypes.func
 });
-DialogOverlay.displayName = "DialogOverlay";
 
 if (process.env.NODE_ENV !== "production") {
+  DialogOverlay.displayName = "DialogOverlay";
   DialogOverlay.propTypes =
@@ -153,5 +155,5 @@ /*#__PURE__*/
 });
-DialogOverlay.displayName = "DialogOverlay";
 
 if (process.env.NODE_ENV !== "production") {
+  DialogOverlay.displayName = "DialogOverlay";
   DialogOverlay.propTypes =
@@ -197,5 +199,5 @@ /*#__PURE__*/
 });
-DialogContent.displayName = "DialogContent";
 
 if (process.env.NODE_ENV !== "production") {
+  DialogContent.displayName = "DialogContent";
   DialogContent.propTypes = {
@@ -234,5 +236,5 @@ "aria-label": ariaLabelType,
 });
-Dialog.displayName = "Dialog";
 
 if (process.env.NODE_ENV !== "production") {
+  Dialog.displayName = "Dialog";
   Dialog.propTypes = {
@@ -239,0 +241,0 @@ isOpen: PropTypes.bool,

package.json

 {
   "name": "@reach/dialog",
-  "version": "0.7.4",
+  "version": "0.8.0",
   "description": "Accessible React Modal Dialog.",
@@ -18,4 +18,4 @@ "author": "React Training <[e-mail]>",
   "dependencies": {
-    "@reach/portal": "^0.7.4",
-    "@reach/utils": "^0.7.4",
+    "@reach/portal": "^0.8.0",
+    "@reach/utils": "^0.8.0",
     "prop-types": "^15.7.2",
@@ -37,3 +37,3 @@ "react-focus-lock": "^2.2.1",
   ],
-  "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

Lines of code

740

increased by0.54%

Worsened metrics

Total package byte prevSize

79598

decreased by-0.1%

Dependency changes

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

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

• + Addedtslib@1.14.1(transitive)

• + Addedwarning@4.0.3(transitive)

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

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

• Updated@reach/portal@^0.8.0

• Updated@reach/utils@^0.8.0