@gravitee/graphene-core 3.26.2-fix-found-336-save-button-reset.c77dcf4 → 3.26.2-fix-found-336-save-button-reset.dd1cd09

package/USAGE_GUIDE.md

@@ -482,7 +482,7 @@ Follow these steps to apply the layout width system to an existing consumer modu
 4. **Remove ad-hoc width constraints** — delete any `max-w-*` classes on page-level wrapper divs. The design system owns content width.
 5. **Verify** — resize the browser to confirm content stays centered without clipping on narrow viewports.
 
-See `node_modules/@gravitee/graphene-core/snippets/data-table-list-page.tsx` and `creation-wizard-page.tsx` for complete examples.
+See the folder `node_modules/@gravitee/graphene-core/snippets/list-page/` and `creation-wizard-page.tsx` for complete examples.
 
 ### Page header
 
@@ -534,11 +534,79 @@ The page owns the rhythm: `PageHeader` has no padding and no outer margin, and t
 - Put breadcrumbs inside the header: they belong to `ContentHeader`.
 - Push business logic into the header (`canCreate`, `onCreate`): decide permissions, dialogs and which buttons show in the page, then pass the buttons as `actions`.
 
+### Search field
+
+Use `SearchField` for the search of a list: one per list, in the table toolbar next to the filters. It shows every keystroke at once and tells the page the query once typing settles, 300 ms after the last keystroke, or at once when the field is cleared and on Enter. The field owns the keystrokes, the page owns the query: pass it back as `value` so that a Reset empties the field.
+
+| Prop | Type | Required | Notes |
+| --- | --- | --- | --- |
+| `aria-label` | `string` | Yes | Says what is searched ("Search APIs"). Two fields on one page get two names |
+| `onValueChange` | `(value: string) => void` | Yes | Called with the settled query, and at once on clear, Escape and Enter. Never on mount, never with the query the page already has |
+| `value` | `string` | No | The page's query, `''` by default. A change from the page replaces the text without calling `onValueChange`. Pass the query back as reported and normalize it where it is used: a trimmed `value` would rewrite what the user types |
+| `debounceMs` | `number` | No | Delay after the last keystroke, 300 by default. `0` reports every keystroke |
+| `className` | `string` | No | Merged on the root. The field fills its container: set the width here |
+| `placeholder`, `disabled`, `name`, `id`, ... | | No | Native input props, passed to the `<input type="search">`. Spellcheck, autocorrect and autocapitalize are off by default: queries are identifiers, not prose |
+
+One `query` state drives the request, the Reset and the field:
+
+```tsx
+import { Button, DataTable, SearchField } from '@gravitee/graphene-core';
+
+export function ApisPage() {
+  const [query, setQuery] = useState('');
+  const [page, setPage] = useState(1);
+  // Your module's list query, keyed on the settled query: one request per pause, not per keystroke.
+  const { data, totalCount, loading } = useApis({ query, page });
+
+  const reset = () => {
+    setQuery('');
+    setPage(1);
+  };
+
+  return (
+    <DataTable
+      columns={columns}
+      data={data}
+      loading={loading}
+      serverSide
+      pagination={{ page, pageSize: 10, totalCount, onPageChange: setPage }}
+      toolbar={
+        <>
+          <SearchField
+            aria-label="Search APIs"
+            placeholder="Search APIs..."
+            value={query}
+            onValueChange={(value) => {
+              setQuery(value);
+              setPage(1);
+            }}
+            className="w-64"
+          />
+          {query !== '' && (
+            <Button variant="ghost" size="sm" onClick={reset}>
+              Reset
+            </Button>
+          )}
+        </>
+      }
+    />
+  );
+}
+```
+
+**Testing:** the report lands 300 ms after the last keystroke. Where the test renders the field itself, pass `debounceMs={0}` so every keystroke reports at once. Otherwise wait for it: `findBy*` or `waitFor` with real timers, or `await act(() => vi.advanceTimersByTime(300))` with fake timers. Under Vitest fake timers, `user-event` (and so `searchFieldHarness`) never returns unless React Testing Library finds a global `jest` to advance them: stub one for the test with `vi.stubGlobal('jest', { advanceTimersByTime: vi.advanceTimersByTime })` and remove it with `vi.unstubAllGlobals()`.
+
+**Do not:**
+
+- Wrap the field in `useDebouncedValue`, or debounce `onValueChange` again: the query already arrives settled, a second debounce only delays the list.
+- Leave the placeholder as the only name: it disappears as soon as the user types. `aria-label` says what is searched.
+- Give the field a fixed width in a shared wrapper: the page sets it with `className` where the field lives, `w-64` in a toolbar, nothing in a full-width column.
+
 ### Data table (entity list pages)
 
 Use `DataTable` for any entity list — whether the data is fetched page-by-page from an API or loaded in full on the client. The component provides sorting, filtering, pagination, column visibility, row selection, and bulk actions through a composable slot API.
 
