Custom popup colors

Author: roggervalf

.babelrc

@@ -1,11 +1,13 @@
 {
-  "plugins": [["@babel/plugin-proposal-decorators", { "legacy": true }],
-  "@babel/plugin-proposal-class-properties"
-    ],
+  "plugins": [
+    ["@babel/plugin-proposal-decorators", { "legacy": true }],
+    "@babel/plugin-syntax-dynamic-import",
+    "@babel/plugin-syntax-import-meta",
+    ["@babel/plugin-proposal-class-properties", { "loose": false }],
+    "@babel/plugin-proposal-json-strings"
+  ],
   "presets": [
-    ["@babel/preset-env", {
-      "modules": false
-    }],
-    "@babel/preset-react"
+      "@babel/preset-env",
+      "@babel/preset-react"
   ]
 }

.eslintignore

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

.eslintrc

@@ -18,7 +18,7 @@
     "sourceType": "module",
     "ecmaVersion": 2018,
     "ecmaFeatures": {
-      "impliedStrict": true,
+      "impliedStrict": true, 
       "jsx": true,
       "arrowFunctions": true,
       "blockBindings": true,
@@ -38,25 +38,15 @@
     }
   },
   "rules": {
-    // don't force es6 functions to include space before paren
     "space-before-function-paren": 0,
-
-    // allow specifying true explicitly for boolean props
     "react/jsx-boolean-value": 0,
-
     "max-len": [2, {"code":120,"ignoreComments":true}],
-
-    "prettier/prettier": [
-      "error",
-      {
-        "singleQuote": false,
-        "trailingComma": "es5",
-        "tabWidth": 2,
-        "printWidth": 80,
-        "semi": true,
-        "bracketSpacing": true,
-        "jsxBracketSameLine": false
-      }
-    ]
+    "newline-per-chained-call": 0, 
+    "no-trailing-spaces": ["error"],
+    "quotes": ["error", "double", { "avoidEscape": true }],
+    "comma-dangle": ["error", "never"],
+    "semi": ["error", "always"],
+    "object-curly-spacing": ["error", "always"],
+    "quote-props": ["error", "consistent"]
   }
 }

.stylelintrc.json

@@ -0,0 +1,6 @@
+{
+  "extends": "stylelint-config-standard",
+  "ignoreFiles": [
+  	"src/decorators/*.js"
+  ]
+}

.travis.yml

@@ -36,4 +36,4 @@ deploy:
 
 branches:
   except:
-    - "/^v\\d+\\.\\d+\\.\\d+$/"
+    - "/^v\\d+\\.\\d+\\.\\d+$/"

CHANGELOG.md

@@ -87,6 +87,10 @@ className	|   data-class  |  String  |   | extra custom class, can use !importan
  delayUpdate	|   data-delay-update |  Number  |   | `<p data-tip="tooltip" data-delay-update='1000'></p>` or `<ReactTooltip delayUpdate={1000} />` Sets a delay in calling getContent if the tooltip is already shown and you mouse over another target  
  insecure | null | Bool | true, false | Whether to inject the style header into the page dynamically (violates CSP style-src but is a convenient default)
  border  |   data-border  |  Bool  |  true, false | Add one pixel white border
+ textColor | data-text-color | String | e.g. red | Popup text color
+ backgroundColor | data-background-color | String | e.g. yellow | Popup background color
+ borderColor | data-border-color | String | e.g. green | Popup border color - enabled by the `border` value
+ arrowColor | data-arrow-color | String | e.g. #fff | Popup arrow color - if not specified, will use the `backgroundColor` value
  getContent | null | Func or Array | (dataTip) => {}, [(dataTip) => {}, Interval] | Generate the tip content dynamically
  afterShow | null | Func | (evt) => {} | Function that will be called after tooltip show, with event that triggered show
  afterHide | null | Func | (evt) => {} | Function that will be called after tooltip hide, with event that triggered hide