fix(pr): package.json fix; refactoring to exclude dependencies

.gitignore

@@ -8,9 +8,6 @@
 !.gitignore
 !.npmignore
 
-# NPM
-package-lock.json
-
 # files
 node_modules/
 dist/

package.json

@@ -4,7 +4,7 @@
   "description": "react tooltip component",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
-  "jsnext:main": "dist/index.ex.js",
+  "jsnext:main": "dist/index.es.js",
   "engines": {
     "node": ">=8",
     "npm": ">=5"
@@ -30,16 +30,6 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "standard": {
-    "parser": "babel-eslint",
-    "ignore": [
-      "dist/",
-      "standalone/",
-      "src/style.js",
-      "src/style.css",
-      "example/"
-    ]
-  },
   "repository": {
     "type": "git",
     "url": "https://github.com/wwayne/react-tooltip"
@@ -66,8 +56,6 @@
   },
   "dependencies": {
     "aphrodite-jss": "^2.1.0",
-    "classnames": "^2.2.6",
-    "lodash": "^4.17.15",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {

src/decorators/defaultStyles.js

@@ -1,5 +1,3 @@
-import _ from "lodash";
-
 /**
  * Default pop-up style values (text color, background color).
  */
@@ -13,5 +11,5 @@ const defaultColors = {
 };
 
 export function getDefaultPopupColors (type) {
-  return _.cloneDeep(defaultColors[type]);
+	return defaultColors[type] ? { ...defaultColors[type] } : undefined;
 }

src/index.js

@@ -1,7 +1,6 @@
 /* eslint-disable no-unused-vars, dot-notation */
 import React from "react";
 import PropTypes from "prop-types";
-import classname from "classnames";
 
 /* Decorators */
 import staticMethods from "./decorators/staticMethods";
@@ -674,18 +673,14 @@ class ReactTooltip extends React.Component {
     const placeholder = this.getTooltipContent();
     const isEmptyTip = this.isEmptyTip(placeholder);
 
-    const tooltipClass = classname(
-      "__react_component_tooltip",
-      { "show": this.state.show && !disable && !isEmptyTip },
-      { "border": this.state.border },
-      { "place-top": this.state.place === "top" },
-      { "place-bottom": this.state.place === "bottom" },
-      { "place-left": this.state.place === "left" },
-      { "place-right": this.state.place === "right" },
-      { ["type-" + (this.hasCustomColors() ? "custom" : this.state.type)]: this.state.type },
-      { "allow_hover": this.props.delayUpdate },
-      { "allow_click": this.props.clickable }
-    );
+    const tooltipClass =
+      "__react_component_tooltip" +
+      (this.state.show && !disable && !isEmptyTip ? " show" : "") +
+      (this.state.border ? " border" : "") +
+      ` place-${this.state.place}` + // top, bottom, left, right
+      ` type-${(this.hasCustomColors() ? "custom" : this.state.type)}` + // dark, success, warning, error, info, light, custom
+      (this.props.delayUpdate ? " allow_hover" : "") +
+      (this.props.clickable ? " allow_click" : "");
 
     const tooltipStyle = getTooltipStyle(getPopupColors(this.state.customColors, this.state.type, this.state.border));