-**To implement:** copy the snippet from `node_modules/@gravitee/graphene-core/snippets/data-table-list-page.tsx` and replace the entity type, column definitions, and fetch function with your data. See Storybook **Patterns/Data Table → ApiList** for the full interactive example.
+**To implement:** copy the folder `node_modules/@gravitee/graphene-core/snippets/list-page/` into your module, rename `Entity` and `entities` after your resource, and point `useEntityList.ts` at your API client instead of the sample `entities.service.ts`. Its `snippet.json` lists the packages it needs beyond Graphene's peers (`@tanstack/react-query`, `react-router-dom`). See Storybook **Patterns/List Page** for the page in its five states.
 
 #### When to use DataTable vs raw Table
 
@@ -588,11 +656,12 @@ Use `DataTable` for any entity list — whether the data is fetched page-by-page
 
 #### Search and filters
 
-- Search and filters live in the DataTable `toolbar` slot.
-- Search field: `h-8 w-64` consistent sizing. Debounce: **300ms** for server-side search.
-- **Do NOT add a search field to a server-paginated table unless the backend endpoint supports a text search parameter** (`query`, `q`, or equivalent). Client-side search on a single page of server-paginated data is misleading — users will miss matches on other pages. If the backend does not support search, either request the backend change or omit the search field entirely.
-- Use `FacetedFilter` for multi-select categorical filters.
-- Show a "Reset" button when any filter is active.
+- Search and filters live in the DataTable `toolbar` slot, inside `<div className="flex min-w-0 flex-wrap items-center gap-2">`: DataTable's own toolbar row does not wrap, this container does. Group the filters and Reset in a nested `flex flex-wrap items-center gap-2` so that they wrap together.
+- Search: `SearchField` first, with an `aria-label` that says what is searched, a placeholder, and `className="w-64"`. It debounces 300 ms and reports the settled query: reset the page to 1 in `onValueChange`.
+- **Do NOT add a search field to a server-paginated table unless the backend endpoint supports a text search parameter** (`query`, `q`, or equivalent). Client-side search on a single page of server-paginated data is misleading: users will miss matches on other pages. If the backend does not support search, either request the backend change or omit the search field entirely.
+- Single-choice filter: a `Select` whose default option is "All ..." ("All statuses"), named by a `Label` in `sr-only`, with a minimum width (`min-w-32`) so that it does not jump as its value changes.
+- Multiple-choice filter: a `FacetedFilter`.
+- Reset: a `Button variant="ghost" size="sm"`, rendered only while a criterion is active. It clears every criterion and the page, then moves the focus to the search field (pass a `ref` to `SearchField`).
 
 #### Row navigation
 
@@ -607,6 +676,9 @@ Use **name-column-as-link**: the primary identifier column (always leftmost) is
 - **Quick-action escape hatch:** one high-discoverability action (e.g. "Deploy") may appear as an inline icon *alongside* the dropdown, but the dropdown must still exist.
 - Use `MoreVerticalIcon` (⋮) for table rows. Do not use `MoreHorizontalIcon` — the horizontal variant is for toolbars and card headers.
 - Destructive actions go last in the menu, after a `DropdownMenuSeparator`.
