Socket
Socket
Sign inDemoInstall

react-simple-tooltip

Package Overview
Dependencies
Maintainers
1
Versions
20
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-simple-tooltip - npm Package Compare versions

Comparing version 1.0.5 to 1.1.0

5

CHANGELOG.md
# Changelog
## 1.0.6 - 2017-08-24
* Changed: Import PropTypes from `prop-types` package
* Added: Yarn
## 1.0.5 - 2015-07-09

@@ -4,0 +9,0 @@

6

lib/index.js

@@ -1,6 +0,6 @@

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.ReactSimpleTooltip=t(require("react")):e.ReactSimpleTooltip=t(e.React)}(this,function(e){return function(e){function t(o){if(r[o])return r[o].exports;var n=r[o]={exports:{},id:o,loaded:!1};return e[o].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}t.__esModule=!0;var a=function(){function e(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,r,o){return r&&e(t.prototype,r),o&&e(t,o),t}}();r(2);var l=r(3),i=o(l),p=r(1),f=o(p),u=function(){function e(){n(this,e)}return e.prototype.render=function(){var e=this.props,t=e.className,r=e.placement,o=e.theme,n=e.trigger,a={};if(n){var l=n.getBoundingClientRect();switch(r){case"top":a.left=l.left+(l.right-l.left)/2,a.top=l.top;break;case"bottom":a.left=l.left+(l.right-l.left)/2,a.top=l.bottom;break;case"right":a.left=l.right,a.top=l.top+(l.bottom-l.top)/2;break;case"left":a.left=l.left,a.top=l.top+(l.bottom-l.top)/2}}return i["default"].createElement("div",{className:f["default"]("tooltip","tooltip-"+o,n&&"tooltip-"+r,t),style:a},i["default"].createElement("div",{className:"tooltip_arrow"}),i["default"].createElement("div",{className:"tooltip_inner"},this.props.children))},a(e,null,[{key:"propTypes",value:{placement:l.PropTypes.oneOf(["top","right","bottom","left"]),theme:l.PropTypes.oneOf(["black","grey","blue","green","yellow","red"]),trigger:l.PropTypes.element},enumerable:!0},{key:"defaultProps",value:{placement:"right",theme:"black"},enumerable:!0}]),e}();t["default"]=u,e.exports=t["default"]},function(e,t,r){var o;/*!
Copyright (c) 2015 Jed Watson.
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.ReactSimpleTooltip=t(require("react")):e.ReactSimpleTooltip=t(e.React)}(this,function(e){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}t.__esModule=!0;var i=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();n(7);var a=n(12),u=r(a),c=n(11),f=r(c),s=n(6),l=r(s),p=function(){function e(){o(this,e)}return e.prototype.render=function(){var e=this.props,t=e.className,n=e.placement,r=e.theme,o=e.trigger,i={};if(o){var a=o.getBoundingClientRect();switch(n){case"top":i.left=a.left+(a.right-a.left)/2,i.top=a.top;break;case"bottom":i.left=a.left+(a.right-a.left)/2,i.top=a.bottom;break;case"right":i.left=a.right,i.top=a.top+(a.bottom-a.top)/2;break;case"left":i.left=a.left,i.top=a.top+(a.bottom-a.top)/2}}return u["default"].createElement("div",{className:l["default"]("tooltip","tooltip-"+r,o&&"tooltip-"+n,t),style:i},u["default"].createElement("div",{className:"tooltip_arrow"}),u["default"].createElement("div",{className:"tooltip_inner"},this.props.children))},i(e,null,[{key:"propTypes",value:{placement:f["default"].oneOf(["top","right","bottom","left"]),theme:f["default"].oneOf(["black","grey","blue","green","yellow","red"]),trigger:f["default"].element},enumerable:!0},{key:"defaultProps",value:{placement:"right",theme:"black"},enumerable:!0}]),e}();t["default"]=p,e.exports=t["default"]},function(e,t){function n(){throw new Error("setTimeout has not been defined")}function r(){throw new Error("clearTimeout has not been defined")}function o(e){if(s===setTimeout)return setTimeout(e,0);if((s===n||!s)&&setTimeout)return s=setTimeout,setTimeout(e,0);try{return s(e,0)}catch(t){try{return s.call(null,e,0)}catch(t){return s.call(this,e,0)}}}function i(e){if(l===clearTimeout)return clearTimeout(e);if((l===r||!l)&&clearTimeout)return l=clearTimeout,clearTimeout(e);try{return l(e)}catch(t){try{return l.call(null,e)}catch(t){return l.call(this,e)}}}function a(){v&&d&&(v=!1,d.length?y=d.concat(y):m=-1,y.length&&u())}function u(){if(!v){var e=o(a);v=!0;for(var t=y.length;t;){for(d=y,y=[];++m<t;)d&&d[m].run();m=-1,t=y.length}d=null,v=!1,i(e)}}function c(e,t){this.fun=e,this.array=t}function f(){}var s,l,p=e.exports={};!function(){try{s="function"==typeof setTimeout?setTimeout:n}catch(e){s=n}try{l="function"==typeof clearTimeout?clearTimeout:r}catch(e){l=r}}();var d,y=[],v=!1,m=-1;p.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];y.push(new c(e,t)),1!==y.length||v||o(u)},c.prototype.run=function(){this.fun.apply(null,this.array)},p.title="browser",p.browser=!0,p.env={},p.argv=[],p.version="",p.versions={},p.on=f,p.addListener=f,p.once=f,p.off=f,p.removeListener=f,p.removeAllListeners=f,p.emit=f,p.prependListener=f,p.prependOnceListener=f,p.listeners=function(e){return[]},p.binding=function(e){throw new Error("process.binding is not supported")},p.cwd=function(){return"/"},p.chdir=function(e){throw new Error("process.chdir is not supported")},p.umask=function(){return 0}},function(e,t){"use strict";function n(e){return function(){return e}}var r=function(){};r.thatReturns=n,r.thatReturnsFalse=n(!1),r.thatReturnsTrue=n(!0),r.thatReturnsNull=n(null),r.thatReturnsThis=function(){return this},r.thatReturnsArgument=function(e){return e},e.exports=r},function(e,t,n){(function(t){"use strict";function n(e,t,n,o,i,a,u,c){if(r(t),!e){var f;if(void 0===t)f=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var s=[n,o,i,a,u,c],l=0;f=new Error(t.replace(/%s/g,function(){return s[l++]})),f.name="Invariant Violation"}throw f.framesToPop=1,f}}var r=function(e){};"production"!==t.env.NODE_ENV&&(r=function(e){if(void 0===e)throw new Error("invariant requires an error message argument")}),e.exports=n}).call(t,n(1))},function(e,t){"use strict";var n="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";e.exports=n},function(e,t,n){(function(t){"use strict";var r=n(2),o=r;if("production"!==t.env.NODE_ENV){var i=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;t>r;r++)n[r-1]=arguments[r];var o=0,i="Warning: "+e.replace(/%s/g,function(){return n[o++]});"undefined"!=typeof console&&console.error(i);try{throw new Error(i)}catch(a){}};o=function(e,t){if(void 0===t)throw new Error("`warning(condition, format, ...args)` requires a warning message argument");if(0!==t.indexOf("Failed Composite propType: ")&&!e){for(var n=arguments.length,r=Array(n>2?n-2:0),o=2;n>o;o++)r[o-2]=arguments[o];i.apply(void 0,[t].concat(r))}}}e.exports=o}).call(t,n(1))},function(e,t,n){var r,o;/*!
Copyright (c) 2016 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*/
!function(){"use strict";function n(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];if(r){var o=typeof r;if("string"===o||"number"===o)e+=" "+r;else if(Array.isArray(r))e+=" "+n.apply(null,r);else if("object"===o)for(var a in r)r.hasOwnProperty(a)&&r[a]&&(e+=" "+a)}}return e.substr(1)}"undefined"!=typeof e&&e.exports?e.exports=n:(o=function(){return n}.call(t,r,t,e),!(void 0!==o&&(e.exports=o)))}()},function(e,t){},function(t,r){t.exports=e}])});
!function(){"use strict";function n(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var o=typeof r;if("string"===o||"number"===o)e.push(r);else if(Array.isArray(r))e.push(n.apply(null,r));else if("object"===o)for(var a in r)i.call(r,a)&&r[a]&&e.push(a)}}return e.join(" ")}var i={}.hasOwnProperty;"undefined"!=typeof e&&e.exports?e.exports=n:(r=[],o=function(){return n}.apply(t,r),!(void 0!==o&&(e.exports=o)))}()},function(e,t){},function(e,t,n){(function(t){"use strict";function r(e,n,r,c,f){if("production"!==t.env.NODE_ENV)for(var s in e)if(e.hasOwnProperty(s)){var l;try{o("function"==typeof e[s],"%s: %s type `%s` is invalid; it must be a function, usually from React.PropTypes.",c||"React class",r,s),l=e[s](n,s,c,r,null,a)}catch(p){l=p}if(i(!l||l instanceof Error,"%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",c||"React class",r,s,typeof l),l instanceof Error&&!(l.message in u)){u[l.message]=!0;var d=f?f():"";i(!1,"Failed %s type: %s%s",r,l.message,null!=d?d:"")}}}if("production"!==t.env.NODE_ENV)var o=n(3),i=n(5),a=n(4),u={};e.exports=r}).call(t,n(1))},function(e,t,n){"use strict";var r=n(2),o=n(3),i=n(4);e.exports=function(){function e(e,t,n,r,a,u){u!==i&&o(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types")}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t};return n.checkPropTypes=r,n.PropTypes=n,n}},function(e,t,n){(function(t){"use strict";var r=n(2),o=n(3),i=n(5),a=n(4),u=n(8);e.exports=function(e,n){function c(e){var t=e&&(P&&e[P]||e[_]);return"function"==typeof t?t:void 0}function f(e,t){return e===t?0!==e||1/e===1/t:e!==e&&t!==t}function s(e){this.message=e,this.stack=""}function l(e){function r(r,f,l,p,d,y,v){if(p=p||j,y=y||l,v!==a)if(n)o(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");else if("production"!==t.env.NODE_ENV&&"undefined"!=typeof console){var m=p+":"+l;!u[m]&&3>c&&(i(!1,"You are manually calling a React.PropTypes validation function for the `%s` prop on `%s`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details.",y,p),u[m]=!0,c++)}return null==f[l]?r?new s(null===f[l]?"The "+d+" `"+y+"` is marked as required "+("in `"+p+"`, but its value is `null`."):"The "+d+" `"+y+"` is marked as required in "+("`"+p+"`, but its value is `undefined`.")):null:e(f,l,p,d,y)}if("production"!==t.env.NODE_ENV)var u={},c=0;var f=r.bind(null,!1);return f.isRequired=r.bind(null,!0),f}function p(e){function t(t,n,r,o,i,a){var u=t[n],c=O(u);if(c!==e){var f=N(u);return new s("Invalid "+o+" `"+i+"` of type "+("`"+f+"` supplied to `"+r+"`, expected ")+("`"+e+"`."))}return null}return l(t)}function d(){return l(r.thatReturnsNull)}function y(e){function t(t,n,r,o,i){if("function"!=typeof e)return new s("Property `"+i+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var u=t[n];if(!Array.isArray(u)){var c=O(u);return new s("Invalid "+o+" `"+i+"` of type "+("`"+c+"` supplied to `"+r+"`, expected an array."))}for(var f=0;f<u.length;f++){var l=e(u,f,r,o,i+"["+f+"]",a);if(l instanceof Error)return l}return null}return l(t)}function v(){function t(t,n,r,o,i){var a=t[n];if(!e(a)){var u=O(a);return new s("Invalid "+o+" `"+i+"` of type "+("`"+u+"` supplied to `"+r+"`, expected a single ReactElement."))}return null}return l(t)}function m(e){function t(t,n,r,o,i){if(!(t[n]instanceof e)){var a=e.name||j,u=k(t[n]);return new s("Invalid "+o+" `"+i+"` of type "+("`"+u+"` supplied to `"+r+"`, expected ")+("instance of `"+a+"`."))}return null}return l(t)}function h(e){function n(t,n,r,o,i){for(var a=t[n],u=0;u<e.length;u++)if(f(a,e[u]))return null;var c=JSON.stringify(e);return new s("Invalid "+o+" `"+i+"` of value `"+a+"` "+("supplied to `"+r+"`, expected one of "+c+"."))}return Array.isArray(e)?l(n):("production"!==t.env.NODE_ENV?i(!1,"Invalid argument supplied to oneOf, expected an instance of array."):void 0,r.thatReturnsNull)}function g(e){function t(t,n,r,o,i){if("function"!=typeof e)return new s("Property `"+i+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var u=t[n],c=O(u);if("object"!==c)return new s("Invalid "+o+" `"+i+"` of type "+("`"+c+"` supplied to `"+r+"`, expected an object."));for(var f in u)if(u.hasOwnProperty(f)){var l=e(u,f,r,o,i+"."+f,a);if(l instanceof Error)return l}return null}return l(t)}function b(e){function n(t,n,r,o,i){for(var u=0;u<e.length;u++){var c=e[u];if(null==c(t,n,r,o,i,a))return null}return new s("Invalid "+o+" `"+i+"` supplied to "+("`"+r+"`."))}if(!Array.isArray(e))return"production"!==t.env.NODE_ENV?i(!1,"Invalid argument supplied to oneOfType, expected an instance of array."):void 0,r.thatReturnsNull;for(var o=0;o<e.length;o++){var u=e[o];if("function"!=typeof u)return i(!1,"Invalid argument supplid to oneOfType. Expected an array of check functions, but received %s at index %s.",R(u),o),r.thatReturnsNull}return l(n)}function w(){function e(e,t,n,r,o){return x(e[t])?null:new s("Invalid "+r+" `"+o+"` supplied to "+("`"+n+"`, expected a ReactNode."))}return l(e)}function T(e){function t(t,n,r,o,i){var u=t[n],c=O(u);if("object"!==c)return new s("Invalid "+o+" `"+i+"` of type `"+c+"` "+("supplied to `"+r+"`, expected `object`."));for(var f in e){var l=e[f];if(l){var p=l(u,f,r,o,i+"."+f,a);if(p)return p}}return null}return l(t)}function x(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(x);if(null===t||e(t))return!0;var n=c(t);if(!n)return!1;var r,o=n.call(t);if(n!==t.entries){for(;!(r=o.next()).done;)if(!x(r.value))return!1}else for(;!(r=o.next()).done;){var i=r.value;if(i&&!x(i[1]))return!1}return!0;default:return!1}}function E(e,t){return"symbol"===e?!0:"Symbol"===t["@@toStringTag"]?!0:"function"==typeof Symbol&&t instanceof Symbol?!0:!1}function O(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":E(t,e)?"symbol":t}function N(e){if("undefined"==typeof e||null===e)return""+e;var t=O(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function R(e){var t=N(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}function k(e){return e.constructor&&e.constructor.name?e.constructor.name:j}var P="function"==typeof Symbol&&Symbol.iterator,_="@@iterator",j="<<anonymous>>",A={array:p("array"),bool:p("boolean"),func:p("function"),number:p("number"),object:p("object"),string:p("string"),symbol:p("symbol"),any:d(),arrayOf:y,element:v(),instanceOf:m,node:w(),objectOf:g,oneOf:h,oneOfType:b,shape:T};return s.prototype=Error.prototype,A.checkPropTypes=u,A.PropTypes=A,A}}).call(t,n(1))},function(e,t,n){(function(t){if("production"!==t.env.NODE_ENV){var r="function"==typeof Symbol&&Symbol["for"]&&Symbol["for"]("react.element")||60103,o=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},i=!0;e.exports=n(10)(o,i)}else e.exports=n(9)()}).call(t,n(1))},function(t,n){t.exports=e}])});

30

package.json
{
"name": "react-simple-tooltip",
"version": "1.0.5",
"version": "1.1.0",
"description": "A lightweight and simple tooltip component for React",
"repository": {
"type": "git",
"url": "git+https://github.com/cedricdelpoux/react-simple-tooltip.git"
"url": "git+https://github.com/xuopled/react-simple-tooltip.git"
},
"keywords": [
"react",
"tooltip",
"bubble"
],
"author": "Cédric Delpoux <cedric.delpoux@gmail.com>",
"keywords": ["react", "tooltip", "bubble"],
"author": "Cédric Delpoux <xuopled@gmail.com>",
"license": "MIT",
"bugs": {
"url": "https://github.com/cedricdelpoux/react-simple-tooltip/issues"
"url": "https://github.com/xuopled/react-simple-tooltip/issues"
},
"homepage": "https://github.com/cedricdelpoux/react-simple-tooltip#readme",
"homepage": "https://github.com/xuopled/react-simple-tooltip#readme",
"main": "lib/index.js",
"files": [
"lib"
],
"files": ["lib"],
"dependencies": {
"classnames": "~2.1.2",
"react": "^0.13.3"
"classnames": "~2.2.5",
"prop-types": "~15.5.0"
},

@@ -31,3 +25,3 @@ "devDependencies": {

"babel-core": "~5.6.15",
"babel-eslint": "~3.1.20",
"babel-eslint": "^7.2.3",
"babel-loader": "~5.1.4",

@@ -43,2 +37,6 @@ "css-loader": "~0.15.1",

},
"peerDependencies": {
"react": "^15.6.0",
"react-dom": "^15.6.0"
},
"scripts": {

@@ -45,0 +43,0 @@ "clean": "rm -rf lib",

16

README.md

@@ -1,2 +0,2 @@

# react-simple-tooltip
# react-simple-tooltip ![npm](https://img.shields.io/npm/v/react-simple-tooltip.svg) ![license](https://img.shields.io/npm/l/react-simple-tooltip.svg) ![github-issues](https://img.shields.io/github/issues/xuopled/react-simple-tooltip.svg)

@@ -19,3 +19,3 @@ A lightweight and simple tooltip component for React

http://cedricdelpoux.github.io/react-simple-tooltip/
http://xuopled.github.io/react-simple-tooltip/

@@ -31,4 +31,6 @@ ## Usage

```js
import 'react-simple-tooltip/lib/index.css'
import React from 'react'
import { Tooltip } from 'react-simple-tooltip'
import Tooltip from 'react-simple-tooltip'

@@ -41,3 +43,3 @@ export default class MyComponent {

<div>react-simple-tooltip</div>
<div>By cedricdelpoux</div>
<div>By xuopled</div>
</Tooltip>

@@ -53,4 +55,6 @@ </div>

```js
import 'react-simple-tooltip/lib/index.css'
import React, { Component } from 'react'
import { Tooltip } from 'react-simple-tooltip'
import Tooltip from 'react-simple-tooltip'

@@ -79,3 +83,3 @@ export default class MyComponent extends Component {

<div>react-simple-tooltip</div>
<div>By cedricdelpoux</div>
<div>By xuopled</div>
</Tooltip>

@@ -82,0 +86,0 @@ )

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc