@reach/dialog
Advanced tools
Comparing version 0.2.3 to 0.2.4
@@ -8,3 +8,3 @@ var _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; }; | ||
import Portal from "@reach/portal"; | ||
import { checkStyles, wrapEvent } from "@reach/utils"; | ||
import { checkStyles, wrapEvent, assignRef } from "@reach/utils"; | ||
import FocusLock from "react-focus-lock"; | ||
@@ -62,3 +62,3 @@ import { RemoveScroll } from "react-remove-scroll"; | ||
var DialogOverlay = React.forwardRef(function (_ref2, forwardRef) { | ||
var DialogOverlay = React.forwardRef(function (_ref2, forwardedRef) { | ||
var _ref2$isOpen = _ref2.isOpen, | ||
@@ -119,3 +119,3 @@ isOpen = _ref2$isOpen === undefined ? true : _ref2$isOpen, | ||
refs.overlayNode = node; | ||
forwardRef && forwardRef(node); | ||
assignRef(forwardedRef, node); | ||
} | ||
@@ -139,3 +139,3 @@ }, props)) | ||
var DialogContent = React.forwardRef(function (_ref5, forwardRef) { | ||
var DialogContent = React.forwardRef(function (_ref5, forwardedRef) { | ||
var onClick = _ref5.onClick, | ||
@@ -151,3 +151,3 @@ onKeyDown = _ref5.onKeyDown, | ||
ref: function ref(node) { | ||
forwardRef && forwardRef(node); | ||
assignRef(forwardedRef, node); | ||
} | ||
@@ -154,0 +154,0 @@ }, props)); |
@@ -82,3 +82,3 @@ "use strict"; | ||
var DialogOverlay = _react2.default.forwardRef(function (_ref2, forwardRef) { | ||
var DialogOverlay = _react2.default.forwardRef(function (_ref2, forwardedRef) { | ||
var _ref2$isOpen = _ref2.isOpen, | ||
@@ -139,3 +139,3 @@ isOpen = _ref2$isOpen === undefined ? true : _ref2$isOpen, | ||
refs.overlayNode = node; | ||
forwardRef && forwardRef(node); | ||
(0, _utils.assignRef)(forwardedRef, node); | ||
} | ||
@@ -159,3 +159,3 @@ }, props)) | ||
var DialogContent = _react2.default.forwardRef(function (_ref5, forwardRef) { | ||
var DialogContent = _react2.default.forwardRef(function (_ref5, forwardedRef) { | ||
var onClick = _ref5.onClick, | ||
@@ -171,3 +171,3 @@ onKeyDown = _ref5.onKeyDown, | ||
ref: function ref(node) { | ||
forwardRef && forwardRef(node); | ||
(0, _utils.assignRef)(forwardedRef, node); | ||
} | ||
@@ -174,0 +174,0 @@ }, props)); |
{ | ||
"name": "@reach/dialog", | ||
"version": "0.2.3", | ||
"version": "0.2.4", | ||
"description": "Accessible React Modal Dialog.", | ||
@@ -17,3 +17,3 @@ "author": "Ryan Florence <@ryanflorence>", | ||
"@reach/portal": "^0.2.0", | ||
"@reach/utils": "^0.2.0", | ||
"@reach/utils": "^0.2.1", | ||
"react-focus-lock": "^1.17.7", | ||
@@ -27,3 +27,3 @@ "react-remove-scroll": "^1.0.2" | ||
"devDependencies": { | ||
"@reach/menu-button": "^0.1.12", | ||
"@reach/menu-button": "^0.1.13", | ||
"jest": "^23.4.2", | ||
@@ -30,0 +30,0 @@ "react": "^16.4.1", |
import React from "react"; | ||
import Component from "@reach/component-component"; | ||
import Portal from "@reach/portal"; | ||
import { checkStyles, wrapEvent } from "@reach/utils"; | ||
import { checkStyles, wrapEvent, assignRef } from "@reach/utils"; | ||
import FocusLock from "react-focus-lock"; | ||
@@ -63,3 +63,3 @@ import { RemoveScroll } from "react-remove-scroll"; | ||
}, | ||
forwardRef | ||
forwardedRef | ||
) => ( | ||
@@ -100,3 +100,3 @@ <Component didMount={checkDialogStyles}> | ||
refs.overlayNode = node; | ||
forwardRef && forwardRef(node); | ||
assignRef(forwardedRef, node); | ||
}} | ||
@@ -122,3 +122,3 @@ {...props} | ||
let DialogContent = React.forwardRef( | ||
({ onClick, onKeyDown, ...props }, forwardRef) => ( | ||
({ onClick, onKeyDown, ...props }, forwardedRef) => ( | ||
<div | ||
@@ -130,3 +130,3 @@ aria-modal="true" | ||
ref={node => { | ||
forwardRef && forwardRef(node); | ||
assignRef(forwardedRef, node); | ||
}} | ||
@@ -133,0 +133,0 @@ {...props} |
17817
Updated@reach/utils@^0.2.1