npmpackage.info

Gathering detailed insights and metrics for @rooks/use-outside-click

Other packages similar to @rooks/use-outside-click

@rooks/use-outside-click-ref

4.11.2

A hook that can track a click event outside a ref. Returns a callbackRef.

Gathering detailed insights and metrics for @rooks/use-outside-click

@rooks/use-outside-click - 4.11.2 | npmpackage.info

@rooks/use-outside-click

Essential React custom hooks ⚓ to super charge your components!

4.11.2

3,288

MIT

TypeScript

8.26 kB

3.4

Installations

npm install @rooks/use-outside-click

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

12.22.1

NPM Version

lerna/3.22.1/node@v12.22.1+x64 (linux)

Pull Requests

Open

1

Total

1,547

Closed

391

Merged

1,155

Issues

Open

4

Total

250

Closed

246

Releases

196

rooks@8.1.0

Updated on Jul 14, 2025

rooks@8.0.1

Updated on Apr 15, 2025

rooks@8.0.0

Updated on Mar 18, 2025

rooks@7.14.1

Updated on May 04, 2023

rooks@7.14.0

Updated on Apr 29, 2023

rooks@7.13.0

Updated on Apr 29, 2023

View All 196 releases

Languages

TypeScript

MDX

JavaScript

Shell

CSS

TypeScript (72.28%)

MDX (24.42%)

JavaScript (3.11%)

Shell (0.1%)

CSS (0.09%)

Developer

imbhargav5

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

3,288 Stars

3,105 Commits

220 Forks

19 Watchers

36 Branches

75 Contributors

Updated on Jul 14, 2025

Maintainers

View All 75 Contributors

Package Meta Information

Latest Version

4.11.2

Package Id

@rooks/use-outside-click@4.11.2

Unpacked Size

8.26 kB

Size

3.32 kB

File Count

NPM Version

lerna/3.22.1/node@v12.22.1+x64 (linux)

Node Version

12.22.1

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

react

@rooks/use-outside-click

Note: Future updates to this package have moved to the main package rooks. All hooks now reside in a single package which you can install using

npm install rooks

yarn add rooks

Rooks is completely treeshakeable and if you use only 1 of the 50+ hooks in the package, only that hook will be bundled with your code. Your bundle will only contain the hooks that you need. Cheers!

TitleCard

About

Outside click(for a ref) event as hook for React.

Installation

npm install --save @rooks/use-outside-click

Importing the hook

1import useOutsideClick from "@rooks/use-outside-click";

Usage

1function Demo() {
2  const pRef = useRef();
3  function outsidePClick() {
4    alert("Clicked outside p");
5  }
6  useOutsideClick(pRef, outsidePClick);
7  return (
8    <div>
9      <p ref={pRef}>Click outside me</p>
10    </div>
11  );
12}
13
14render(<Demo />);

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

5

Maintained

Determines if the project is "actively maintained".

1

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci-release.yml:49: update your workflow using https://app.stepsecurity.io/secureworkflow/imbhargav5/rooks/ci-release.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci-release.yml:59: update your workflow using https://app.stepsecurity.io/secureworkflow/imbhargav5/rooks/ci-release.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci-release.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/imbhargav5/rooks/ci-release.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci-release.yml:25: update your workflow using https://app.stepsecurity.io/secureworkflow/imbhargav5/rooks/ci-release.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci-release.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/imbhargav5/rooks/ci-release.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/contributors.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/imbhargav5/rooks/contributors.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/contributors.yml:31: update your workflow using https://app.stepsecurity.io/secureworkflow/imbhargav5/rooks/contributors.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/pr.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/imbhargav5/rooks/pr.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/pr.yml:22: update your workflow using https://app.stepsecurity.io/secureworkflow/imbhargav5/rooks/pr.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/pr.yml:29: update your workflow using https://app.stepsecurity.io/secureworkflow/imbhargav5/rooks/pr.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/pr.yml:31: update your workflow using https://app.stepsecurity.io/secureworkflow/imbhargav5/rooks/pr.yml/main?enable=pin
Info: 0 out of 5 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 6 third-party GitHubAction dependencies pinned

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

Score

3.4

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More