@nexub/mcp 5.8.0 → 6.0.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.
|
@@ -18,7 +18,7 @@ Type-to-search input with matching options dropdown.
|
|
|
18
18
|
| `loading` | `boolean` | | Skeleton rows while options are being fetched (5.2); "Loading" is announced. |
|
|
19
19
|
| `inputValue` | `string` | | Controlled input text (5.1). |
|
|
20
20
|
| `onInputChange` | `(text: string) => void` | | Called as the user types, so you can fetch options (5.1). When set, options are shown as given, without built-in filtering. |
|
|
21
|
-
| `mode` | `'inline' \| 'popover'` | `'
|
|
21
|
+
| `mode` | `'inline' \| 'popover'` | `'popover'` | Popover: a field whose list opens below it while typing (the default from 6.0). Inline keeps the list always visible, as in 5.x. |
|
|
22
22
|
| `onCreate` | `(text: string) => void` | | Adds a "Create “text”" option when the text matches no option (5.2). |
|
|
23
23
|
| `aria-label` | `string` | | Accessible name of the field when it has no visible label. |
|
|
24
24
|
|
|
@@ -52,7 +52,7 @@ import { Autocomplete } from '@nexub/react';
|
|
|
52
52
|
export default function Example() {
|
|
53
53
|
return (
|
|
54
54
|
<div className="w-[260px]">
|
|
55
|
-
<Autocomplete options={[]} loading placeholder="Loading options…" />
|
|
55
|
+
<Autocomplete mode="inline" options={[]} loading placeholder="Loading options…" />
|
|
56
56
|
</div>
|
|
57
57
|
);
|
|
58
58
|
}
|
|
@@ -79,7 +79,7 @@ export default function Example() {
|
|
|
79
79
|
}
|
|
80
80
|
```
|
|
81
81
|
|
|
82
|
-
## Example:
|
|
82
|
+
## Example: Fetch as you type
|
|
83
83
|
|
|
84
84
|
`mode="popover"` with `onInputChange`: the app filters, the list shows skeleton rows while loading.
|
|
85
85
|
|
|
@@ -108,7 +108,6 @@ export default function Example() {
|
|
|
108
108
|
return (
|
|
109
109
|
<div className="w-[280px]">
|
|
110
110
|
<Autocomplete
|
|
111
|
-
mode="popover"
|
|
112
111
|
aria-label="City"
|
|
113
112
|
placeholder="Search cities…"
|
|
114
113
|
options={options}
|
|
@@ -15,7 +15,7 @@ Feature-rich data table with sorting and row selection powered by TanStack Table
|
|
|
15
15
|
| `caption` | `ReactNode` | | Names the table for assistive tech (and its scroll region). Shown below the table; add `captionHidden` to keep it screen-reader only. |
|
|
16
16
|
| `enableSorting` | `boolean` | `false` | Click a header to sort; Shift+click adds more columns, numbered 1, 2… (5.3). |
|
|
17
17
|
| `enableRowSelection` | `boolean` | `false` | Turns on row selection state. |
|
|
18
|
-
| `selectionColumn` | `boolean` | `
|
|
18
|
+
| `selectionColumn` | `boolean` | `true` | With `enableRowSelection`: a checkbox column, select-page in its header, and "Select all N" across pages (on by default from 6.0). `false` keeps selection without the column. |
|
|
19
19
|
| `rowSelection / onRowSelectionChange` | `Record<string, boolean>` | | Controlled selection keyed by row id (5.3). |
|
|
20
20
|
| `getRowId` | `(row: TData, index: number) => string` | | Stable row ids for selection; defaults to the row index (5.3). |
|
|
21
21
|
| `bulkActions` | `(rows: TData[], clear: () => void) => ReactNode` | | A floating bar while rows are selected, with the count, your actions and a clear button (5.3). |
|
|
@@ -129,7 +129,6 @@ export default function Example() {
|
|
|
129
129
|
getRowId={(r) => r.id}
|
|
130
130
|
enableSorting
|
|
131
131
|
enableRowSelection
|
|
132
|
-
selectionColumn
|
|
133
132
|
rowSelection={selection}
|
|
134
133
|
onRowSelectionChange={setSelection}
|
|
135
134
|
viewOptions
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Component index
|
|
2
2
|
|
|
3
|
-
Nexub DS
|
|
3
|
+
Nexub DS v6.0.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
|
|
3
|
+
Nexub DS v6.0.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": "
|
|
3
|
+
"version": "6.0.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",
|