Package Health Score

58 / 100

security
No known security issues
popularity
Limited
maintenance
Inactive
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
0.2.5	\|	12/2021	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.1.1	\|	09/2021		0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.0.3	\|	09/2021		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

Limited

Weekly Downloads (10)

GitHub Stars: 1.22K
Forks: 484
Contributors: 70

Direct Usage Popularity

The npm package bonree-tree receives a total of 10 downloads a week. As such, we scored bonree-tree popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package bonree-tree, we found that it has been starred 1,215 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: 70
Funding: No

With more than 10 contributors for the bonree-tree 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 bonree-tree is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

Open Issues: 136
Open PR: 30
Last Release: 3 years ago
Last Commit: 20 days ago

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

An important project maintenance signal to consider for bonree-tree 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: >=10.x

Age: 3 years
Dependencies: 5 Direct
Versions: 7
Install Size: 347 kB
Dist-tags: 1
# of Files: 61
Maintainers: 1
TS Typings: No

bonree-tree 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.

Readme

rc-tree

Tree component.

Screenshots

Feature

Support all popular browsers, including Internet Explorer 9 and above.

Example

https://localhost:9001/

online example: https://tree.react-component.now.sh/

Install

Usage

see examples

API

Tree props

name	description	type	default
autoExpandParent	whether auto expand parent treeNodes	bool	false
checkable	whether support checked	bool/React Node	false
checkedKeys	Controlled checked treeNodes(After setting, defaultCheckedKeys will not work). Note: parent and children nodes are associated, if the parent node's key exists, it all children node will be checked, and vice versa. When set checkable and checkStrictly, it should be an object, which contains checked array and halfChecked array.	String[]/{checked:Array,halfChecked:Array}	[]
checkStrictly	check node precisely, parent and children nodes are not associated	bool	false
className	additional css class of root dom node	String	''
defaultCheckedKeys	default checked treeNodes	String[]	[]
defaultExpandedKeys	expand specific treeNodes	String[]	[]
defaultExpandAll	expand all treeNodes	bool	false
defaultExpandParent	auto expand parent treeNodes when init	bool	true
defaultSelectedKeys	default selected treeNodes	String[]	[]
disabled	whether disabled the tree	bool	false
draggable	whether can drag treeNode. (drag events are not supported in Internet Explorer 8 and earlier versions or Safari 5.1 and earlier versions.)	bool \| ({ node }) => boolean	false
expandedKeys	Controlled expand specific treeNodes	String[]	-
filterTreeNode	filter some treeNodes as you need. it should return true	function(node)	-
icon	customize icon. When you pass component, whose render will receive full TreeNode props as component props	element/Function(props)	-
loadedKeys	Mark node is loaded when `loadData` is true	String[]	-
loadData	load data asynchronously and the return value should be a promise	function(node)	-
multiple	whether multiple select	bool	false
prefixCls	prefix class	String	'rc-tree'
selectable	whether can be selected	bool	true
selectedKeys	Controlled selected treeNodes(After setting, defaultSelectedKeys will not work)	String[]	[]
showIcon	whether show icon	bool	true
showLine	whether show line	bool	false
treeData	treeNodes data Array, if set it then you need not to construct children TreeNode. (value should be unique across the whole array)	array<{key,title,children, [disabled, selectable]}>	-
onCheck	click the treeNode/checkbox to fire	function(checkedKeys, e:{checked: bool, checkedNodes, node, event, nativeEvent})	-
onExpand	fire on treeNode expand or not	function(expandedKeys, {expanded: bool, node, nativeEvent})	-
onDragEnd	it execs when fire the tree's dragend event	function({event,node})	-
onDragEnter	it execs when fire the tree's dragenter event	function({event,node,expandedKeys})	-
onDragLeave	it execs when fire the tree's dragleave event	function({event,node})	-
onDragOver	it execs when fire the tree's dragover event	function({event,node})	-
onDragStart	it execs when fire the tree's dragstart event	function({event,node})	-
onDrop	it execs when fire the tree's drop event	function({event, node, dragNode, dragNodesKeys})	-
onLoad	Trigger when a node is loaded. If you set the `loadedKeys`, you must handle `onLoad` to avoid infinity loop	function(loadedKeys, {event, node})	-
onMouseEnter	call when mouse enter a treeNode	function({event,node})	-
onMouseLeave	call when mouse leave a treeNode	function({event,node})	-
onRightClick	select current treeNode and show customized contextmenu	function({event,node})	-
onSelect	click the treeNode to fire	function(selectedKeys, e:{selected: bool, selectedNodes, node, event, nativeEvent})	-
switcherIcon	specific the switcher icon.	ReactNode / (props: TreeNodeAttribute) => ReactNode	-
virtual	Disable virtual scroll when `false`	boolean	-
allowDrop	Whether to allow drop on node	({ dragNode, dropNode, dropPosition }) => boolean	-
dropIndicatorRender	The indicator to render when dragging	({ dropPosition, dropLevelOffset, indent: number, prefixCls }) => ReactNode	-
direction	Display direction of the tree, it may affect dragging behavior	`ltr` \| `rtl`	-

