react-joyride - npm Package Compare versions

Comparing version 1.1.1 to 1.2.0

lib/scripts/Beacon.js

@@ -22,3 +22,3 @@ var React    = require('react'),
 
-    getDefaultProps: function () {
+    getDefaultProps: function() {
         return {
@@ -31,3 +31,3 @@ cssPosition: 'absolute',
 
-    render: function () {
+    render: function() {
         var props      = this.props,
@@ -81,7 +81,7 @@ stepStyles = props.step.style || {},
                 React.createElement('span', {
-                    className: 'inner',
+                    className: 'joyride-beacon__inner',
                     style: styles.inner
                 }),
                 React.createElement('span', {
-                    className: 'outer',
+                    className: 'joyride-beacon__outer',
                     style: styles.outer
@@ -88,0 +88,0 @@ })

lib/scripts/Component.js

 var React          = require('react'),
     ReactDOM       = require('react-dom'),
-    ReactDOMServer = require('react-dom/server'),
     scroll         = require('scroll'),
@@ -449,3 +448,3 @@ Beacon         = require('./Beacon'),
 
-        if (tooltip.classList.contains('standalone')) {
+        if (tooltip.classList.contains('joyride-tooltip--standalone')) {
             this.setState({
@@ -563,3 +562,4 @@ play: this.state.previousPlay,
                 xPos: this._preventWindowOverflow(Math.ceil(placement.x), 'x', component.width, component.height),
-                yPos: this._preventWindowOverflow(Math.ceil(placement.y), 'y', component.width, component.height)
+                yPos: this._preventWindowOverflow(Math.ceil(placement.y), 'y', component.width, component.height),
+                position: position
             });
@@ -628,2 +628,4 @@ }
             if (state.showTooltip || state.tooltip) {
+                currentStep.position = state.position;
+
                 if (!state.tooltip) {
@@ -630,0 +632,0 @@ if (props.type === 'continuous' || props.type === 'guided') {

lib/scripts/Tooltip.js

@@ -197,6 +197,6 @@ var React  = require('react'),
 
-        styles = this._setStyles(opts, styles, step.style)
+        styles = this._setStyles(opts, styles, step.style);
 
         if (props.standalone) {
-            opts.classes.push('standalone');
+            opts.classes.push('joyride-tooltip--standalone');
         }
@@ -208,3 +208,3 @@ if (opts.positonBaseClass) {
         if (props.animate) {
-            opts.classes.push('animate');
+            opts.classes.push('joyride-tooltip--animate');
         }
@@ -227,3 +227,3 @@
             React.createElement('div', {
-                className: 'triangle triangle-' + opts.positionClass,
+                className: 'joyride-tooltip__triangle joyride-tooltip__triangle-' + opts.positionClass,
                 style: styles.arrow
@@ -249,3 +249,3 @@ }),
                         href: '#',
-                        className: 'skip',
+                        className: 'joyride-tooltip__button joyride-tooltip__button--skip',
                         style: styles.buttons.skip,
@@ -259,3 +259,3 @@ 'data-type': 'skip',
                         href: '#',
-                        className: 'secondary',
+                        className: 'joyride-tooltip__button joyride-tooltip__button--secondary',
                         style: styles.buttons.back,
@@ -268,3 +268,3 @@ 'data-type': 'back',
                     href: '#',
-                    className: 'primary',
+                    className: 'joyride-tooltip__button joyride-tooltip__button--primary',
                     style: styles.buttons.primary,
@@ -271,0 +271,0 @@ 'data-type': 'next',

package.json

 {
   "name": "react-joyride",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "Create walkthroughs and guided tours for your apps",
@@ -25,29 +25,45 @@ "author": "Gil Barbara <[e-mail]>",
   "dependencies": {
-    "object-assign": "^4.0.1",
+    "object-assign": "^4.0",
+    "react": "^0.14",
+    "react-dom": "^0.14",
     "scroll": "1.0"
   },
-  "peerDependencies": {
-    "react": "^0.14",
-    "react-dom": "^0.14"
-  },
   "devDependencies": {
-    "del": "^2.0",
-    "eslint": "^1.8",
-    "eslint-plugin-react": "^3.6",
+    "babel-preset-es2015": "^6.6",
+    "babel-preset-react": "^6.5",
+    "babel-register": "^6.6",
+    "del": "^2.2",
+    "eslint": "^1.10",
+    "eslint-plugin-react": "^3.13",
+    "expect": "^1.14",
     "gulp": "^3.9",
     "gulp-autoprefixer": "^3.1",
-    "gulp-eslint": "^1.0",
-    "gulp-load-plugins": "^1.0",
-    "gulp-plumber": "^1.0",
-    "gulp-sass": "^2.1",
+    "gulp-eslint": "^1.1",
+    "gulp-load-plugins": "^1.2",
+    "gulp-mocha": "^2.2",
+    "gulp-plumber": "^1.1",
+    "gulp-sass": "^2.2",
+    "jsdom": "^8.1.0",
     "merge-stream": "^1.0",
-    "mocha": "^2.3",
+    "mocha": "^2.4",
+    "react-addons-test-utils": "^0.14",
     "run-sequence": "^1.1"
   },
+  "babel": {
+    "presets": [
+      "es2015",
+      "react"
+    ]
+  },
   "scripts": {
-    "build": "gulp build"
+    "start": "gulp serve",
+    "lint": "gulp lint",
+    "build": "gulp build",
+    "test": "gulp test",
+    "test-watch": "./node_modules/.bin/_mocha -R min --watch --compilers js:babel-register $(find app/scripts/__tests__ -name *.spec.js)"
   },
   "engines": {
-    "node": ">=0.12"
+    "node": ">=5.0.0",
+    "npm": ">=3.0.0"
   }
 }

README.md

@@ -222,3 +222,3 @@ React Joyride
 ## Tooltip / Step Syntax
-There are a few usable options but you can pass extra parameters.
+There are a few usable options but you can pass custom parameters.
 
@@ -269,3 +269,3 @@ - `title`: The title of the tooltip
 	},
-    // extra params...
+    // custom params...
     name: 'my-first-step',
@@ -317,1 +317,2 @@ parent: 'MyComponentName'
 Inspired by [react-tour-guide](https://github.com/jakemmarsh/react-tour-guide) and [jquery joyride tour](http://zurb.com/playground/jquery-joyride-feature-tour-plugin)
+  

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

68593

increased by2.11%

Lines of code

1212

increased by0.25%

Worsened metrics

Dev dependency count

19

increased by58.33%

Dependency changes

• + Addedreact@^0.14

• + Addedreact-dom@^0.14

• Updatedobject-assign@^4.0