🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
DemoInstallSign in
Socket

@table-nav/react

Package Overview
Dependencies
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@table-nav/react - npm Package Compare versions

Comparing version

to
0.0.7

8

CHANGELOG.md
# @table-nav/react
## 0.0.7
### Patch Changes
- 5b271ee: trigger empty release to update docs
- Updated dependencies [5b271ee]
- @table-nav/core@0.0.7
## 0.0.6

@@ -4,0 +12,0 @@

11

package.json
{
"name": "@table-nav/react",
"version": "0.0.6",
"version": "0.0.7",
"license": "MIT",
"repository": {
"type": "git",
"url": "https://github.com/konsalex/table-nav",
"directory": "packages/react"
},
"main": "./lib/index.js",

@@ -25,3 +30,3 @@ "module": "./lib/index.mjs",

"devDependencies": {
"@table-nav/core": "^0.0.6",
"@table-nav/core": "^0.0.7",
"react": "18.2.0",

@@ -32,4 +37,4 @@ "tsup": "^7.1.0",

"peerDependencies": {
"@table-nav/core": "^0.0.6"
"@table-nav/core": "^0.0.7"
}
}
<p align="center">
<img width="200" src="./assets/logo.png"/>
<img width="200" src="https://github.com/konsalex/table-nav/raw/main/assets/logo.png"/>
</p>

@@ -11,5 +11,5 @@

<a href="https://www.w3.org/WAI/ARIA/apg/patterns/grid/"><img src="./assets/w3c.png" height="auto" width="80"></a>
<a href="https://www.w3.org/WAI/ARIA/apg/patterns/grid/"><img src="https://github.com/konsalex/table-nav/raw/main/assets/w3c.png" height="auto" width="80"></a>
<img src="./assets/demo.gif" />
<img src="https://github.com/konsalex/table-nav/raw/main/assets/demo.gif" />

@@ -77,13 +77,13 @@ **table-nav** consists of:

|-----------------------------------------------------------|:--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| <img width="200px" src="./assets/keys/ArrowRight.png"/> | Moves focus one cell to the right. If focus is on the right-most cell in the row, focus does not move. |
| <img width="200px" src="./assets/keys/ArrowLeft.png"/> | Moves focus one cell to the left. If focus is on the left-most cell in the row, focus does not move. |
| <img width="200px" src="./assets/keys/ArrowUp.png"/> | Moves focus one cell up. If focus is on the top cell in the column, focus does not move. |
| <img width="200px" src="./assets/keys/ArrowDown.png"/> | Moves focus one cell down. If focus is on the bottom cell in the column, focus does not move. |
| <img width="200px" src="./assets/keys/PageDown.png"/> | Moves focus down an author-determined number of rows, typically scrolling so the bottom row in the currently visible set of rows becomes one of the first visible rows. If focus is in the last row of the grid, focus does not move. |
| <img width="200px" src="./assets/keys/PageUp.png"/> | Moves focus up an author-determined number of rows, typically scrolling so the top row in the currently visible set of rows becomes one of the last visible rows. If focus is in the first row of the grid, focus does not move. |
| <img width="200px" src="./assets/keys/Home.png"/> | Moves focus to the first cell in the row that contains focus. |
| <img width="200px" src="./assets/keys/End.png"/> | Moves focus to the last cell in the row that contains focus. |
| <img width="200px" src="./assets/keys/ControlHome.png"/> | Moves focus to the first cell in the first row. |
| <img width="200px" src="./assets/keys/ControlEnd.png"/> | Moves focus to the first cell in the last row. |
| <img width="200px" src="./assets/keys/Enter.png"/> | Disables grid navigation and focuses on the first focusable element in the cell. If there are no focusable elements in the cell. |
| <img width="200px" src="https://github.com/konsalex/table-nav/raw/main/assets/keys/ArrowRight.png"/> | Moves focus one cell to the right. If focus is on the right-most cell in the row, focus does not move. |
| <img width="200px" src="https://github.com/konsalex/table-nav/raw/main/assets/keys/ArrowLeft.png"/> | Moves focus one cell to the left. If focus is on the left-most cell in the row, focus does not move. |
| <img width="200px" src="https://github.com/konsalex/table-nav/raw/main/assets/keys/ArrowUp.png"/> | Moves focus one cell up. If focus is on the top cell in the column, focus does not move. |
| <img width="200px" src="https://github.com/konsalex/table-nav/raw/main/assets/keys/ArrowDown.png"/> | Moves focus one cell down. If focus is on the bottom cell in the column, focus does not move. |
| <img width="200px" src="https://github.com/konsalex/table-nav/raw/main/assets/keys/PageDown.png"/> | Moves focus down an author-determined number of rows, typically scrolling so the bottom row in the currently visible set of rows becomes one of the first visible rows. If focus is in the last row of the grid, focus does not move. |
| <img width="200px" src="https://github.com/konsalex/table-nav/raw/main/assets/keys/PageUp.png"/> | Moves focus up an author-determined number of rows, typically scrolling so the top row in the currently visible set of rows becomes one of the last visible rows. If focus is in the first row of the grid, focus does not move. |
| <img width="200px" src="https://github.com/konsalex/table-nav/raw/main/assets/keys/Home.png"/> | Moves focus to the first cell in the row that contains focus. |
| <img width="200px" src="https://github.com/konsalex/table-nav/raw/main/assets/keys/End.png"/> | Moves focus to the last cell in the row that contains focus. |
| <img width="200px" src="https://github.com/konsalex/table-nav/raw/main/assets/keys/ControlHome.png"/> | Moves focus to the first cell in the first row. |
| <img width="200px" src="https://github.com/konsalex/table-nav/raw/main/assets/keys/ControlEnd.png"/> | Moves focus to the first cell in the last row. |
| <img width="200px" src="https://github.com/konsalex/table-nav/raw/main/assets/keys/Enter.png"/> | Disables grid navigation and focuses on the first focusable element in the cell. If there are no focusable elements in the cell. |

@@ -100,5 +100,5 @@

|--------------------------------------------------------------|:---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| <img width="200px" src="./assets/keys/Escape.png"/> | Restores grid navigation. |
| <img width="200px" src="./assets/keys/ArrowRightDown.png"/> | If the cell contains multiple widgets, moves focus to the next widget inside the cell, optionally wrapping to the first widget if focus is on the last widget. Otherwise, passes the key event to the focused widget.<br/>`Arrow Down` is disabled [issue](https://github.com/w3c/aria-practices/issues/2739#issuecomment-1613538972) |
| <img width="200px" src="./assets/keys/ArrowLeftUp.png"/> | If the cell contains multiple widgets, moves focus to the previous widget inside the cell, optionally wrapping to the first widget if focus is on the last widget. Otherwise, passes the key event to the focused widget. <br/>`Arrow Up` is disabled [issue](https://github.com/w3c/aria-practices/issues/2739#issuecomment-1613538972) |
| <img width="200px" src="https://github.com/konsalex/table-nav/raw/main/assets/keys/Escape.png"/> | Restores grid navigation. |
| <img width="200px" src="https://github.com/konsalex/table-nav/raw/main/assets/keys/ArrowRightDown.png"/> | If the cell contains multiple widgets, moves focus to the next widget inside the cell, optionally wrapping to the first widget if focus is on the last widget. Otherwise, passes the key event to the focused widget.<br/>`Arrow Down` is disabled [issue](https://github.com/w3c/aria-practices/issues/2739#issuecomment-1613538972) |
| <img width="200px" src="https://github.com/konsalex/table-nav/raw/main/assets/keys/ArrowLeftUp.png"/> | If the cell contains multiple widgets, moves focus to the previous widget inside the cell, optionally wrapping to the first widget if focus is on the last widget. Otherwise, passes the key event to the focused widget. <br/>`Arrow Up` is disabled [issue](https://github.com/w3c/aria-practices/issues/2739#issuecomment-1613538972) |

@@ -105,0 +105,0 @@