refactor(linting): udpated lint rules

Author: pdeszynski

.eslintrc

@@ -1,47 +1,54 @@
-{
-  "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": {
-    "react/jsx-no-bind": "off",
-    "space-before-function-paren": 0,
-    "react/jsx-boolean-value": 0,
-    "max-len": [2, { "code": 120, "ignoreComments": true }],
-    "newline-per-chained-call": 0,
-    "no-trailing-spaces": ["error"],
-    "quotes": ["error", "single", { "avoidEscape": true }],
-    "comma-dangle": ["error", "never"],
-    "no-template-curly-in-string": "off",
-    "semi": ["error", "always"],
-    "object-curly-spacing": ["error", "always"],
-    "quote-props": ["error", "consistent"],
-    "no-var": ["error"]
-  }
-}
+{
+  "parser": "@babel/eslint-parser",
+  "extends": [
+    "plugin:react/recommended",
+    "standard-react",
+    "prettier",
+    "eslint:recommended"
+  ],
+  "env": {
+    "es6": true,
+    "jest": true,
+    "browser": true
+  },
+  "ignorePatterns": ["/bin", "/example", "/test", "/dist"],
+  "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": {
+    "react/jsx-no-bind": "off",
+    "space-before-function-paren": 0,
+    "react/jsx-boolean-value": 0,
+    "max-len": [2, { "code": 120, "ignoreComments": true }],
+    "newline-per-chained-call": 0,
+    "no-trailing-spaces": ["error"],
+    "quotes": ["error", "single", { "avoidEscape": true }],
+    "comma-dangle": ["error", "never"],
+    "no-template-curly-in-string": "off",
+    "semi": ["error", "always"],
+    "object-curly-spacing": ["error", "always"],
+    "quote-props": ["error", "consistent"],
+    "no-var": ["error"]
+  }
+}

.gitignore

@@ -12,3 +12,4 @@
 node_modules/
 dist/
 build/
+.env

.stylelintrc.json

@@ -1,6 +1,13 @@
 {
   "extends": "stylelint-config-standard",
-  "ignoreFiles": [
-  	"src/decorators/*.js"
-  ]
+  "ignoreFiles": ["src/**/*.js"],
+  "overrides": [
+    {
+      "files": ["*.scss", "**/*.scss"],
+      "customSyntax": "postcss-scss"
+    }
+  ],
+  "rules": {
+    "selector-class-pattern": null
+  }
 }

package.json

@@ -64,6 +64,7 @@
   "devDependencies": {
     "@babel/cli": "^7.18.10",
     "@babel/core": "^7.18.10",
+    "@babel/eslint-parser": "^7.18.9",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-decorators": "^7.18.10",
     "@babel/plugin-proposal-object-rest-spread": "^7.18.9",
@@ -81,7 +82,6 @@
     "@semantic-release/release-notes-generator": "^10.0.3",
     "@svgr/rollup": "^6.3.1",
     "@testing-library/react": "^13.3.0",
-    "babel-eslint": "^10.1.0",
     "babel-loader": "8.2.5",
     "babelify": "^10.0.0",
     "browserify": "^17.0.0",
@@ -96,17 +96,16 @@
     "cz-conventional-changelog": "^3.3.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.6",
-    "eslint": "^8.21.0",
-    "eslint-config-jss": "5.0.1",
-    "eslint-config-prettier": "8.5.0",
+    "eslint": ">=8.21.0",
+    "eslint-config-jss": ">=5.0.1",
+    "eslint-config-prettier": ">=8.5.0",
     "eslint-config-standard": "^17.0.0",
-    "eslint-config-standard-react": "^11.0.1",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-node": "^11.1.0",
+    "eslint-config-standard-react": ">=11.0.1",
+    "eslint-plugin-import": ">=2.26.0",
+    "eslint-plugin-node": ">=11.1.0",
     "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-promise": "^6.0.0",
-    "eslint-plugin-react": "^7.30.1",
-    "eslint-plugin-standard": "^5.0.0",
+    "eslint-plugin-promise": ">=6.0.0",
+    "eslint-plugin-react": ">=7.30.1",
     "gh-pages": "4.0.0",
     "github-changes": "^2.0.3",
     "http-server": "^14.1.1",
@@ -119,6 +118,7 @@
     "mocha-jsdom": "^2.0.0",
     "npm-run-all": "^4.1.5",
     "postcss-nested": "^5.0.6",
+    "postcss-scss": "^4.0.4",
     "postcss-simple-vars": "^6.0.3",
     "prettier": "2.7.1",
     "pretty-quick": "^3.1.3",

src/utils/getTipContent.js

@@ -13,7 +13,7 @@
  */
 import React from 'react';
 
-export default function(tip, children, getContent, multiline) {
+export default function TipContent(tip, children, getContent, multiline) {
   if (children) return children;
   if (getContent !== undefined && getContent !== null) return getContent; // getContent can be 0, '', etc.
   if (getContent === null) return null; // Tip not exist and children is null or undefined