react-cool-onclickoutside - npm Package Compare versions

Comparing version 1.4.6 to 1.4.7

dist/index.d.ts

@@ -1,3 +0,3 @@
-declare module 'react-cool-onclickoutside' {
-  import { RefObject } from 'react';
+declare module "react-cool-onclickoutside" {
+  import { RefObject } from "react";
 
@@ -4,0 +4,0 @@ type Ref = RefObject<HTMLElement>;

package.json

 {
   "name": "react-cool-onclickoutside",
-  "version": "1.4.6",
+  "version": "1.4.7",
   "description": "React hook to listen for clicks outside of the component(s).",
@@ -42,3 +42,3 @@ "license": "MIT",
     "lint:code": "eslint --fix . --ext .js,.ts,.tsx",
-    "lint:style": "stylelint --fix \"./**/*.css\" \"./**/*.ts\" \"./**/*.tsx\"",
+    "lint:style": "stylelint --fix \"**/*.{css,ts,tsx}\"",
     "lint": "run-p lint:*",
@@ -71,3 +71,3 @@ "type-check": "tsc --noEmit",
     "*.{css,ts,tsx}": "stylelint --fix",
-    "*.{json,md}": "prettier --write"
+    "*.{json,md,yml}": "prettier --write"
   },
@@ -95,69 +95,7 @@ "babel": {
   "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "plugins": [
-      "@typescript-eslint",
-      "emotion",
-      "jest",
-      "testing-library",
-      "prettier"
-    ],
     "extends": [
-      "airbnb",
-      "airbnb/hooks",
-      "plugin:@typescript-eslint/recommended",
-      "plugin:jest/recommended",
-      "plugin:jest/style",
-      "plugin:testing-library/recommended",
-      "plugin:prettier/recommended",
-      "prettier/@typescript-eslint",
-      "prettier/react"
+      "welly"
     ],
-    "settings": {
-      "import/parsers": {
-        "@typescript-eslint/parser": [
-          ".ts",
-          ".tsx"
-        ]
-      },
-      "import/resolver": {
-        "typescript": {}
-      }
-    },
-    "env": {
-      "browser": true,
-      "node": true,
-      "es6": true,
-      "jest": true
-    },
     "rules": {
-      "no-console": [
-        "warn",
-        {
-          "allow": [
-            "warn",
-            "error"
-          ]
-        }
-      ],
-      "react/jsx-props-no-spreading": "off",
-      "react/jsx-filename-extension": [
-        "error",
-        {
-          "extensions": [
-            ".js",
-            ".ts",
-            ".tsx"
-          ]
-        }
-      ],
-      "import/extensions": "off",
-      "import/no-extraneous-dependencies": "off",
-      "@typescript-eslint/ban-ts-ignore": "off",
-      "@typescript-eslint/no-explicit-any": "off",
-      "prettier/prettier": [
-        "error",
-        {
-          "singleQuote": true
-        }
-      ]
+      "emotion/jsx-import": "off"
     }
@@ -178,4 +116,2 @@ },
     "rules": {
-      "string-quotes": "single",
-      "declaration-empty-line-before": null,
       "prettier/prettier": true
@@ -206,3 +142,3 @@ },
     "@emotion/core": "^10.0.28",
-    "@rollup/plugin-html": "^0.1.1",
+    "@rollup/plugin-html": "^0.2.0",
     "@rollup/plugin-replace": "^2.3.1",
@@ -216,18 +152,6 @@ "@rollup/plugin-url": "^4.0.2",
     "@types/vfile-message": "^2.0.0",
-    "@typescript-eslint/eslint-plugin": "^2.24.0",
-    "@typescript-eslint/parser": "^2.24.0",
     "babel-plugin-emotion": "^10.0.29",
     "coveralls": "^3.0.11",
     "eslint": "^6.8.0",
-    "eslint-config-airbnb": "^18.1.0",
-    "eslint-config-prettier": "^6.10.0",
-    "eslint-import-resolver-typescript": "^2.0.0",
-    "eslint-plugin-emotion": "^10.0.27",
-    "eslint-plugin-import": "^2.20.1",
-    "eslint-plugin-jest": "^23.8.2",
-    "eslint-plugin-jsx-a11y": "^6.2.3",
-    "eslint-plugin-prettier": "^3.1.2",
-    "eslint-plugin-react": "^7.19.0",
-    "eslint-plugin-react-hooks": "^2.5.0",
-    "eslint-plugin-testing-library": "^3.0.0",
+    "eslint-config-welly": "^0.5.6",
     "husky": "^4.2.3",
@@ -234,0 +158,0 @@ "jest": "^25.1.0",

README.md

@@ -51,4 +51,4 @@ # React Cool Onclickoutside
 ```js
-import React, { useState, useRef } from 'react';
-import useOnclickOutside from 'react-cool-onclickoutside';
+import React, { useState, useRef } from "react";
+import useOnclickOutside from "react-cool-onclickoutside";
 
@@ -81,4 +81,4 @@ const Dropdown = () => {
 ```js
-import React, { useState, useRef } from 'react';
-import useOnclickOutside from 'react-cool-onclickoutside';
+import React, { useState, useRef } from "react";
+import useOnclickOutside from "react-cool-onclickoutside";
 
@@ -112,4 +112,4 @@ const App = () => {
 ```js
-import React, { useState, useRef } from 'react';
-import useOnclickOutside from 'react-cool-onclickoutside';
+import React, { useState, useRef } from "react";
+import useOnclickOutside from "react-cool-onclickoutside";
 
@@ -144,3 +144,3 @@ // Use default CSS class name
     },
-    { ignoreClass: 'my-ignore-class' }
+    { ignoreClass: "my-ignore-class" }
   );
@@ -165,4 +165,4 @@
 ```js
-import React, { useState, useRef } from 'react';
-import useOnclickOutside from 'react-cool-onclickoutside';
+import React, { useState, useRef } from "react";
+import useOnclickOutside from "react-cool-onclickoutside";
 
@@ -211,3 +211,3 @@ const App = () => {
 const callback = (event) => {
-  console.log('Event: ', event);
+  console.log("Event: ", event);
 };
@@ -214,0 +214,0 @@ ```

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Dev dependency count

46

decreased by-20.69%

Worsened metrics

Total package byte prevSize

19695

decreased by-9.11%

No dependency changes