@reach/dialog - npm Package Compare versions

Comparing version 0.7.3 to 0.7.4

dist/dialog.cjs.development.js

 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var tslib = require('tslib');
 var React = require('react');
@@ -14,3 +15,35 @@ var React__default = _interopDefault(React);
 
-/* eslint-disable jsx-a11y/no-static-element-interactions */
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
 var overlayPropTypes = {
@@ -35,6 +68,6 @@ initialFocusRef: function initialFocusRef() {},
 /*#__PURE__*/
-React.forwardRef(function DialogOverlay(_a, forwardedRef) {
-  var _b = _a.isOpen,
-      isOpen = _b === void 0 ? true : _b,
-      props = tslib.__rest(_a, ["isOpen"]);
+React.forwardRef(function DialogOverlay(_ref, forwardedRef) {
+  var _ref$isOpen = _ref.isOpen,
+      isOpen = _ref$isOpen === void 0 ? true : _ref$isOpen,
+      props = _objectWithoutPropertiesLoose(_ref, ["isOpen"]);
 
@@ -46,3 +79,3 @@ React.useEffect(function () {
     "data-reach-dialog-wrapper": ""
-  }, React__default.createElement(DialogInner, tslib.__assign({
+  }, React__default.createElement(DialogInner, Object.assign({
     ref: forwardedRef
@@ -56,5 +89,3 @@ }, props))) : null;
   /*#__PURE__*/
-  tslib.__assign(
-  /*#__PURE__*/
-  tslib.__assign({}, overlayPropTypes), {
+  _extends({}, overlayPropTypes, {
     isOpen: PropTypes.bool
@@ -71,11 +102,11 @@ });
 /*#__PURE__*/
-React.forwardRef(function DialogInner(_a, forwardedRef) {
-  var allowPinchZoom = _a.allowPinchZoom,
-      initialFocusRef = _a.initialFocusRef,
-      onClick = _a.onClick,
-      _b = _a.onDismiss,
-      onDismiss = _b === void 0 ? utils.noop : _b,
-      onMouseDown = _a.onMouseDown,
-      onKeyDown = _a.onKeyDown,
-      props = tslib.__rest(_a, ["allowPinchZoom", "initialFocusRef", "onClick", "onDismiss", "onMouseDown", "onKeyDown"]);
+React.forwardRef(function DialogInner(_ref2, forwardedRef) {
+  var allowPinchZoom = _ref2.allowPinchZoom,
+      initialFocusRef = _ref2.initialFocusRef,
+      onClick = _ref2.onClick,
+      _ref2$onDismiss = _ref2.onDismiss,
+      onDismiss = _ref2$onDismiss === void 0 ? utils.noop : _ref2$onDismiss,
+      onMouseDown = _ref2.onMouseDown,
+      onKeyDown = _ref2.onKeyDown,
+      props = _objectWithoutPropertiesLoose(_ref2, ["allowPinchZoom", "initialFocusRef", "onClick", "onDismiss", "onMouseDown", "onKeyDown"]);
 
@@ -118,3 +149,3 @@ var mouseDownTarget = React.useRef(null);
     allowPinchZoom: allowPinchZoom
-  }, React__default.createElement("div", tslib.__assign({}, props, {
+  }, React__default.createElement("div", Object.assign({}, props, {
     ref: ref,
@@ -138,3 +169,3 @@ "data-reach-dialog-overlay": "",
   /*#__PURE__*/
-  tslib.__assign({}, overlayPropTypes);
+  _extends({}, overlayPropTypes);
 } ////////////////////////////////////////////////////////////////////////////////
@@ -161,15 +192,16 @@
 /*#__PURE__*/
-React.forwardRef(function DialogContent(_a, forwardedRef) {
-  var onClick = _a.onClick,
-      props = tslib.__rest(_a, ["onClick", "onKeyDown"]);
+React.forwardRef(function DialogContent(_ref3, forwardedRef) {
+  var onClick = _ref3.onClick,
+      props = _objectWithoutPropertiesLoose(_ref3, ["onClick", "onKeyDown"]);
 
-  return React__default.createElement("div", tslib.__assign({}, props, {
+  return React__default.createElement("div", Object.assign({
+    "aria-modal": "true",
+    role: "dialog",
+    tabIndex: -1
+  }, props, {
     ref: forwardedRef,
     "data-reach-dialog-content": "",
-    "aria-modal": "true",
     onClick: utils.wrapEvent(onClick, function (event) {
       event.stopPropagation();
-    }),
-    role: "dialog",
-    tabIndex: -1
+    })
   }));
@@ -198,8 +230,8 @@ });
 /*#__PURE__*/
-React.forwardRef(function Dialog(_a, forwardedRef) {
-  var isOpen = _a.isOpen,
-      _b = _a.onDismiss,
-      onDismiss = _b === void 0 ? utils.noop : _b,
-      initialFocusRef = _a.initialFocusRef,
-      props = tslib.__rest(_a, ["isOpen", "onDismiss", "initialFocusRef"]);
+React.forwardRef(function Dialog(_ref4, forwardedRef) {
+  var isOpen = _ref4.isOpen,
+      _ref4$onDismiss = _ref4.onDismiss,
+      onDismiss = _ref4$onDismiss === void 0 ? utils.noop : _ref4$onDismiss,
+      initialFocusRef = _ref4.initialFocusRef,
+      props = _objectWithoutPropertiesLoose(_ref4, ["isOpen", "onDismiss", "initialFocusRef"]);
 
@@ -210,3 +242,3 @@ return React__default.createElement(DialogOverlay, {
     onDismiss: onDismiss
-  }, React__default.createElement(DialogContent, tslib.__assign({
+  }, React__default.createElement(DialogContent, Object.assign({
     ref: forwardedRef
@@ -239,5 +271,5 @@ }, props)));
   Array.prototype.forEach.call(document.querySelectorAll("body > *"), function (node) {
-    var _a, _b;
+    var _dialogNode$parentNod, _dialogNode$parentNod2;
 
-    var portalNode = (_b = (_a = dialogNode.parentNode) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.parentNode;
+    var portalNode = (_dialogNode$parentNod = dialogNode.parentNode) === null || _dialogNode$parentNod === void 0 ? void 0 : (_dialogNode$parentNod2 = _dialogNode$parentNod.parentNode) === null || _dialogNode$parentNod2 === void 0 ? void 0 : _dialogNode$parentNod2.parentNode;
 
@@ -244,0 +276,0 @@ if (node === portalNode) {

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

dist/dialog.esm.js

@@ -1,2 +0,1 @@
-import { __rest, __assign } from 'tslib';
 import React, { forwardRef, useEffect, useRef, useCallback } from 'react';
@@ -9,3 +8,35 @@ import Portal from '@reach/portal';
 
-/* eslint-disable jsx-a11y/no-static-element-interactions */
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
 var overlayPropTypes = {
@@ -30,6 +61,6 @@ initialFocusRef: function initialFocusRef() {},
 /*#__PURE__*/
-forwardRef(function DialogOverlay(_a, forwardedRef) {
-  var _b = _a.isOpen,
-      isOpen = _b === void 0 ? true : _b,
-      props = __rest(_a, ["isOpen"]);
+forwardRef(function DialogOverlay(_ref, forwardedRef) {
+  var _ref$isOpen = _ref.isOpen,
+      isOpen = _ref$isOpen === void 0 ? true : _ref$isOpen,
+      props = _objectWithoutPropertiesLoose(_ref, ["isOpen"]);
 
@@ -41,3 +72,3 @@ useEffect(function () {
     "data-reach-dialog-wrapper": ""
-  }, React.createElement(DialogInner, __assign({
+  }, React.createElement(DialogInner, Object.assign({
     ref: forwardedRef
@@ -51,5 +82,3 @@ }, props))) : null;
   /*#__PURE__*/
-  __assign(
-  /*#__PURE__*/
-  __assign({}, overlayPropTypes), {
+  _extends({}, overlayPropTypes, {
     isOpen: PropTypes.bool
@@ -66,11 +95,11 @@ });
 /*#__PURE__*/
-forwardRef(function DialogInner(_a, forwardedRef) {
-  var allowPinchZoom = _a.allowPinchZoom,
-      initialFocusRef = _a.initialFocusRef,
-      onClick = _a.onClick,
-      _b = _a.onDismiss,
-      onDismiss = _b === void 0 ? noop : _b,
-      onMouseDown = _a.onMouseDown,
-      onKeyDown = _a.onKeyDown,
-      props = __rest(_a, ["allowPinchZoom", "initialFocusRef", "onClick", "onDismiss", "onMouseDown", "onKeyDown"]);
+forwardRef(function DialogInner(_ref2, forwardedRef) {
+  var allowPinchZoom = _ref2.allowPinchZoom,
+      initialFocusRef = _ref2.initialFocusRef,
+      onClick = _ref2.onClick,
+      _ref2$onDismiss = _ref2.onDismiss,
+      onDismiss = _ref2$onDismiss === void 0 ? noop : _ref2$onDismiss,
+      onMouseDown = _ref2.onMouseDown,
+      onKeyDown = _ref2.onKeyDown,
+      props = _objectWithoutPropertiesLoose(_ref2, ["allowPinchZoom", "initialFocusRef", "onClick", "onDismiss", "onMouseDown", "onKeyDown"]);
 
@@ -113,3 +142,3 @@ var mouseDownTarget = useRef(null);
     allowPinchZoom: allowPinchZoom
-  }, React.createElement("div", __assign({}, props, {
+  }, React.createElement("div", Object.assign({}, props, {
     ref: ref,
@@ -133,3 +162,3 @@ "data-reach-dialog-overlay": "",
   /*#__PURE__*/
-  __assign({}, overlayPropTypes);
+  _extends({}, overlayPropTypes);
 } ////////////////////////////////////////////////////////////////////////////////
@@ -156,15 +185,16 @@
 /*#__PURE__*/
-forwardRef(function DialogContent(_a, forwardedRef) {
-  var onClick = _a.onClick,
-      props = __rest(_a, ["onClick", "onKeyDown"]);
+forwardRef(function DialogContent(_ref3, forwardedRef) {
+  var onClick = _ref3.onClick,
+      props = _objectWithoutPropertiesLoose(_ref3, ["onClick", "onKeyDown"]);
 
-  return React.createElement("div", __assign({}, props, {
+  return React.createElement("div", Object.assign({
+    "aria-modal": "true",
+    role: "dialog",
+    tabIndex: -1
+  }, props, {
     ref: forwardedRef,
     "data-reach-dialog-content": "",
-    "aria-modal": "true",
     onClick: wrapEvent(onClick, function (event) {
       event.stopPropagation();
-    }),
-    role: "dialog",
-    tabIndex: -1
+    })
   }));
@@ -193,8 +223,8 @@ });
 /*#__PURE__*/
-forwardRef(function Dialog(_a, forwardedRef) {
-  var isOpen = _a.isOpen,
-      _b = _a.onDismiss,
-      onDismiss = _b === void 0 ? noop : _b,
-      initialFocusRef = _a.initialFocusRef,
-      props = __rest(_a, ["isOpen", "onDismiss", "initialFocusRef"]);
+forwardRef(function Dialog(_ref4, forwardedRef) {
+  var isOpen = _ref4.isOpen,
+      _ref4$onDismiss = _ref4.onDismiss,
+      onDismiss = _ref4$onDismiss === void 0 ? noop : _ref4$onDismiss,
+      initialFocusRef = _ref4.initialFocusRef,
+      props = _objectWithoutPropertiesLoose(_ref4, ["isOpen", "onDismiss", "initialFocusRef"]);
 
@@ -205,3 +235,3 @@ return React.createElement(DialogOverlay, {
     onDismiss: onDismiss
-  }, React.createElement(DialogContent, __assign({
+  }, React.createElement(DialogContent, Object.assign({
     ref: forwardedRef
@@ -234,5 +264,5 @@ }, props)));
   Array.prototype.forEach.call(document.querySelectorAll("body > *"), function (node) {
-    var _a, _b;
+    var _dialogNode$parentNod, _dialogNode$parentNod2;
 
-    var portalNode = (_b = (_a = dialogNode.parentNode) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.parentNode;
+    var portalNode = (_dialogNode$parentNod = dialogNode.parentNode) === null || _dialogNode$parentNod === void 0 ? void 0 : (_dialogNode$parentNod2 = _dialogNode$parentNod.parentNode) === null || _dialogNode$parentNod2 === void 0 ? void 0 : _dialogNode$parentNod2.parentNode;
 
@@ -239,0 +269,0 @@ if (node === portalNode) {

package.json

 {
   "name": "@reach/dialog",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "description": "Accessible React Modal Dialog.",
@@ -18,4 +18,4 @@ "author": "React Training <[e-mail]>",
   "dependencies": {
-    "@reach/portal": "^0.7.3",
-    "@reach/utils": "^0.7.3",
+    "@reach/portal": "^0.7.4",
+    "@reach/utils": "^0.7.4",
     "prop-types": "^15.7.2",
@@ -37,3 +37,3 @@ "react-focus-lock": "^2.2.1",
   ],
-  "gitHead": "fe739beb1d94cc58c4e72f88ab58efa58e0de8c8"
+  "gitHead": "f460709e283a60dd5ea62952b7feaf88546a50ff"
 }

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

79681

increased by2.59%

Lines of code

736

increased by6.82%

Dependency changes

• Updated@reach/portal@^0.7.4

• Updated@reach/utils@^0.7.4