Merge In Progress

Author: kebabmaster

.eslintignore

@@ -0,0 +1,10 @@
+# Dependency directories
+node_modules/
+
+# Styling
+*.scss
+
+# Dist
+build/
+dist/
+standalone/

.eslintrc

@@ -0,0 +1,51 @@
+{
+  "parser": "babel-eslint",
+  "extends": [
+    "standard",
+    "standard-react",
+    "prettier",
+    "eslint:recommended"
+  ],
+  "env": {
+    "es6": true,
+    "jest": true
+  },
+  "plugins": [
+    "react",
+    "prettier"
+  ],
+  "parserOptions": {
+    "sourceType": "module",
+    "ecmaVersion": 2018,
+    "ecmaFeatures": {
+      "impliedStrict": true,
+      "jsx": true,
+      "arrowFunctions": true,
+      "blockBindings": true,
+      "defaultParams": true,
+      "destructuring": true,
+      "forOf": true,
+      "generators": true,
+      "objectLiteralComputedProperties": true,
+      "objectLiteralShorthandMethods": true,
+      "objectLiteralShorthandProperties": true,
+      "experimentalObjectRestSpread": true,
+      "restParams": true,
+      "spread": true,
+      "templateStrings": true,
+      "modules": true,
+      "classes": true
+    }
+  },
+  "rules": {
+    "space-before-function-paren": 0,
+    "react/jsx-boolean-value": 0,
+    "max-len": [2, {"code":120,"ignoreComments":true}],
+    "newline-per-chained-call": 0, 
+    "quotes": ["error", "double"],
+    "comma-dangle": ["error", "never"],
+    "semi": ["error", "always"],
+    "array-bracket-spacing": ["error", "always"],
+    "quote-props": ["error", "consistent-as-needed"]
+  }
+}

.gitignore

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

Makefile

@@ -7,18 +7,32 @@
 [download-image]: https://img.shields.io/npm/dm/react-tooltip.svg?style=flat-square
 [download-url]: https://npmjs.org/package/react-tooltip
 
+## Demo
+
+[![Edit ReactTooltip](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/heuristic-curran-bddeu?fontsize=14&hidenavigation=1&theme=dark)
+
 ## Maintainers
 
-[huumanoid](https://github.com/huumanoid)
+[aronhelser](https://github.com/aronhelser) Passive maintainer - accepting PRs and doing minor testing, but not fixing issues or doing active development.
+
+[Rogger794](https://github.com/Rogger794) Active maintainer - accepting PRs and doing minor testing, fixing issues or doing active development.
 
-[aronhelser](https://github.com/aronhelser)
+[huumanoid](https://github.com/huumanoid) (inactive)
+
+We would gladly accept a new maintainer to help out!
 
 ## Installation
 
 ```sh
 npm install react-tooltip
 ```
 
+or
+
+```sh
+yarn add react-tooltip
+```
+
 ## Usage
 **Using NPM**
 
@@ -29,13 +43,13 @@ import ReactTooltip from 'react-tooltip'
 ```
 
 2 . Add data-tip = "your placeholder" to your element
+
 ```jsx
 <p data-tip="hello world">Tooltip</p>
 ```
 
 3 . Include react-tooltip component
 
-
 ```js
 <ReactTooltip />
 ```
@@ -88,9 +102,6 @@ className	|   data-class  |  String  |   | extra custom class, can use !importan
 
 The `html` option allows a tooltip to directly display raw HTML. This is a security risk if any of that content is supplied by the user. Any user-supplied content must be sanitized, using a package like [sanitize-html-react](https://www.npmjs.com/package/sanitize-html-react). We chose not to include sanitization after discovering it [increased our package size](https://github.com/wwayne/react-tooltip/issues/429) too much - we don't want to penalize people who don't use the `html` option.
 
-## Using react component as tooltip
-Check the example [React-tooltip Test](https://react-tooltip.netlify.com/)
-
 ##### Note:
 1. **data-tip** is necessary, because `<ReactTooltip />` finds the tooltip via this attribute
 2. **data-for** corresponds to the **id** of `<ReactTooltip />`

README.md

@@ -1,36 +1,50 @@
-var sass = require('node-sass')
-var fs = require('fs')
-var path = require('path')
+var sass = require("node-sass");
+var fs = require("fs");
+var path = require("path");
 
-function transferSass () {
-  sass.render({
-    file: path.resolve(__dirname, '../src/index.scss'),
-    outputStyle: 'compressed'
-  }, function (err, result) {
-    if (err) {
-      console.log(err)
-      return
-    }
-    var cssSource = result.css.toString()
-    fs.writeFile(path.resolve(__dirname, '../src/style.js'), "export default '" + cssSource.replace(/\n/g, '') + "'", function (err) {
+function transferSass() {
+  sass.render(
+    {
+      file: path.resolve(__dirname, "../src/index.scss"),
+      outputStyle: "compressed",
+    },
+    function(err, result) {
       if (err) {
-        console.error(err)
+        console.log(err);
+        return;
       }
-      console.log('css file has been transformed to JS successful')
-      fs.writeFile(path.resolve(__dirname, '../src/style.css'), cssSource, function (err) {
-        if (err) {
-          console.error(err)
+      var cssSource = result.css.toString();
+      fs.writeFile(
+        path.resolve(__dirname, "../src/style.js"),
+        "export default '" + cssSource.replace(/\n/g, "") + "'",
+        function(err) {
+          if (err) {
+            console.error(err);
+          }
+          console.log("css file has been transformed to JS successful");
+          fs.writeFile(
+            path.resolve(__dirname, "../src/style.css"),
+            cssSource,
+            function(err) {
+              if (err) {
+                console.error(err);
+              }
+              console.log("css file has been transformed successful");
+              process.exit();
+            }
+          );
         }
-        console.log('css file has been transformed successful')
-        process.exit()
-      })
-    })
-  })
+      );
+    }
+  );
 }
 
-transferSass()
+transferSass();
 
-fs.watch(path.resolve(__dirname, '../src/index.scss'), function (event, filename) {
-  console.log(event, filename)
-  transferSass()
-})
+fs.watch(path.resolve(__dirname, "../src/index.scss"), function(
+  event,
+  filename
+) {
+  console.log(event, filename);
+  transferSass();
+});

bin/transferSass.js

@@ -7,7 +7,8 @@
     "gh-pages": "^2.1.1",
     "react": "^16.4.1",
     "react-dom": "^16.4.1",
-    "react-scripts": "^1.1.4"
+    "react-scripts": "^1.1.4",
+    "react-tooltip": "link:.."
   },
   "scripts": {
     "start": "react-scripts start",