@reach/dialog - npm Package Compare versions

Comparing version 0.6.2 to 0.6.3

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, { forwardRef, useEffect, useRef } from "react";
		import React, { forwardRef, useCallback, useEffect, useRef } from "react";
		import Portal from "@reach/portal";
		@@ -59,10 +59,11 @@ import { checkStyles, wrapEvent, useForkedRef } from "@reach/utils";
		}, []);
		var activateFocusLock = useCallback(function () {
		if (initialFocusRef && initialFocusRef.current) {
		initialFocusRef.current.focus();
		}
		}, [initialFocusRef]);
		return React.createElement(FocusLock, {
		autoFocus: true,
		returnFocus: true,
		onActivation: function onActivation() {
		if (initialFocusRef && initialFocusRef.current) {
		initialFocusRef.current.focus();
		}
		}
		onActivation: activateFocusLock
		}, React.createElement(RemoveScroll, {
		@@ -69,0 +70,0 @@ allowPinchZoom: allowPinchZoom

index.js

		@@ -75,10 +75,11 @@ "use strict";
		}, []);
		var activateFocusLock = (0, _react.useCallback)(function () {
		if (initialFocusRef && initialFocusRef.current) {
		initialFocusRef.current.focus();
		}
		}, [initialFocusRef]);
		return _react["default"].createElement(_reactFocusLock["default"], {
		autoFocus: true,
		returnFocus: true,
		onActivation: function onActivation() {
		if (initialFocusRef && initialFocusRef.current) {
		initialFocusRef.current.focus();
		}
		}
		onActivation: activateFocusLock
		}, _react["default"].createElement(_reactRemoveScroll.RemoveScroll, {
		@@ -85,0 +86,0 @@ allowPinchZoom: allowPinchZoom

package.json

		{
		"name": "@reach/dialog",
		"version": "0.6.2",
		"version": "0.6.3",
		"description": "Accessible React Modal Dialog.",
		@@ -31,3 +31,3 @@ "author": "React Training <hello@reacttraining.com>",
		],
		"gitHead": "00e73c5da6d25f50194612f74de71156fde2a80a"
		"gitHead": "89c011be8fff3828f61fe2f26c5bfb2bf17106d6"
		}

src/index.js

		@@ -1,2 +0,2 @@
		import React, { forwardRef, useEffect, useRef } from "react";
		import React, { forwardRef, useCallback, useEffect, useRef } from "react";
		import Portal from "@reach/portal";
		@@ -58,12 +58,10 @@ import { checkStyles, wrapEvent, useForkedRef } from "@reach/utils";

		const activateFocusLock = useCallback(() => {
		if (initialFocusRef && initialFocusRef.current) {
		initialFocusRef.current.focus();
		}
		}, [initialFocusRef]);

		return (
		<FocusLock
		autoFocus
		returnFocus
		onActivation={() => {
		if (initialFocusRef && initialFocusRef.current) {
		initialFocusRef.current.focus();
		}
		}}
		>
		<FocusLock autoFocus returnFocus onActivation={activateFocusLock}>
		<RemoveScroll allowPinchZoom={allowPinchZoom}>
		@@ -70,0 +68,0 @@ <div

New alerts