+- Name the ⋮ button after its row: ``aria-label={`Actions for ${entity.name}`}``.
+- A destructive action asks for confirmation in a `Dialog` before it runs, then reports the outcome in a toast (`toast` from `@gravitee/graphene-core`, shown by the app's `Toaster`). When the dialog closes, give the focus back to the ⋮ if the user cancelled. Once the entity is deleted, its row and ⋮ go: move the focus to the search field, as Reset does. See `EntityActionsMenu.tsx` and `DeleteEntityDialog.tsx` in the list page snippet.
+- Key the rows by entity (`tableOptions={{ getRowId: (entity) => entity.id }}`), so that a removed row never hands its focused ⋮ to the next entity. Not with `selectionMode="multi"` for now: `onSelectionChange` still maps the selection by row index.
 
 #### Column ordering
 
@@ -620,7 +692,9 @@ Use **name-column-as-link**: the primary identifier column (always leftmost) is
 
 **Minimum 3 data columns** (excluding actions). If an entity has fewer than 3 meaningful attributes, use a simpler component (Item list, card grid) instead of DataTable.
 
-Target **4-7 visible columns**. More than 7 → enable column visibility and hide low-priority columns by default. Do NOT show raw entity IDs as visible columns.
+Target **4-7 visible columns**. List pages show the View menu (`enableColumnVisibility`), with the name and the actions always visible (`enableHiding: false`); more than 7 → hide the low-priority columns by default. Do NOT show raw entity IDs as visible columns.
+
+`enableColumnVisibility` adds the View menu, which names each column by its `meta.label`, else by its header when that is text: give a column whose header is a component, such as a sortable `DataTableColumnHeader`, a `meta: { label: 'Created' }`, or the menu shows its id.
 
 #### Cell renderers
 
@@ -636,56 +710,59 @@ Import from `@gravitee/graphene-core`:
 
 #### Empty states
 
-Use `DataTableEmptyState` — it enforces the correct structure for both scenarios:
+Use `DataTableEmptyState` for both cases, and decide only once the query has settled: never conclude "empty" from the previous page kept while the next one loads (`isPlaceholderData`).
 
-**`variant="first-use"`** — collection is genuinely empty (user has never created entities)
-- Render **instead of** `DataTable` (no table chrome needed)
-- Wrap in `<div className="rounded-lg border">` for containment
-- Props: `icon`, `title`, `description`, `primaryAction`, optional `secondaryAction`, optional `children` for educational content (flow diagrams, feature pillars)
-- Decision: `totalCount === 0 && !hasActiveFilters`
+**`variant="first-use"`**: the collection is empty and no criterion is active.
+- Render it **instead of** `DataTable`, wrapped in `<div className="rounded-lg border">`.
+- In a list page: an icon, a title, one sentence, and **no button**. The header's Add button is the one creation CTA (see below).
+- `primaryAction`, `secondaryAction` and `children` exist for other surfaces, such as an educational first-use landing.
+- Decision: `totalCount === 0 && !hasCriteria`.
 
-**`variant="no-results"`** — active filters/search returned zero matches
-- Render **inside** `DataTable` as the `emptyMessage` prop (keep toolbar visible)
-- Props: `icon` (use `SearchIcon`), `title`, `description`, `action` (e.g. "Clear filters")
-- Decision: `filteredCount === 0 && hasActiveFilters`
+**`variant="no-results"`**: a search or a filter matched nothing.
+- Render it **inside** `DataTable` as `emptyMessage`, so the toolbar stays.
+- `icon={<SearchIcon />}`, a title ("No APIs found"), one sentence inviting to adjust the search or the filters, and **no button**: the search field's clear button and the toolbar's Reset clear the criteria.
+- Its `action` slot exists for the rare table without a Reset in its toolbar.
+- Decision: `totalCount === 0 && hasCriteria`.
 
 ```tsx
-// Page-level decision pattern
+// Page-level decision, once the query has settled
 {isFirstUse ? (
   <div className="rounded-lg border">
-    <DataTableEmptyState variant="first-use" icon={<GlobeIcon />} title="No APIs yet" ... />
+    <DataTableEmptyState variant="first-use" icon={<GlobeIcon />} title="No APIs yet" description="..." />
   </div>
 ) : (
   <DataTable
-    emptyMessage={<DataTableEmptyState variant="no-results" icon={<SearchIcon />} ... />}
+    emptyMessage={<DataTableEmptyState variant="no-results" icon={<SearchIcon />} title="No APIs found" description="..." />}
     ...
   />
 )}
 ```
 
-See Storybook **Composed/DataTableEmptyState → Integration** for the full interactive example.
+See Storybook **Patterns/List Page** (states `empty` and `no-results`) for the full interactive example.
 
 #### Header button coordination
 
-Pages with a primary "Add Entity" button in the header follow one rule: **the header button only appears when data exists**. During first-use, the empty state owns the primary CTA.
+The Add button stays in the header in every state: one creation CTA on screen.
 
-| State | Header button | Content area |
+| State | Header | Content area |
 |---|---|---|
-| **First-use** (`totalCount === 0 && !hasFilters`) | Hidden | `DataTableEmptyState variant="first-use"` with primary CTA |
-| **Has data** (`totalCount > 0`) | Primary `+ Add Entity` | DataTable |
-| **No results** (filters active, zero matches) | Primary `+ Add Entity` | `DataTableEmptyState variant="no-results"` with "Clear filters" |
+| **First use** (`totalCount === 0`, no criterion) | Add | `DataTableEmptyState variant="first-use"` instead of the table, without a button |
+| **Data** (`totalCount > 0`) | Add | `DataTable` |
+| **No results** (a criterion active, zero matches) | Add | `DataTable` with `DataTableEmptyState variant="no-results"` inside, without a button |
 
-Both the header button and the empty state CTA trigger the same creation flow. No visual downgrade (both are primary variant buttons). No transition animation between states.
+Gate the button on the permission, never on the list's state:
 
 ```tsx
 <PageHeader
-  title="Entities"
-  description="Manage your entity catalog."
+  title="APIs"
+  description="Design, deploy and secure the APIs your gateways expose to consumers."
   actions={
-    !isFirstUse && (
-      <Button size="sm">
-        <PlusIcon />
-        Add entity
+    canCreate && (
+      <Button asChild>
+        <Link to="new">
+          <PlusIcon />
+          Add API
+        </Link>
       </Button>
     )
   }
@@ -694,9 +771,26 @@ Both the header button and the empty state CTA trigger the same creation flow. N
 
 #### Loading state
 
+- Fetch with TanStack Query and `placeholderData: keepPreviousData`, and pass `loading={isFetching}`: the first load shows skeleton rows, and later fetches keep the rows under DataTable's overlay. There is no code to write for either.
 - Pass `skeletonCount={pageSize}` to prevent layout shift.
 - `loadingDelay={200}` (default) prevents flash on fast responses.
 
+#### Error state
+
+- A destructive `Alert` above the table: a short title ("Could not load APIs") and a Retry button that calls `refetch()`, disabled while it runs.
+- Keep the last loaded page on screen under the alert, with the toolbar and the pagination, and say that it may be out of date. `keepPreviousData` holds the previous page only while the next one loads, so keep the last successful response in your list hook: the search field must never disappear while the user types.
+- When nothing has loaded yet, the alert alone, with the error message.
+
+#### List state in the URL
+
+Keep the list state in the URL with `useSearchParams` (react-router-dom), so that a reload, a shared link and the Back button restore it:
+
+- Keys: `q` for the search, one key per filter (`status`), repeated for a multiple choice (`type=internal&type=partner`), `page`, `size`, and `sort` as `field:asc` or `field:desc`.
+- Defaults are not written, and every value is read with a fallback: an unknown status, size or sort gives the default.
+- A new criterion (search, filter, sort) deletes `page` and replaces the history entry; changing the page or its size adds one.
+- Give the search back to `SearchField` exactly as it reported it, and trim it where it is used (the request).
+- A page past the last one (its last row deleted, an old link) goes to the last page.
+
 #### `serverSide` prop
 
 Set `serverSide` when data is fetched page-by-page from an API. It disables TanStack's built-in sort/filter/pagination models so you control everything via your fetch logic.
@@ -751,6 +845,25 @@ Common variant values:
 - **Button**: `variant`: default, outline, secondary, ghost, destructive, link. `size`: default, xs, sm, lg, icon, icon-xs, icon-sm, icon-lg.
 - **Badge**: `variant`: default, secondary, outline, destructive.
 
+## Hooks
+
+### `useDebouncedValue`
+
+`useDebouncedValue<T>(value: T, delayMs = 300): T` returns `value` once it has stopped changing for `delayMs` milliseconds. The first render returns `value` as is; every change restarts the wait, so only the last value lands.
+
+Use it for any value that triggers a request or an expensive computation: a validation that calls the backend (host, slug or name availability), the search of a combobox, a live preview.
+
+```tsx
+import { useDebouncedValue } from '@gravitee/graphene-core';
+
+// `host` changes on every keystroke; the availability check runs once typing settles.
+const debouncedHost = useDebouncedValue(host);
+const { data: hostError } = useHostAvailability(debouncedHost); // your module's query hook
+```
+
+- Do not wrap `SearchField` in it: the field already debounces and reports the settled query through `onValueChange`, so a second debounce only delays the list.
+- Modules that keep their own copy of this hook delete it at their next Graphene bump and import this one.
+
 ## Accessibility
 
 - Always pair inputs with a `<Label>` using `htmlFor`:
@@ -896,6 +1009,7 @@ A few cases worth remembering:
 - **`DataTable` is composed but exported via `/testing`** — most harnesses are for base primitives, but `dataTableHarness` is exposed because it adds sorting, selection, empty/loading state on top of the inner `<Table>`. Its rows extend `TableRowHarness` with `isSelected`, `select`, `unselect`.
 - **`PasswordInput` is composed but exported via `/testing`** — `passwordInputHarness` wraps the inner `<input>` and its reveal toggle so you don't have to know the internal `data-slot`. Adds `toggle()`, `isMasked()`, `isRevealed()`, `hasToggle()`, `getToggleLabel()`, `isToggleDisabled()` on top of the usual `type`/`getValue`/`isDisabled`.
 - **`PageHeader` is composed and static, but exported via `/testing`**: `pageHeaderHarness` finds the header through its page `<h1>` (`name` matches the title) and exposes `getTitle`, `getDescription`, `hasActions`, `getActions` (a scope for `buttonHarness`) and `getContent`, so you don't have to know its internal `data-slot`s.
+- **`SearchField` is composed but exported via `/testing`**: `searchFieldHarness` finds the field by its `searchbox` role (`name` matches its `aria-label`) and adds `clear()`, which clicks the "Clear search" button, and `hasClearButton()` to `type`, `focus`, `getValue`, `getPlaceholder`, `isDisabled` and `getElement`. Its actions do not pause between keystrokes, so they also run under fake timers (see **Search field** for the Vitest caveat).
 - **Static primitives have no harness** — `Badge`, `Card`, `Skeleton`, `Avatar`, `Spinner`, `Separator`, `Label`, `Kbd`, `Alert`, etc. carry no behavior to drive. Query them directly with RTL's `getByRole` / `getByText`.
 
 ### Async data — wait before attaching

package/dist/__stories__/fixtures/apis.fixture.d.ts

@@ -1,6 +1,8 @@
+import { BadgeCellProps } from '../../composed/DataTable';
 import { LucideIcon } from '../../icons';
 import { PaginatedResponse } from './pagination.fixture';
-export type ApiStatus = 'PUBLISHED' | 'DRAFT' | 'DEPRECATED';
+export type ApiState = 'STARTED' | 'STOPPED';
+export type ApiDeploymentState = 'DEPLOYED' | 'NEED_REDEPLOY';
 export type ApiType = 'HTTP Proxy' | 'Message' | 'TCP Proxy' | 'Federated';
 export type PortalStatus = 'PUBLISHED' | 'UNPUBLISHED';
 export type PortalVisibility = 'PUBLIC' | 'PRIVATE';
@@ -10,7 +12,8 @@ export interface Api {
     description: string;
     icon: LucideIcon;
     iconColor: string;
-    status: ApiStatus;
+    state: ApiState;
+    deploymentState: ApiDeploymentState;
     apiType: ApiType;
     contextPath: string;
     version: string;
@@ -21,14 +24,14 @@ export interface Api {
     createdAt: string;
 }
 export declare const apis: readonly Api[];
-export declare const API_STATUS_BADGE_VARIANT: Record<ApiStatus, 'default' | 'secondary' | 'outline'>;
-export declare const API_STATUS_LABEL: Record<ApiStatus, string>;
+export declare const API_STATE_BADGE: Record<ApiState, BadgeCellProps>;
+export declare const API_DEPLOYMENT_STATE_BADGE: Record<ApiDeploymentState, BadgeCellProps>;
 export interface FetchApisParams {
     page: number;
     perPage: number;
     sortBy?: keyof Api;
     sortOrder?: 'asc' | 'desc';
-    status?: ApiStatus[];
+    state?: ApiState[];
     apiType?: ApiType[];
     search?: string;
 }

package/dist/__stories__/fixtures/apis.fixture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"apis.fixture.d.ts","sourceRoot":"","sources":["../../../src/__stories__/fixtures/apis.fixture.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAahE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI9D,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAC;AAC7D,MAAM,MAAM,OAAO,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC;AAC3E,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,aAAa,CAAC;AACvD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEpD,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,YAAY,CAAC;IAC3B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,SAAS,EAAE,MAAM,CAAC;CACnB;AAiQD,eAAO,MAAM,IAAI,EAAE,SAAS,GAAG,EAAU,CAAC;AAI1C,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAI3F,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAItD,CAAC;AAMF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,SAAS,CAAC,MAAM,EAAE,eAAe,GAAG,OAAO,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CA2ClF"}
+{"version":3,"file":"apis.fixture.d.ts","sourceRoot":"","sources":["../../../src/__stories__/fixtures/apis.fixture.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAiBhE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAK9D,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAC7C,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,eAAe,CAAC;AAC9D,MAAM,MAAM,OAAO,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC;AAC3E,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,aAAa,CAAC;AACvD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEpD,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,QAAQ,CAAC;IAChB,eAAe,EAAE,kBAAkB,CAAC;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,YAAY,CAAC;IAC3B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,SAAS,EAAE,MAAM,CAAC;CACnB;AA8QD,eAAO,MAAM,IAAI,EAAE,SAAS,GAAG,EAAU,CAAC;AAK1C,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,cAAc,CAG5D,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAOjF,CAAC;AAMF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,SAAS,CAAC,MAAM,EAAE,eAAe,GAAG,OAAO,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CA2ClF"}

package/dist/composed/DataTable/DataTable.d.ts

@@ -1,5 +1,14 @@
-import { ColumnDef, OnChangeFn, SortingState, TableOptions } from '@tanstack/react-table';
+import { ColumnDef, OnChangeFn, RowData, SortingState, TableOptions } from '@tanstack/react-table';
 import { ReactNode } from 'react';
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        /**
+         * The column's name in the View menu (`enableColumnVisibility`), for a header that is not text,
+         * such as a sortable `DataTableColumnHeader`. Without it, the menu shows the column id.
+         */
+        label?: string;
+    }
+}
 interface DataTablePaginationConfig {
     readonly page: number;
     readonly pageSize: number;
@@ -21,6 +30,10 @@ interface DataTableProps<TData> {
     /** Called when the user clicks a sortable column header. Use to trigger a server re-fetch with the new sort params. */
     readonly onSortingChange?: OnChangeFn<SortingState>;
     readonly emptyMessage?: ReactNode;
+    /**
+     * Adds the View menu, which shows and hides the columns whose `enableHiding` is not false. It names a
+     * column by its `meta.label`, else by its header when that is text, else by its id.
+     */
     readonly enableColumnVisibility?: boolean;
     readonly enableColumnResizing?: boolean;
     /** Makes the table header sticky. Consumer should set a max-height via className. */

package/dist/composed/DataTable/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/composed/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/composed/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}

package/dist/composed/SearchField/SearchField.d.ts

@@ -0,0 +1,55 @@
+import * as React from 'react';
+interface SearchFieldProps extends Omit<React.ComponentProps<'input'>, 'value' | 'onChange' | 'type' | 'defaultValue'> {
+    /**
+     * Says what is searched: "Search APIs", "Search topics". Required because a placeholder is not a
+     * label, and two fields on one page must not share a name.
+     */
+    readonly 'aria-label': string;
+    /**
+     * The query as the page knows it, `''` by default. When the page changes it (a Reset), the field
+     * shows the new value without calling `onValueChange`. Pass the query back as reported and
+     * normalize it where it is used: a trimmed or lowercased `value` would replace the user's text.
+     */
+    readonly value?: string;
+    /**
+     * Called with the query once typing settles (`debounceMs`), and at once when the field is cleared
+     * (clear button, Escape, or the text deleted) and on Enter. Never called on mount, nor with the
+     * query the page already has.
+     */
+    readonly onValueChange: (value: string) => void;
+    /** Milliseconds between the last keystroke and `onValueChange`, 300 by default. `0` reports every keystroke. */
+    readonly debounceMs?: number;
+    /** Merged on the root `InputGroup`. The field fills its container: set the width here (`w-64` in a table toolbar). */
+    readonly className?: string;
+}
+/**
+ * The search field of a list: a 32px input with a leading search icon, a clear button while it has
+ * text, and a debounce. The field owns the keystrokes, the page owns the query: every keystroke
+ * shows at once, and the page hears the query only once typing settles, so a server search does
+ * not send a request per keystroke. Clearing and Enter report at once.
+ *
+ * Render one per list, in the table toolbar next to the filters. The page sets the width.
+ *
+ * @example
+ * ```tsx
+ * const [query, setQuery] = useState('');
+ *
+ * <SearchField
+ *   aria-label="Search APIs"
+ *   placeholder="Search APIs..."
+ *   value={query}
+ *   onValueChange={(value) => {
+ *     setQuery(value);
+ *     setPage(1);
+ *   }}
+ *   className="w-64"
+ * />
+ * ```
+ */
+declare function SearchField({ ref, value, onValueChange, debounceMs, className, disabled, onKeyDown, ...props }: SearchFieldProps): React.JSX.Element;
+declare namespace SearchField {
+    var displayName: string;
+}
+export { SearchField };
+export type { SearchFieldProps };
+//# sourceMappingURL=SearchField.d.ts.map

package/dist/composed/SearchField/SearchField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../../../src/composed/SearchField/SearchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,cAAc,CAAC;IACpH;;;OAGG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,gHAAgH;IAChH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,sHAAsH;IACtH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,KAAU,EACV,aAAa,EACb,UAAgB,EAChB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,qBAiGlB;kBA1GQ,WAAW;;;AA8GpB,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/composed/SearchField/SearchField.harness.d.ts

@@ -0,0 +1,17 @@
+import { HarnessQuery } from '../../testing/harnessQuery';
+interface SearchFieldHarness {
+    readonly type: (value: string) => Promise<void>;
+    /** Clicks the "Clear search" button. No-op while the field is empty, since the button is not rendered. */
+    readonly clear: () => Promise<void>;
+    /** Whether the "Clear search" button is shown: it is, while the field has text. */
+    readonly hasClearButton: () => boolean;
+    readonly focus: () => void;
+    readonly getElement: () => HTMLInputElement;
+    readonly getValue: () => string;
+    readonly getPlaceholder: () => string | null;
+    readonly isDisabled: () => boolean;
+}
+declare function searchFieldHarness(query?: HarnessQuery): SearchFieldHarness;
+export { searchFieldHarness };
+export type { SearchFieldHarness };
+//# sourceMappingURL=SearchField.harness.d.ts.map

package/dist/composed/SearchField/SearchField.harness.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.harness.d.ts","sourceRoot":"","sources":["../../../src/composed/SearchField/SearchField.harness.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,8CAA8C,CAAC;AAEtD,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,0GAA0G;IAC1G,QAAQ,CAAC,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,mFAAmF;IACnF,QAAQ,CAAC,cAAc,EAAE,MAAM,OAAO,CAAC;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,UAAU,EAAE,MAAM,gBAAgB,CAAC;IAC5C,QAAQ,CAAC,QAAQ,EAAE,MAAM,MAAM,CAAC;IAChC,QAAQ,CAAC,cAAc,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAC7C,QAAQ,CAAC,UAAU,EAAE,MAAM,OAAO,CAAC;CACpC;AAED,iBAAS,kBAAkB,CAAC,KAAK,GAAE,YAAiB,GAAG,kBAAkB,CA2CxE;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/composed/SearchField/index.d.ts

@@ -0,0 +1,3 @@
+export { SearchField } from './SearchField';
+export type { SearchFieldProps } from './SearchField';
+//# sourceMappingURL=index.d.ts.map

package/dist/composed/SearchField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composed/SearchField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/hooks/use-debounced-value.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Returns `value` once it has stopped changing for `delayMs` milliseconds (300 by default).
+ *
+ * Use it for any value that triggers a request or an expensive computation: a name
+ * availability check, a combobox search, a live preview. The first render returns `value`
+ * as is; every change restarts the wait, so only the last value lands.
+ *
+ * Do not wrap `SearchField` in it: the field already debounces and reports the settled query
+ * through `onValueChange`.
+ *
+ * @example
+ * // `host` changes on every keystroke; the availability check runs once typing settles.
+ * const debouncedHost = useDebouncedValue(host);
+ * const { data: hostError } = useHostAvailability(debouncedHost);
+ */
+export declare function useDebouncedValue<T>(value: T, delayMs?: number): T;
+//# sourceMappingURL=use-debounced-value.d.ts.map

package/dist/hooks/use-debounced-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounced-value.d.ts","sourceRoot":"","sources":["../../src/hooks/use-debounced-value.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,SAAM,GAAG,CAAC,CAS/D"}

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { cn } from './lib/utils';
 export { PortalContainerProvider, usePortalContainer } from './lib/PortalContainerContext';
+export { useDebouncedValue } from './hooks/use-debounced-value';
 export * from './base/Accordion';
 export * from './base/Alert';
 export * from './base/Avatar';
@@ -67,6 +68,7 @@ export * from './composed/LayoutSlots';
 export * from './composed/PageFocused';
 export * from './composed/PageHeader';
 export * from './composed/PasswordInput';
+export * from './composed/SearchField';
 export * from './composed/SelectorDropdown';
 export * from './composed/SidebarMode';
 export * from './composed/ThemeProvider';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAG3F,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AAMvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,OAAO,EACL,sBAAsB,EACtB,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,0CAA0C,CAAC;AAClD,cAAc,sBAAsB,CAAC;AACrC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGhE,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AAMvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,OAAO,EACL,sBAAsB,EACtB,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,0CAA0C,CAAC;AAClD,cAAc,sBAAsB,CAAC;AACrC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC"}