Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@reach/tooltip

Package Overview
Dependencies
Maintainers
2
Versions
63
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@reach/tooltip - npm Package Compare versions

Comparing version 0.3.0 to 0.4.0-beta.0

15

es/index.js

@@ -365,15 +365,4 @@ var _states;

var child = Children.only(children); // We need to pass some properties from the child into useTooltip
// to make sure users can maintain control over the trigger's ref and events
var _useTooltip = useTooltip({
DEBUG_STYLE: DEBUG_STYLE,
onMouseEnter: child.props.onMouseEnter,
onMouseMove: child.props.onMouseMove,
onMouseLeave: child.props.onMouseLeave,
onFocus: child.props.onFocus,
onBlur: child.props.onBlur,
onKeyDown: child.props.onKeyDown,
onMouseDown: child.props.onMouseDown,
ref: child.ref
DEBUG_STYLE: DEBUG_STYLE
}),

@@ -383,3 +372,3 @@ trigger = _useTooltip[0],

return React.createElement(Fragment, null, cloneElement(child, trigger), React.createElement(TooltipPopup, _extends({
return React.createElement(Fragment, null, cloneElement(Children.only(children), trigger), React.createElement(TooltipPopup, _extends({
label: label,

@@ -386,0 +375,0 @@ ariaLabel: ariaLabel

@@ -350,16 +350,4 @@ "use strict";

var child = _react.Children.only(children); // We need to pass some properties from the child into useTooltip
// to make sure users can maintain control over the trigger's ref and events
var _useTooltip = useTooltip({
DEBUG_STYLE: DEBUG_STYLE,
onMouseEnter: child.props.onMouseEnter,
onMouseMove: child.props.onMouseMove,
onMouseLeave: child.props.onMouseLeave,
onFocus: child.props.onFocus,
onBlur: child.props.onBlur,
onKeyDown: child.props.onKeyDown,
onMouseDown: child.props.onMouseDown,
ref: child.ref
DEBUG_STYLE: DEBUG_STYLE
}),

@@ -369,3 +357,3 @@ trigger = _useTooltip[0],

return _react["default"].createElement(_react.Fragment, null, (0, _react.cloneElement)(child, trigger), _react["default"].createElement(TooltipPopup, _extends({
return _react["default"].createElement(_react.Fragment, null, (0, _react.cloneElement)(_react.Children.only(children), trigger), _react["default"].createElement(TooltipPopup, _extends({
label: label,

@@ -372,0 +360,0 @@ ariaLabel: ariaLabel

15

package.json
{
"name": "@reach/tooltip",
"version": "0.3.0",
"version": "0.4.0-beta.0",
"description": "Accessible tooltips",

@@ -12,7 +12,7 @@ "main": "index.js",

"dependencies": {
"@reach/auto-id": "^0.3.0",
"@reach/portal": "^0.3.0",
"@reach/rect": "^0.3.0",
"@reach/utils": "^0.3.0",
"@reach/visually-hidden": "^0.3.0",
"@reach/auto-id": "^0.4.0-beta.0",
"@reach/portal": "^0.4.0-beta.0",
"@reach/rect": "^0.4.0-beta.0",
"@reach/utils": "^0.4.0-beta.0",
"@reach/visually-hidden": "^0.4.0-beta.0",
"prop-types": "^15.7.2"

@@ -35,4 +35,3 @@ },

"styles.css"
],
"gitHead": "5bf78a3c6261dcfb417c876bb4223c6381a14013"
]
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc