Package Health Score

82 / 100

security
No known security issues
popularity
Influential project
maintenance
Sustainable
community
Sustainable

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

Version				Vulnerabilities	License Risk
5.3.4	\|	11/2022	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L
5.2.19	\|	05/2022		0 C 0 H 0 M 0 L	0 H 0 M 0 L
4.4.3	\|	09/2020		0 C 0 H 0 M 0 L	0 H 0 M 0 L
3.0.0	\|	12/2019		0 C 0 H 0 M 0 L	0 H 0 M 0 L
2.6.5	\|	07/2019		0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Influential project

Weekly Downloads (1,318,855)

GitHub Stars: 367
Forks: 226
Contributors: 50

Direct Usage Popularity

The npm package rc-trigger receives a total of 1,318,855 downloads a week. As such, we scored rc-trigger popularity level to be Influential project.

Based on project statistics from the GitHub repository for the npm package rc-trigger, we found that it has been starred 367 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Sustainable

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 50
Funding: Yes

With more than 10 contributors for the rc-trigger repository, this is possibly a sign for a growing and inviting community.

We found a way for you to contribute to the project! Looks like rc-trigger is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Sustainable

Commit Frequency

Open Issues: 48
Open PR: 15
Last Release: 2 years ago
Last Commit: 14 days ago

Further analysis of the maintenance status of rc-trigger based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Sustainable.

An important project maintenance signal to consider for rc-trigger is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: >=8.x

Age: 9 years
Dependencies: 5 Direct
Versions: 155
Install Size: 143 kB
Dist-tags: 2
# of Files: 55
Maintainers: 5
TS Typings: No

rc-trigger has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Not sure how to use rc-trigger?

To help you get started, we've collected the most common ways that rc-trigger is being used within popular public projects.

react-component / calendar / tests / __mocks__ / rc-trigger.js View on Github

import Portal from 'rc-util/lib/Portal';
import Trigger from 'rc-trigger';

Portal.prototype.render = function () { // eslint-disable-line
  return this.props.children;
};

const render = Trigger.prototype.render;

Trigger.prototype.render = function () { // eslint-disable-line
  const tree = render.call(this);

  if (this.state.popupVisible || this._component) {
    return tree;
  }

  return tree[0];
};

export default Trigger;

View more ways to use rc-trigger

rc-trigger

React Trigger Component

Install

Usage

Include the default styling and then:

import React from 'react';
import ReactDOM from 'react-dom';
import Trigger from 'rc-trigger';

ReactDOM.render((
  popup}
    popupAlign={{
      points: ['tl', 'bl'],
      offset: [0, 3]
    }}
  &gt;
    <a href="#">hover</a>
  
), container);

Compatibility

IE / Edge	Firefox	Chrome	Safari	Electron
IE11, Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions

Example

https://localhost:9001

online example: https://react-component.github.io/trigger/

Development

npm install
npm start

API

props

name	type	default	description
alignPoint	bool	false	Popup will align with mouse position (support action of 'click', 'hover' and 'contextMenu')
popupClassName	string		additional className added to popup
forceRender	boolean	false	whether render popup before first show
destroyPopupOnHide	boolean	false	whether destroy popup when hide
getPopupClassNameFromAlign	getPopupClassNameFromAlign(align: Object):String		additional className added to popup according to align
action	string[]	['hover']	which actions cause popup shown. enum of 'hover','click','focus','contextMenu'
mouseEnterDelay	number	0	delay time to show when mouse enter. unit: s.
mouseLeaveDelay	number	0.1	delay time to hide when mouse leave. unit: s.
popupStyle	Object		additional style of popup
prefixCls	String	rc-trigger-popup	prefix class name
popupTransitionName	String\|Object		https://github.com/react-component/animate
maskTransitionName	String\|Object		https://github.com/react-component/animate
onPopupVisibleChange	Function		call when popup visible is changed
mask	boolean	false	whether to support mask
maskClosable	boolean	true	whether to support click mask to hide
popupVisible	boolean		whether popup is visible
zIndex	number		popup's zIndex
defaultPopupVisible	boolean		whether popup is visible initially
popupAlign	Object: alignConfig of [dom-align](https://github.com/yiminghe/dom-align)		popup 's align config
onPopupAlign	function(popupDomNode, align)		callback when popup node is aligned
popup	React.Element \| function() => React.Element		popup content
getPopupContainer	getPopupContainer(): HTMLElement		function returning html node which will act as popup container
getDocument	getDocument(): HTMLElement		function returning document node which will be attached click event to close trigger
popupPlacement	string		use preset popup align config from builtinPlacements, can be merged by popupAlign prop
builtinPlacements	object		builtin placement align map. used by placement prop
stretch	string		Let popup div stretch with trigger element. enums of 'width', 'minWidth', 'height', 'minHeight'. (You can also mixed with 'height minWidth')

Test Case

npm test
npm run chrome-test

Coverage

npm run coverage

open coverage/ dir

React 16 Note

After React 16, you won't access popup element's ref in parent component's componentDidMount, which means following code won't work.

class App extends React.Component {
  componentDidMount() {
    this.input.focus(); // error, this.input is undefined.
  }

  render() {
    return (
      <input> this.input = node} type="text" /&gt;}
      &gt;
        <button>click</button>
      
    )
  }
}

Consider wrap your popup element to a separate component:

class InputPopup extends React.Component {
  componentDidMount() {
    this.props.onMount();
  }

  render() {
    return (
      <div>
        <input type="text">
      </div>
    );
  }
}

class App extends React.Component {
  handlePopupMount() {
    this.input.focus(); // error, this.input is undefined.
  }

  render() {
    return (
       this.input = node} onMount={this.handlePopupMount} /&gt;}
      &gt;
        <button>click</button>
      
    )
  }
}

License

rc-trigger is released under the MIT license.

rc-trigger dependencies

@babel/runtime classnames rc-align rc-motion rc-util

rc-trigger development dependencies

@testing-library/jest-dom @testing-library/react @types/classnames @types/jest @types/react @types/react-dom cross-env dumi eslint father less np rc-test react react-dom regenerator-runtime typescript @rc-component/father-plugin

FAQs

What is rc-trigger?

base abstract trigger component for react. Visit Snyk Advisor to see a full health score report for rc-trigger, including popularity, security, maintenance & community analysis.

Is rc-trigger popular?

The npm package rc-trigger receives a total of 1,318,855 weekly downloads. As such, rc-trigger popularity was classified as an influential project. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is rc-trigger well maintained?

We found indications that rc-trigger maintenance is sustainable demonstrating some project activity. We saw a total of 50 open source contributors collaborating on the project. See the full package health analysis to learn more about the package maintenance status.

Is rc-trigger safe to use?

The npm package rc-trigger was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 21 November-2024, at 07:56 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP

Package Health Score

Explore Similar Packages

Security and license risk for significant versions

Is your project affected by vulnerabilities?

Weekly Downloads (1,318,855)

Direct Usage Popularity

Embed Package Health Score Badge

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Not sure how to use rc-trigger?

rc-trigger

Install

Usage

Compatibility

Example

Development

API

props

Test Case

Coverage

React 16 Note

License

rc-trigger dependencies

rc-trigger development dependencies

FAQs

What is rc-trigger?

Is rc-trigger popular?

Is rc-trigger well maintained?

Is rc-trigger safe to use?

Build a secure application checklist

Select a recommended open source package

Scan your app for vulnerabilities

Source Code

Open Source

Container

Config

Fix identified vulnerabilities

Monitor for new issues