@reach/dialog - npm Package Compare versions

Comparing version 0.15.3 to 0.16.0

dist/declarations/src/index.d.ts

@@ -141,3 +141,3 @@ /**
      */
-    onDismiss?: (event?: React.SyntheticEvent) => void;
+    onDismiss?(event: React.MouseEvent | React.KeyboardEvent): void;
     /**
@@ -159,2 +159,4 @@ * By default, React Focus Lock prevents focus from being moved outside of the
      * https://github.com/reach/reach-ui/issues/536
+     *
+     * @deprecated
      */
@@ -161,0 +163,0 @@ unstable_lockFocusAcrossFrames?: boolean;

dist/reach-dialog.cjs.dev.js

@@ -138,6 +138,16 @@ 'use strict';
       onMouseDown = _ref2.onMouseDown,
-      _ref2$unstable_lockFo = _ref2.unstable_lockFocusAcrossFrames,
-      unstable_lockFocusAcrossFrames = _ref2$unstable_lockFo === void 0 ? true : _ref2$unstable_lockFo,
+      unstable_lockFocusAcrossFrames = _ref2.unstable_lockFocusAcrossFrames,
       props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
 
+  var lockFocusAcrossFramesIsDefined = unstable_lockFocusAcrossFrames !== undefined;
+
+  if (process.env.NODE_ENV !== "production") {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    React.useEffect(function () {
+      if (lockFocusAcrossFramesIsDefined) {
+        console.warn("The unstable_lockFocusAcrossFrames in @reach/dialog is deprecated. It will be removed in the next minor release.");
+      }
+    }, [lockFocusAcrossFramesIsDefined]);
+  }
+
   var mouseDownTarget = React.useRef(null);
@@ -178,3 +188,3 @@ var overlayNode = React.useRef(null);
     disabled: dangerouslyBypassFocusLock,
-    crossFrame: unstable_lockFocusAcrossFrames
+    crossFrame: unstable_lockFocusAcrossFrames != null ? unstable_lockFocusAcrossFrames : true
   }, /*#__PURE__*/React.createElement(reactRemoveScroll.RemoveScroll, {
@@ -181,0 +191,0 @@ allowPinchZoom: allowPinchZoom,

dist/reach-dialog.cjs.prod.js

@@ -131,4 +131,3 @@ 'use strict';
       onMouseDown = _ref2.onMouseDown,
-      _ref2$unstable_lockFo = _ref2.unstable_lockFocusAcrossFrames,
-      unstable_lockFocusAcrossFrames = _ref2$unstable_lockFo === void 0 ? true : _ref2$unstable_lockFo,
+      unstable_lockFocusAcrossFrames = _ref2.unstable_lockFocusAcrossFrames,
       props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
@@ -171,3 +170,3 @@
     disabled: dangerouslyBypassFocusLock,
-    crossFrame: unstable_lockFocusAcrossFrames
+    crossFrame: unstable_lockFocusAcrossFrames != null ? unstable_lockFocusAcrossFrames : true
   }, /*#__PURE__*/React.createElement(reactRemoveScroll.RemoveScroll, {
@@ -174,0 +173,0 @@ allowPinchZoom: allowPinchZoom,

dist/reach-dialog.esm.js

@@ -129,6 +129,16 @@ import { forwardRef, useEffect, createElement, useRef, useCallback } from 'react';
       onMouseDown = _ref2.onMouseDown,
-      _ref2$unstable_lockFo = _ref2.unstable_lockFocusAcrossFrames,
-      unstable_lockFocusAcrossFrames = _ref2$unstable_lockFo === void 0 ? true : _ref2$unstable_lockFo,
+      unstable_lockFocusAcrossFrames = _ref2.unstable_lockFocusAcrossFrames,
       props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
 
+  var lockFocusAcrossFramesIsDefined = unstable_lockFocusAcrossFrames !== undefined;
+
+  if (process.env.NODE_ENV !== "production") {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(function () {
+      if (lockFocusAcrossFramesIsDefined) {
+        console.warn("The unstable_lockFocusAcrossFrames in @reach/dialog is deprecated. It will be removed in the next minor release.");
+      }
+    }, [lockFocusAcrossFramesIsDefined]);
+  }
+
   var mouseDownTarget = useRef(null);
@@ -169,3 +179,3 @@ var overlayNode = useRef(null);
     disabled: dangerouslyBypassFocusLock,
-    crossFrame: unstable_lockFocusAcrossFrames
+    crossFrame: unstable_lockFocusAcrossFrames != null ? unstable_lockFocusAcrossFrames : true
   }, /*#__PURE__*/createElement(RemoveScroll, {
@@ -172,0 +182,0 @@ allowPinchZoom: allowPinchZoom,

package.json

 {
   "name": "@reach/dialog",
-  "version": "0.15.3",
+  "version": "0.16.0",
   "description": "Accessible React Modal Dialog.",
@@ -16,7 +16,7 @@ "author": "React Training <[e-mail]>",
   "dependencies": {
-    "@reach/portal": "0.15.3",
-    "@reach/utils": "0.15.3",
+    "@reach/portal": "0.16.0",
+    "@reach/utils": "0.16.0",
     "prop-types": "^15.7.2",
-    "react-focus-lock": "^2.5.1",
-    "react-remove-scroll": "^2.4.2",
+    "react-focus-lock": "^2.5.2",
+    "react-remove-scroll": "^2.4.3",
     "tslib": "^2.3.0"
@@ -44,3 +44,3 @@ },
   ],
-  "gitHead": "aac3d3e1902ec32656476bcdccd7b56207384fcd"
+  "gitHead": "e4c6093db14e3cc24c26794a002dbd8c866c0387"
 }

No alert changes

Improved metrics

Total package byte prevSize

46564

increased by1.79%

Lines of code

1075

increased by1.61%

Worsened metrics

Number of low supply chain risk alerts

13

increased by18.18%

Dependency changes

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

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

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

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

• Updated@reach/portal@0.16.0

• Updated@reach/utils@0.16.0

• Updatedreact-focus-lock@^2.5.2

• Updatedreact-remove-scroll@^2.4.3