react-accessible-treeview
Advanced tools
react-accessible-treeview - npm Package Compare versions
Comparing version 2.3.0 to 2.3.1
| { | ||
| "name": "react-accessible-treeview", | ||
| "description": "A react component that implements the treeview pattern as described by the WAI-ARIA Authoring Practices.", | ||
| "version": "2.3.0", | ||
| "version": "2.3.1", | ||
| "author": "lissitz (https://github.com/lissitz)", | ||
@@ -75,5 +75,5 @@ "main": "dist/react-accessible-treeview.cjs.js", | ||
| "type": "git", | ||
| "url": "https://github.com/lissitz/react-accessible-treeview.git" | ||
| "url": "https://github.com/dgreene1/react-accessible-treeview.git" | ||
| }, | ||
| "homepage": "https://react-accessible-treeview.netlify.com", | ||
| "homepage": "https://dgreene1.github.io/react-accessible-treeview/", | ||
| "husky": { | ||
@@ -80,0 +80,0 @@ "hooks": { |
@@ -13,4 +13,6 @@ # react-accessible-treeview [](https://travis-ci.org/lissitz/react-accessible-treeview) [](https://greenkeeper.io/) [](https://badge.fury.io/js/react-accessible-treeview) [](https://opensource.org/licenses/MIT) | ||
| [Documentation and demo](https://react-accessible-treeview.netlify.com) | ||
| ### Documentation and Demo | ||
| - https://dgreene1.github.io/react-accessible-treeview | ||
| ## Prop Types | ||
@@ -35,2 +37,3 @@ | ||
| | `selectedIds` | `array` | `[]` | (Controlled) Array with the ids that should be selected | | ||
| | `expandedIds` | `array` | `[]` | (Controlled) Array with the ids of branch node that should be expanded | | ||
| | `clickAction` | `enum` | `SELECT` | Action to perform on click. One of: EXCLUSIVE_SELECT, FOCUS, SELECT | | ||
@@ -45,8 +48,9 @@ | `onBlur` | `func` | `noop` | Custom onBlur event that is triggered when focusing out of the component as a whole (moving focus between the nodes won't trigger it). | | ||
| | Property | Type | Default | Description | | ||
| | ---------- | ----------- | -------- | ------------------------------------------------------- | | ||
| | `id` | `number` | required | A nonnegative integer that uniquely identifies the node | | ||
| | `name` | `string` | required | Used to match on key press | | ||
| | `children` | `array[id]` | required | An array with the ids of the children nodes. | | ||
| | `parent` | `id` | required | The parent of the node. `null` for the root node | | ||
| | Property | Type | Default | Description | | ||
| | ---------- | ----------- | -------- | ------------------------------------------------------------------------------------------------ | | ||
| | `id` | `number` | required | A nonnegative integer that uniquely identifies the node | | ||
| | `name` | `string` | required | Used to match on key press | | ||
| | `children` | `array[id]` | required | An array with the ids of the children nodes. | | ||
| | `parent` | `id` | required | The parent of the node. `null` for the root node | | ||
| | `isBranch` | `boolean` | optional | Used to indicated whether a node is branch to be able load async data onExpand, default is false | | ||
@@ -111,4 +115,8 @@ The first item of the array represents the root node and won't be displayed. | ||
| <br/> <br/> | ||
| ## onLoadData | ||
| - _Arguments_: `onLoadData({element, isExpanded, isSelected, isHalfSelected, isDisabled, treeState})` | ||
| Note: the function uses the state _after_ inital data is loaded and on expansion . | ||
| <br/> <br/> | ||
| ## Keyboard Navigation | ||
@@ -115,0 +123,0 @@ |
New alerts
License Policy Violation
LicenseThis 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
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No website
QualityPackage does not have a website.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1.07%
80558
- Number of low quality alerts
- decreased by-50%
1
- Number of lines in readme file
- increased by4.85%
173