@nexub/mcp 5.7.0 → 5.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -29,6 +29,7 @@ Feature-rich data table with sorting and row selection powered by TanStack Table
|
|
|
29
29
|
| `columnOrder / onColumnOrderChange` | `string[]` | | Column ids in display order (5.4). |
|
|
30
30
|
| `columnPinning / onColumnPinningChange` | `{ left?: string[]; right?: string[] }` | | Columns that stay in view while the rest scroll sideways (5.4). The selection column pins with them. |
|
|
31
31
|
| `maxHeight` | `number \| string` | | Caps the height: rows scroll and the header sticks (5.4). |
|
|
32
|
+
| `grid` | `boolean` | `false` | ARIA grid keyboard model for tables whose cells hold actions (5.8): the table is one tab stop; Arrow keys move between cells and the controls in them, Home/End to the row ends, Ctrl+Home/End to the corners. |
|
|
32
33
|
| `DataTableVirtual` | `import from '@nexub/react/DataTableVirtual'` | | Same props plus `maxHeight` (required), `estimateRowHeight` and `overscan`: renders only the rows in view, for thousands of rows. Needs `@tanstack/react-virtual` installed (5.4). No pagination. |
|
|
33
34
|
| `pagination.pageSize` | `number` | `20` | Rows per page; pagination is on when `pagination` is set. |
|
|
34
35
|
|
|
@@ -241,3 +242,17 @@ export default function Example() {
|
|
|
241
242
|
);
|
|
242
243
|
}
|
|
243
244
|
```
|
|
245
|
+
|
|
246
|
+
## Accessibility
|
|
247
|
+
|
|
248
|
+
- Roles: table (default), grid (with `grid`), columnheader with aria-sort when sortable
|
|
249
|
+
- `Tab`: Without `grid`: every control in the table is a tab stop. With `grid`: the table is one tab stop and remembers the last cell.
|
|
250
|
+
- `Arrow keys`: With `grid`: move between cells, and between the controls inside a cell. Mirrored in RTL.
|
|
251
|
+
- `Home / End`: With `grid`: first or last cell in the row. Ctrl+Home / Ctrl+End: first or last cell in the grid.
|
|
252
|
+
- `Space`: Toggles a focused row checkbox.
|
|
253
|
+
- `Alt+Arrow`: Moves a focused header when `enableColumnReordering` is on.
|
|
254
|
+
- With `grid`, focus goes to a cell’s first control, or to the cell itself when it has none.
|
|
255
|
+
- Name the table with `caption` (or `aria-label`); `captionHidden` keeps it for screen readers only.
|
|
256
|
+
- Sorting, selection counts and column moves are announced from a polite live region.
|
|
257
|
+
- DataTableVirtual sets aria-rowcount and aria-rowindex so readers report the full row count.
|
|
258
|
+
- Use `grid` when rows hold actions (edit, menus); plain tables of text read better as a table.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Component index
|
|
2
2
|
|
|
3
|
-
Nexub DS v5.
|
|
3
|
+
Nexub DS v5.9.0. Open `components/<slug>.md` for props, examples and accessibility notes.
|
|
4
4
|
Never use a component marked deprecated.
|
|
5
5
|
|
|
6
6
|
## Components — Actions
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Tokens
|
|
2
2
|
|
|
3
|
-
Nexub DS v5.
|
|
3
|
+
Nexub DS v5.9.0. Every token is a CSS custom property from `@nexub/tokens/css` (loaded by `@nexub/themes/base`).
|
|
4
4
|
The Tailwind preset (`@nexub/tokens/tailwind`) maps them to utilities. Never hardcode a hex, px spacing or shadow that a token covers.
|
|
5
5
|
|
|
6
6
|
## Color roles
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nexub/mcp",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.9.0",
|
|
4
4
|
"description": "MCP server for Nexub Design System: gives Claude, Cursor and any MCP client the components, patterns, tokens and design rules of the installed release.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|