@reach/dialog - npm Package Compare versions

Comparing version 0.6.1 to 0.6.2

es/index.js

@@ -5,3 +5,3 @@ 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); }
 
-import React from "react";
+import React, { forwardRef, useEffect, useRef } from "react";
 import Portal from "@reach/portal";
@@ -14,5 +14,6 @@ import { checkStyles, wrapEvent, useForkedRef } from "@reach/utils";
 var noop = function noop() {}; ////////////////////////////////////////////////////////////////////////////////
+// DialogOverlay
 
 
-export var DialogOverlay = React.forwardRef(function DialogOverlay(_ref, forwardedRef) {
+export var DialogOverlay = forwardRef(function DialogOverlay(_ref, forwardedRef) {
   var _ref$isOpen = _ref.isOpen,
@@ -22,5 +23,5 @@ isOpen = _ref$isOpen === void 0 ? true : _ref$isOpen,
 
-  var ownRef = React.useRef(null);
+  var ownRef = useRef(null);
   var ref = forwardedRef || ownRef;
-  React.useEffect(function () {
+  useEffect(function () {
     checkStyles("dialog");
@@ -34,2 +35,3 @@ }, []);
 });
+DialogOverlay.displayName = "DialogOverlay";
 
@@ -40,7 +42,7 @@ if (process.env.NODE_ENV !== "production") {
   };
-  DialogOverlay.displayName = "DialogOverlay";
 } ////////////////////////////////////////////////////////////////////////////////
+// DialogInner
 
 
-var DialogInner = React.forwardRef(function DialogInner(_ref2, forwardedRef) {
+var DialogInner = forwardRef(function DialogInner(_ref2, forwardedRef) {
   var allowPinchZoom = _ref2.allowPinchZoom,
@@ -55,6 +57,6 @@ initialFocusRef = _ref2.initialFocusRef,
 
-  var mouseDownTarget = React.useRef(null);
-  var overlayNode = React.useRef(null);
+  var mouseDownTarget = useRef(null);
+  var overlayNode = useRef(null);
   var ref = useForkedRef(overlayNode, forwardedRef);
-  React.useEffect(function () {
+  useEffect(function () {
     return createAriaHider(overlayNode.current);
@@ -92,9 +94,6 @@ }, []);
 });
+DialogOverlay.displayName = "DialogOverlay"; ////////////////////////////////////////////////////////////////////////////////
+// DialogContent
 
-if (process.env.NODE_ENV !== "production") {
-  DialogOverlay.displayName = "DialogOverlay";
-} ////////////////////////////////////////////////////////////////////////////////
-
-
-export var DialogContent = React.forwardRef(function DialogContent(_ref3, forwardedRef) {
+export var DialogContent = forwardRef(function DialogContent(_ref3, forwardedRef) {
   var onClick = _ref3.onClick,
@@ -115,2 +114,3 @@ onKeyDown = _ref3.onKeyDown,
 });
+DialogContent.displayName = "DialogContent";
 
@@ -122,7 +122,7 @@ if (process.env.NODE_ENV !== "production") {
   };
-  DialogContent.displayName = "DialogContent";
 } ////////////////////////////////////////////////////////////////////////////////
+// Dialog
 
 
-export var Dialog = React.forwardRef(function Dialog(_ref4, forwardedRef) {
+export var Dialog = forwardRef(function Dialog(_ref4, forwardedRef) {
   var isOpen = _ref4.isOpen,
@@ -134,3 +134,3 @@ _ref4$onDismiss = _ref4.onDismiss,
 
-  var ownRef = React.useRef(null);
+  var ownRef = useRef(null);
   var ref = forwardedRef || ownRef;
@@ -145,2 +145,3 @@ return React.createElement(DialogOverlay, {
 });
+Dialog.displayName = "Dialog";
 
@@ -154,3 +155,2 @@ if (process.env.NODE_ENV !== "production") {
   };
-  Dialog.displayName = "Dialog";
 }
@@ -157,0 +157,0 @@

index.js

@@ -6,3 +6,3 @@ "use strict";
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
@@ -21,2 +21,6 @@ var _portal = _interopRequireDefault(require("@reach/portal"));
 
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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); }
@@ -27,5 +31,6 @@
 var noop = function noop() {}; ////////////////////////////////////////////////////////////////////////////////
+// DialogOverlay
 
 
-var DialogOverlay = _react["default"].forwardRef(function DialogOverlay(_ref, forwardedRef) {
+var DialogOverlay = (0, _react.forwardRef)(function DialogOverlay(_ref, forwardedRef) {
   var _ref$isOpen = _ref.isOpen,
@@ -35,10 +40,7 @@ isOpen = _ref$isOpen === void 0 ? true : _ref$isOpen,
 
-  var ownRef = _react["default"].useRef(null);
-
+  var ownRef = (0, _react.useRef)(null);
   var ref = forwardedRef || ownRef;
-
-  _react["default"].useEffect(function () {
+  (0, _react.useEffect)(function () {
     (0, _utils.checkStyles)("dialog");
   }, []);
-
   return isOpen ? _react["default"].createElement(_portal["default"], {
@@ -50,4 +52,4 @@ "data-reach-dialog-wrapper": true
 });
-
 exports.DialogOverlay = DialogOverlay;
+DialogOverlay.displayName = "DialogOverlay";
 
@@ -58,7 +60,7 @@ if (process.env.NODE_ENV !== "production") {
   };
-  DialogOverlay.displayName = "DialogOverlay";
 } ////////////////////////////////////////////////////////////////////////////////
+// DialogInner
 
 
-var DialogInner = _react["default"].forwardRef(function DialogInner(_ref2, forwardedRef) {
+var DialogInner = (0, _react.forwardRef)(function DialogInner(_ref2, forwardedRef) {
   var allowPinchZoom = _ref2.allowPinchZoom,
@@ -73,12 +75,8 @@ initialFocusRef = _ref2.initialFocusRef,
 
-  var mouseDownTarget = _react["default"].useRef(null);
-
-  var overlayNode = _react["default"].useRef(null);
-
+  var mouseDownTarget = (0, _react.useRef)(null);
+  var overlayNode = (0, _react.useRef)(null);
   var ref = (0, _utils.useForkedRef)(overlayNode, forwardedRef);
-
-  _react["default"].useEffect(function () {
+  (0, _react.useEffect)(function () {
     return createAriaHider(overlayNode.current);
   }, []);
-
   return _react["default"].createElement(_reactFocusLock["default"], {
@@ -114,9 +112,6 @@ autoFocus: true,
 });
+DialogOverlay.displayName = "DialogOverlay"; ////////////////////////////////////////////////////////////////////////////////
+// DialogContent
 
-if (process.env.NODE_ENV !== "production") {
-  DialogOverlay.displayName = "DialogOverlay";
-} ////////////////////////////////////////////////////////////////////////////////
-
-
-var DialogContent = _react["default"].forwardRef(function DialogContent(_ref3, forwardedRef) {
+var DialogContent = (0, _react.forwardRef)(function DialogContent(_ref3, forwardedRef) {
   var onClick = _ref3.onClick,
@@ -137,4 +132,4 @@ onKeyDown = _ref3.onKeyDown,
 });
-
 exports.DialogContent = DialogContent;
+DialogContent.displayName = "DialogContent";
 
@@ -146,7 +141,7 @@ if (process.env.NODE_ENV !== "production") {
   };
-  DialogContent.displayName = "DialogContent";
 } ////////////////////////////////////////////////////////////////////////////////
+// Dialog
 
 
-var Dialog = _react["default"].forwardRef(function Dialog(_ref4, forwardedRef) {
+var Dialog = (0, _react.forwardRef)(function Dialog(_ref4, forwardedRef) {
   var isOpen = _ref4.isOpen,
@@ -158,4 +153,3 @@ _ref4$onDismiss = _ref4.onDismiss,
 
-  var ownRef = _react["default"].useRef(null);
-
+  var ownRef = (0, _react.useRef)(null);
   var ref = forwardedRef || ownRef;
@@ -170,4 +164,4 @@ return _react["default"].createElement(DialogOverlay, {
 });
-
 exports.Dialog = Dialog;
+Dialog.displayName = "Dialog";
 
@@ -181,3 +175,2 @@ if (process.env.NODE_ENV !== "production") {
   };
-  Dialog.displayName = "Dialog";
 }
@@ -184,0 +177,0 @@

package.json

 {
   "name": "@reach/dialog",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "description": "Accessible React Modal Dialog.",
@@ -13,3 +13,3 @@ "author": "React Training <[e-mail]>",
   "dependencies": {
-    "@reach/portal": "^0.6.1",
+    "@reach/portal": "^0.6.2",
     "@reach/utils": "^0.6.1",
@@ -24,8 +24,2 @@ "prop-types": "^15.7.2",
   },
-  "devDependencies": {
-    "@reach/menu-button": "^0.6.1",
-    "react": "^16.11.0",
-    "react-spring": "^8.0.27",
-    "react-test-renderer": "^16.11.0"
-  },
   "files": [
@@ -39,3 +33,3 @@ "es",
   ],
-  "gitHead": "c1e249448a3672ccc65698218f0f38ef9814ab90"
+  "gitHead": "00e73c5da6d25f50194612f74de71156fde2a80a"
 }

src/index.js

@@ -1,2 +0,2 @@
-import React from "react";
+import React, { forwardRef, useEffect, useRef } from "react";
 import Portal from "@reach/portal";
@@ -11,9 +11,11 @@ import { checkStyles, wrapEvent, useForkedRef } from "@reach/utils";
 ////////////////////////////////////////////////////////////////////////////////
-export const DialogOverlay = React.forwardRef(function DialogOverlay(
+// DialogOverlay
+
+export const DialogOverlay = forwardRef(function DialogOverlay(
   { isOpen = true, ...props },
   forwardedRef
 ) {
-  const ownRef = React.useRef(null);
+  const ownRef = useRef(null);
   const ref = forwardedRef || ownRef;
-  React.useEffect(() => {
+  useEffect(() => {
     checkStyles("dialog");
@@ -29,2 +31,3 @@ }, []);
 
+DialogOverlay.displayName = "DialogOverlay";
 if (__DEV__) {
@@ -34,7 +37,8 @@ DialogOverlay.propTypes = {
   };
-  DialogOverlay.displayName = "DialogOverlay";
 }
 
 ////////////////////////////////////////////////////////////////////////////////
-const DialogInner = React.forwardRef(function DialogInner(
+// DialogInner
+
+const DialogInner = forwardRef(function DialogInner(
   {
@@ -51,7 +55,7 @@ allowPinchZoom,
 ) {
-  const mouseDownTarget = React.useRef(null);
-  const overlayNode = React.useRef(null);
+  const mouseDownTarget = useRef(null);
+  const overlayNode = useRef(null);
   const ref = useForkedRef(overlayNode, forwardedRef);
 
-  React.useEffect(() => createAriaHider(overlayNode.current), []);
+  useEffect(() => createAriaHider(overlayNode.current), []);
 
@@ -94,8 +98,8 @@ return (
 
-if (__DEV__) {
-  DialogOverlay.displayName = "DialogOverlay";
-}
+DialogOverlay.displayName = "DialogOverlay";
 
 ////////////////////////////////////////////////////////////////////////////////
-export const DialogContent = React.forwardRef(function DialogContent(
+// DialogContent
+
+export const DialogContent = forwardRef(function DialogContent(
   { onClick, onKeyDown, ...props },
@@ -119,2 +123,3 @@ forwardedRef
 
+DialogContent.displayName = "DialogContent";
 if (__DEV__) {
@@ -125,11 +130,12 @@ DialogContent.propTypes = {
   };
-  DialogContent.displayName = "DialogContent";
 }
 
 ////////////////////////////////////////////////////////////////////////////////
-export const Dialog = React.forwardRef(function Dialog(
+// Dialog
+
+export const Dialog = forwardRef(function Dialog(
   { isOpen, onDismiss = noop, initialFocusRef, ...props },
   forwardedRef
 ) {
-  const ownRef = React.useRef(null);
+  const ownRef = useRef(null);
   const ref = forwardedRef || ownRef;
@@ -147,2 +153,3 @@ return (
 
+Dialog.displayName = "Dialog";
 if (__DEV__) {
@@ -155,3 +162,2 @@ Dialog.propTypes = {
   };
-  Dialog.displayName = "Dialog";
 }
@@ -158,0 +164,0 @@

No alert changes

Improved metrics

Total package byte prevSize

29530

increased by2.52%

Dev dependency count

0

decreased by-100%

Lines of code

703

increased by1.44%

Number of low supply chain risk alerts

9

decreased by-18.18%

Dependency changes

• Updated@reach/portal@^0.6.2