TreeNode props

> note: if you have a lot of TreeNode, like more than 1000,
> make the parent node is collapsed by default, will obvious effect, very fast.
> Because the children hide TreeNode will not insert into dom.

name	description	type	default
className	additional class to treeNode	String	''
checkable	control node checkable if Tree is checkable	bool	false
style	set style to treeNode	Object	''
disabled	whether disabled the treeNode	bool	false
disableCheckbox	whether disable the treeNode' checkbox	bool	false
title	tree/subTree's title	String/element/((data: DataNode) => React.ReactNode)	'---'
key	it's used with tree props's (default)ExpandedKeys / (default)CheckedKeys / (default)SelectedKeys. you'd better to set it, and it must be unique in the tree's all treeNodes	String	treeNode's position
isLeaf	whether it's leaf node	bool	false
icon	customize icon. When you pass component, whose render will receive full TreeNode props as component props	element/Function(props)	-
switcherIcon	specific the switcher icon.	ReactNode / (props: TreeNodeAttribute) => ReactNode	-

Note

The number of treeNodes can be very large, but when enable checkable, it will spend more computing time, so we cached some calculations(e.g. this.treeNodesStates), to avoid double computing. But, this bring some restrictions, when you async load treeNodes, you should render tree like this {this.state.treeData.length ? {this.state.treeData.map(t => )} : 'loading tree'}

Development

npm install
npm start

Test Case

https://localhost:8018/tests/runner.html?coverage

Coverage

https://localhost:8018/node_modules/rc-server/node_modules/node-jscover/lib/front-end/jscoverage.html?w=https://localhost:8018/tests/runner.html?coverage

License

rc-tree is released under the MIT license.

Other tree views

bonree-tree dependencies

@babel/runtime classnames rc-motion rc-util rc-virtual-list

bonree-tree development dependencies

FAQs

What is bonree-tree?

tree ui component for react. Visit Snyk Advisor to see a full health score report for bonree-tree, including popularity, security, maintenance & community analysis.

Is bonree-tree popular?

The npm package bonree-tree receives a total of 10 weekly downloads. As such, bonree-tree popularity was classified as limited. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is bonree-tree well maintained?

We found indications that bonree-tree is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is bonree-tree safe to use?

The npm package bonree-tree 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 December-2024, at 04:26 (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 (10)

Direct Usage Popularity

Embed Package Health Score Badge

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Readme

rc-tree

Screenshots

Feature

Example

Install

Usage

API

Tree props

TreeNode props

Note

Development

Test Case

Coverage

License

Other tree views

bonree-tree dependencies

bonree-tree development dependencies

FAQs

What is bonree-tree?

Is bonree-tree popular?

Is bonree-tree well maintained?

Is bonree-tree 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