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

react-joyride

Package Overview
Dependencies
Maintainers
1
Versions
137
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-joyride - npm Package Compare versions

Comparing version 0.6.5 to 0.6.6

40

lib/scripts/Mixin.js

@@ -41,3 +41,3 @@ var React = require('react/addons'),

* Get an element actual dimensions with margin
* @param el {String|@type {HTMLElement}} - Element node or selector
* @param {String|DOMElement} el - Element node or selector
* @returns {{height: number, width: number}}

@@ -83,4 +83,4 @@ */

* Keydown event listener
* @this {Mixin}
* @param e {Event} - Keyboard event
* @this Mixin
* @param {Event} e - Keyboard event
*/

@@ -108,4 +108,4 @@ keyboardNavigation: function (e) {

* Beacon click event listener
* @this {Mixin}
* @param e {Event} - Keyboard event
* @this Mixin
* @param {Event} e - Keyboard event
*/

@@ -119,4 +119,4 @@ onClickBeacon: function (e) {

* Tooltip click event listener
* @this {Mixin}
* @param e {Event} - Keyboard event
* @this Mixin
* @param {Event} e - Keyboard event
*/

@@ -139,3 +139,4 @@ onClickTooltip: function (e) {

* the step position and window size
* @this {Mixin|this}
* @this this
* @this Mixin
*/

@@ -210,6 +211,6 @@ calcPlacement: function () {

* Prevent tooltip to render outside the window
* @param value {Number} - The axis position
* @param axis {String} - The Axis X or Y
* @param elWidth {Number} - The target element width
* @param elHeight {Number} - The target element height
* @param {Number} value - The axis position
* @param {String} axis - The Axis X or Y
* @param {Number} elWidth - The target element width
* @param {Number} elHeight - The target element height
* @returns {Number}

@@ -243,5 +244,5 @@ */

/**
*
* @param show {Boolean} Render the tooltip directly or the beacon
* @param index {Number} The tour's new index
* Toggle Tooltip's visibility
* @param {Boolean} show Render the tooltip directly or the beacon
* @param {Number} index The tour's new index
*/

@@ -258,2 +259,5 @@ toggleTooltip: function (show, index) {

/**
* @constructor
*/
var Mixin = {

@@ -353,3 +357,3 @@ getInitialState: function () {

* Add Steps
* @param {object|array} steps - Steps to add to the tour
* @param {array|object} steps - Steps to add to the tour
* @param {boolean} [start] - Starts the tour right away

@@ -375,2 +379,6 @@ */

tmpSteps.forEach(function (s) {
if (s.selector.dataset && s.selector.dataset.reactid) {
var reactSelector = '[data-reactid="' + s.selector.dataset.reactid + '"]';
s.selector = reactSelector;
}
el = document.querySelector(s.selector);

@@ -377,0 +385,0 @@ s.position = s.position || 'top';

2

package.json
{
"name": "react-joyride",
"version": "0.6.5",
"version": "0.6.6",
"description": "Create walkthroughs and guided tours for your apps",

@@ -5,0 +5,0 @@ "author": "Gil Barbara <gilbarbara@gmail.com>",

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