@reach/dialog - npm Package Compare versions

Comparing version 0.8.5 to 0.8.6

dist/dialog.cjs.development.js

@@ -67,5 +67,3 @@ 'use strict';
 
-var DialogOverlay =
-/*#__PURE__*/
-React.forwardRef(function DialogOverlay(_ref, forwardedRef) {
+var DialogOverlay = /*#__PURE__*/React.forwardRef(function DialogOverlay(_ref, forwardedRef) {
   var _ref$isOpen = _ref.isOpen,
@@ -87,5 +85,3 @@ isOpen = _ref$isOpen === void 0 ? true : _ref$isOpen,
   DialogOverlay.displayName = "DialogOverlay";
-  DialogOverlay.propTypes =
-  /*#__PURE__*/
-  _extends({}, overlayPropTypes, {
+  DialogOverlay.propTypes = /*#__PURE__*/_extends({}, overlayPropTypes, {
     isOpen: PropTypes.bool
@@ -100,5 +96,3 @@ });
 
-var DialogInner =
-/*#__PURE__*/
-React.forwardRef(function DialogInner(_ref2, forwardedRef) {
+var DialogInner = /*#__PURE__*/React.forwardRef(function DialogInner(_ref2, forwardedRef) {
   var allowPinchZoom = _ref2.allowPinchZoom,
@@ -166,5 +160,3 @@ initialFocusRef = _ref2.initialFocusRef,
   DialogOverlay.displayName = "DialogOverlay";
-  DialogOverlay.propTypes =
-  /*#__PURE__*/
-  _extends({}, overlayPropTypes);
+  DialogOverlay.propTypes = /*#__PURE__*/_extends({}, overlayPropTypes);
 } ////////////////////////////////////////////////////////////////////////////////
@@ -189,5 +181,3 @@
 
-var DialogContent =
-/*#__PURE__*/
-React.forwardRef(function DialogContent(_ref3, forwardedRef) {
+var DialogContent = /*#__PURE__*/React.forwardRef(function DialogContent(_ref3, forwardedRef) {
   var onClick = _ref3.onClick,
@@ -227,5 +217,3 @@ props = _objectWithoutPropertiesLoose(_ref3, ["onClick", "onKeyDown"]);
 
-var Dialog =
-/*#__PURE__*/
-React.forwardRef(function Dialog(_ref4, forwardedRef) {
+var Dialog = /*#__PURE__*/React.forwardRef(function Dialog(_ref4, forwardedRef) {
   var isOpen = _ref4.isOpen,
@@ -235,6 +223,8 @@ _ref4$onDismiss = _ref4.onDismiss,
       initialFocusRef = _ref4.initialFocusRef,
-      props = _objectWithoutPropertiesLoose(_ref4, ["isOpen", "onDismiss", "initialFocusRef"]);
+      allowPinchZoom = _ref4.allowPinchZoom,
+      props = _objectWithoutPropertiesLoose(_ref4, ["isOpen", "onDismiss", "initialFocusRef", "allowPinchZoom"]);
 
   return React__default.createElement(DialogOverlay, {
     initialFocusRef: initialFocusRef,
+    allowPinchZoom: allowPinchZoom,
     isOpen: isOpen,
@@ -241,0 +231,0 @@ onDismiss: onDismiss

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

dist/dialog.esm.js

@@ -60,5 +60,3 @@ import React, { forwardRef, useEffect, useRef, useCallback } from 'react';
 
-var DialogOverlay =
-/*#__PURE__*/
-forwardRef(function DialogOverlay(_ref, forwardedRef) {
+var DialogOverlay = /*#__PURE__*/forwardRef(function DialogOverlay(_ref, forwardedRef) {
   var _ref$isOpen = _ref.isOpen,
@@ -80,5 +78,3 @@ isOpen = _ref$isOpen === void 0 ? true : _ref$isOpen,
   DialogOverlay.displayName = "DialogOverlay";
-  DialogOverlay.propTypes =
-  /*#__PURE__*/
-  _extends({}, overlayPropTypes, {
+  DialogOverlay.propTypes = /*#__PURE__*/_extends({}, overlayPropTypes, {
     isOpen: PropTypes.bool
@@ -93,5 +89,3 @@ });
 
-var DialogInner =
-/*#__PURE__*/
-forwardRef(function DialogInner(_ref2, forwardedRef) {
+var DialogInner = /*#__PURE__*/forwardRef(function DialogInner(_ref2, forwardedRef) {
   var allowPinchZoom = _ref2.allowPinchZoom,
@@ -159,5 +153,3 @@ initialFocusRef = _ref2.initialFocusRef,
   DialogOverlay.displayName = "DialogOverlay";
-  DialogOverlay.propTypes =
-  /*#__PURE__*/
-  _extends({}, overlayPropTypes);
+  DialogOverlay.propTypes = /*#__PURE__*/_extends({}, overlayPropTypes);
 } ////////////////////////////////////////////////////////////////////////////////
@@ -182,5 +174,3 @@
 
-var DialogContent =
-/*#__PURE__*/
-forwardRef(function DialogContent(_ref3, forwardedRef) {
+var DialogContent = /*#__PURE__*/forwardRef(function DialogContent(_ref3, forwardedRef) {
   var onClick = _ref3.onClick,
@@ -220,5 +210,3 @@ props = _objectWithoutPropertiesLoose(_ref3, ["onClick", "onKeyDown"]);
 
-var Dialog =
-/*#__PURE__*/
-forwardRef(function Dialog(_ref4, forwardedRef) {
+var Dialog = /*#__PURE__*/forwardRef(function Dialog(_ref4, forwardedRef) {
   var isOpen = _ref4.isOpen,
@@ -228,6 +216,8 @@ _ref4$onDismiss = _ref4.onDismiss,
       initialFocusRef = _ref4.initialFocusRef,
-      props = _objectWithoutPropertiesLoose(_ref4, ["isOpen", "onDismiss", "initialFocusRef"]);
+      allowPinchZoom = _ref4.allowPinchZoom,
+      props = _objectWithoutPropertiesLoose(_ref4, ["isOpen", "onDismiss", "initialFocusRef", "allowPinchZoom"]);
 
   return React.createElement(DialogOverlay, {
     initialFocusRef: initialFocusRef,
+    allowPinchZoom: allowPinchZoom,
     isOpen: isOpen,
@@ -234,0 +224,0 @@ onDismiss: onDismiss

package.json

 {
   "name": "@reach/dialog",
-  "version": "0.8.5",
+  "version": "0.8.6",
   "description": "Accessible React Modal Dialog.",
@@ -18,4 +18,4 @@ "author": "React Training <[e-mail]>",
   "dependencies": {
-    "@reach/portal": "^0.8.5",
-    "@reach/utils": "^0.8.5",
+    "@reach/portal": "^0.8.6",
+    "@reach/utils": "^0.8.6",
     "prop-types": "^15.7.2",
@@ -38,3 +38,3 @@ "react-focus-lock": "^2.2.1",
   ],
-  "gitHead": "ac419cf63d0827016ca448bf95482bcd4c5f879e"
+  "gitHead": "0c71a018a11055b17815f0fb127cdcd981cd760e"
 }

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

80887

increased by0.52%

Worsened metrics

Lines of code

721

decreased by-2.7%

Dependency changes

• Updated@reach/portal@^0.8.6

• Updated@reach/utils@^0.8.6