@bizapps/design-system-testing 1.10.1 → 1.12.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.
- package/dist/main.cjs +2373 -11
- package/dist/main.cjs.map +1 -1
- package/dist/main.css +1 -1
- package/dist/main.d.cts +356 -3
- package/dist/main.d.ts +356 -3
- package/dist/main.js +2373 -14
- package/dist/main.js.map +1 -1
- package/package.json +1 -1
package/dist/main.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { HTMLAttributes, ReactNode, ComponentProps, ButtonHTMLAttributes, MouseEventHandler, SVGAttributes, Ref } from 'react';
|
|
2
|
+
import { HTMLAttributes, ReactNode, ComponentProps, ButtonHTMLAttributes, MouseEventHandler, SVGAttributes, MouseEvent, Ref, FocusEventHandler, PointerEventHandler, ComponentPropsWithRef } from 'react';
|
|
3
3
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
import { Avatar as Avatar$1, Label as Label$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1, Select as Select$1, Separator as Separator$1, Progress as Progress$1, Slider as Slider$1, Switch as Switch$1, Tabs as Tabs$1, Tooltip as Tooltip$1, Popover as Popover$1, Dialog as Dialog$1, AlertDialog as AlertDialog$1, Accordion as Accordion$1, DropdownMenu as DropdownMenu$1, RadioGroup as RadioGroup$1, NavigationMenu as NavigationMenu$1, Checkbox as Checkbox$1 } from 'radix-ui';
|
|
@@ -2273,9 +2273,11 @@ declare namespace CanNot {
|
|
|
2273
2273
|
declare function Sheet({ ...props }: react.ComponentProps<typeof Dialog$1.Root>): react.JSX.Element;
|
|
2274
2274
|
declare function SheetTrigger({ ...props }: react.ComponentProps<typeof Dialog$1.Trigger>): react.JSX.Element;
|
|
2275
2275
|
declare function SheetClose({ ...props }: react.ComponentProps<typeof Dialog$1.Close>): react.JSX.Element;
|
|
2276
|
-
declare function SheetContent({ className, children, side, showCloseButton, ...props }: react.ComponentProps<typeof Dialog$1.Content> & {
|
|
2276
|
+
declare function SheetContent({ className, children, side, showCloseButton, overlayClassName, ...props }: react.ComponentProps<typeof Dialog$1.Content> & {
|
|
2277
2277
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
2278
2278
|
showCloseButton?: boolean;
|
|
2279
|
+
/** Extra classes for the backdrop behind the sheet. */
|
|
2280
|
+
overlayClassName?: string;
|
|
2279
2281
|
}): react.JSX.Element;
|
|
2280
2282
|
declare function SheetHeader({ className, ...props }: react.ComponentProps<'div'>): react.JSX.Element;
|
|
2281
2283
|
declare function SheetFooter({ className, ...props }: react.ComponentProps<'div'>): react.JSX.Element;
|
|
@@ -2310,6 +2312,357 @@ type BottomNavTabsListProps = {
|
|
|
2310
2312
|
};
|
|
2311
2313
|
declare function BottomNavTabsList({ items, className }: BottomNavTabsListProps): react.JSX.Element;
|
|
2312
2314
|
|
|
2315
|
+
/**
|
|
2316
|
+
* Icon of a module or item. Backend payloads cannot carry React elements, so a string key is
|
|
2317
|
+
* accepted and resolved through `resolveIcon`.
|
|
2318
|
+
*/
|
|
2319
|
+
type FloatingSidebarIcon = ReactNode | string;
|
|
2320
|
+
/** A link (or action) inside a module. */
|
|
2321
|
+
interface FloatingSidebarItemData {
|
|
2322
|
+
/** Stable, unique id. Drives `activeItemId`, favorites and `onItemSelect`. */
|
|
2323
|
+
id: string;
|
|
2324
|
+
/** Visible text; also what the module search matches (ignoring case and accents). */
|
|
2325
|
+
label: string;
|
|
2326
|
+
/** React element or backend icon key resolved with `resolveIcon`. Missing or unknown keys render a neutral fallback. */
|
|
2327
|
+
icon?: FloatingSidebarIcon;
|
|
2328
|
+
/** Destination. Items without `href` render a `<button>` and only fire `onItemSelect`. */
|
|
2329
|
+
href?: string;
|
|
2330
|
+
/** Opens the link in a new tab (`target="_blank"`, `rel="noopener noreferrer"`). Clicking it never moves the current page. */
|
|
2331
|
+
external?: boolean;
|
|
2332
|
+
/** Renders the item as a disabled button, without a link. */
|
|
2333
|
+
disabled?: boolean;
|
|
2334
|
+
/**
|
|
2335
|
+
* Whether the item gets a favorite star when `showFavorites` is on. Defaults to `true`; set it
|
|
2336
|
+
* to `false` for items the backend cannot store as favorites (in Nexus, pages: only apps can).
|
|
2337
|
+
*/
|
|
2338
|
+
favoritable?: boolean;
|
|
2339
|
+
/** Grant(s) required to show the item, checked against the `AbilityProvider`. */
|
|
2340
|
+
permission?: Permission | Permission[];
|
|
2341
|
+
/** With several permissions: `any` (default) needs one of them, `all` needs every one. */
|
|
2342
|
+
permissionMode?: 'any' | 'all';
|
|
2343
|
+
}
|
|
2344
|
+
/** A group of items. Expanded it is a card; collapsed, a tile with a tooltip and a flyout. */
|
|
2345
|
+
interface FloatingSidebarModuleData {
|
|
2346
|
+
/** Stable, unique id. Drives `openModuleIds`. */
|
|
2347
|
+
id: string;
|
|
2348
|
+
/** Card title, tile tooltip and flyout title. */
|
|
2349
|
+
label: string;
|
|
2350
|
+
/** React element or backend icon key resolved with `resolveIcon`. */
|
|
2351
|
+
icon?: FloatingSidebarIcon;
|
|
2352
|
+
/** Items in display order. A module without items is hidden unless `hideEmptyModules` is false. */
|
|
2353
|
+
items: FloatingSidebarItemData[];
|
|
2354
|
+
/**
|
|
2355
|
+
* Grant(s) required to show the module, checked against the `AbilityProvider`. A module whose
|
|
2356
|
+
* items are all hidden by their own permissions is hidden too.
|
|
2357
|
+
*/
|
|
2358
|
+
permission?: Permission | Permission[];
|
|
2359
|
+
/** With several permissions: `any` (default) needs one of them, `all` needs every one. */
|
|
2360
|
+
permissionMode?: 'any' | 'all';
|
|
2361
|
+
}
|
|
2362
|
+
/**
|
|
2363
|
+
* Props handed to `renderLink` so router links (React Router, Next) keep the item styling.
|
|
2364
|
+
* Spread all of them on the link element; `onClick` must run for selection to work.
|
|
2365
|
+
*/
|
|
2366
|
+
interface FloatingSidebarLinkProps {
|
|
2367
|
+
href: string;
|
|
2368
|
+
className: string;
|
|
2369
|
+
children: ReactNode;
|
|
2370
|
+
tabIndex: number;
|
|
2371
|
+
onClick: (event: MouseEvent<HTMLElement>) => void;
|
|
2372
|
+
target?: string;
|
|
2373
|
+
rel?: string;
|
|
2374
|
+
'aria-current'?: 'page';
|
|
2375
|
+
'data-slot': string;
|
|
2376
|
+
'data-active'?: 'true';
|
|
2377
|
+
}
|
|
2378
|
+
/** Every interface string. Pass a partial object through `labels` to translate or reword them. */
|
|
2379
|
+
interface FloatingSidebarLabels {
|
|
2380
|
+
/** Accessible name of the `<nav>` landmark. Default: "Modules navigation". */
|
|
2381
|
+
navigation: string;
|
|
2382
|
+
/** Visible title above the cards; long titles end with an ellipsis. Default: "Modules". */
|
|
2383
|
+
title: string;
|
|
2384
|
+
/** Toggle button name while expanded. Default: "Collapse menu". */
|
|
2385
|
+
collapse: string;
|
|
2386
|
+
/** Toggle button name while collapsed. Default: "Expand menu". */
|
|
2387
|
+
expand: string;
|
|
2388
|
+
/** Mobile only: the built-in trigger shown when `mobileOpen` is not controlled. */
|
|
2389
|
+
openMenu: string;
|
|
2390
|
+
/**
|
|
2391
|
+
* Mobile only: the button in the drawer header that closes it. Default: "Close menu".
|
|
2392
|
+
* Optional so that complete label objects written before it existed keep compiling.
|
|
2393
|
+
*/
|
|
2394
|
+
closeMenu?: string;
|
|
2395
|
+
/** Appended to a collapsed tile's name when it contains the active item. */
|
|
2396
|
+
currentPageSuffix: string;
|
|
2397
|
+
/** Placeholder of a module search field. */
|
|
2398
|
+
searchPlaceholder: (moduleLabel: string) => string;
|
|
2399
|
+
/** Accessible name of a module search field. */
|
|
2400
|
+
searchLabel: (moduleLabel: string) => string;
|
|
2401
|
+
/** Name of the button that clears a search. */
|
|
2402
|
+
clearSearch: string;
|
|
2403
|
+
/** Heading of the no-matches message. */
|
|
2404
|
+
noMatchesTitle: string;
|
|
2405
|
+
/** Body of the no-matches message in an expanded card. */
|
|
2406
|
+
noMatches: (moduleLabel: string, query: string) => string;
|
|
2407
|
+
/** Shorter no-matches message used inside the collapsed flyout. */
|
|
2408
|
+
flyoutNoMatches: (query: string) => string;
|
|
2409
|
+
/** Shown inside a module without items when `hideEmptyModules` is false. */
|
|
2410
|
+
emptyModule: string;
|
|
2411
|
+
/** Name of the star button when the item is not a favorite. */
|
|
2412
|
+
addFavorite: (itemLabel: string) => string;
|
|
2413
|
+
/** Name of the star button when the item is a favorite. */
|
|
2414
|
+
removeFavorite: (itemLabel: string) => string;
|
|
2415
|
+
}
|
|
2416
|
+
/**
|
|
2417
|
+
* Besides its own props, the sidebar forwards the native `<nav>` props (`id`, `aria-*`, `data-*`,
|
|
2418
|
+
* `style`, event handlers…) and `ref` to its root element. The sidebar's own attributes win over
|
|
2419
|
+
* forwarded ones: name the landmark with `labels.navigation` (not `aria-label`), and `aria-busy`,
|
|
2420
|
+
* `data-slot`, `data-state`, `data-side` and the `width` and `transition` of `style` are its own.
|
|
2421
|
+
*/
|
|
2422
|
+
interface FloatingSidebarProps extends Omit<ComponentProps<'nav'>, 'children'> {
|
|
2423
|
+
/**
|
|
2424
|
+
* Modules with their items, usually mapped from a backend response. Array order is display
|
|
2425
|
+
* order; modules without items are not rendered unless `hideEmptyModules` is false. Entries
|
|
2426
|
+
* with `permission` are filtered against the `AbilityProvider`.
|
|
2427
|
+
*/
|
|
2428
|
+
modules: FloatingSidebarModuleData[];
|
|
2429
|
+
/** Resolves string icon keys sent by the backend. Unknown keys render a neutral fallback icon. */
|
|
2430
|
+
resolveIcon?: (key: string) => ReactNode;
|
|
2431
|
+
/**
|
|
2432
|
+
* Renders item links, e.g. a router `Link`. Receives the link props (spread them all) and the
|
|
2433
|
+
* item. Defaults to a plain `<a>`.
|
|
2434
|
+
*/
|
|
2435
|
+
renderLink?: (props: FloatingSidebarLinkProps, item: FloatingSidebarItemData) => ReactNode;
|
|
2436
|
+
/**
|
|
2437
|
+
* Expanded (`true`) or collapsed (`false`), controlled. Pair it with `onOpenChange`; the toggle
|
|
2438
|
+
* and Ctrl/Cmd + B request changes through it.
|
|
2439
|
+
*/
|
|
2440
|
+
open?: boolean;
|
|
2441
|
+
/** Initial expanded state when uncontrolled. Read once on mount. */
|
|
2442
|
+
defaultOpen?: boolean;
|
|
2443
|
+
/** Fires when the toggle or Ctrl/Cmd + B requests expanding or collapsing (desktop only). */
|
|
2444
|
+
onOpenChange?: (open: boolean) => void;
|
|
2445
|
+
/** Side of the screen the sidebar sits on. Tooltips, flyouts and the mobile drawer open towards the content. */
|
|
2446
|
+
side?: 'left' | 'right';
|
|
2447
|
+
/** Expanded width in pixels. */
|
|
2448
|
+
width?: number;
|
|
2449
|
+
/** Collapsed width in pixels; also sizes the collapsed tiles. Values below 40 are clamped to 40. */
|
|
2450
|
+
collapsedWidth?: number;
|
|
2451
|
+
/**
|
|
2452
|
+
* `single` keeps one module card open at a time (accordion); `multiple` lets cards open and
|
|
2453
|
+
* close independently.
|
|
2454
|
+
*/
|
|
2455
|
+
type?: 'single' | 'multiple';
|
|
2456
|
+
/** Open module cards (controlled). In `single` mode only the first id is used. */
|
|
2457
|
+
openModuleIds?: string[];
|
|
2458
|
+
/** Initially open module cards when uncontrolled. Read once on mount. */
|
|
2459
|
+
defaultOpenModuleIds?: string[];
|
|
2460
|
+
/** Fires with the new list of open module cards. */
|
|
2461
|
+
onOpenModulesChange?: (moduleIds: string[]) => void;
|
|
2462
|
+
/** Hides modules without items. When `false`, they render with an empty message. */
|
|
2463
|
+
hideEmptyModules?: boolean;
|
|
2464
|
+
/**
|
|
2465
|
+
* Current page item (controlled), usually derived from the router. Marks the item with
|
|
2466
|
+
* `aria-current="page"` and its module (or collapsed tile) as active.
|
|
2467
|
+
*/
|
|
2468
|
+
activeItemId?: string | null;
|
|
2469
|
+
/**
|
|
2470
|
+
* Initial current page item when uncontrolled. Afterwards it only moves on a plain click of an
|
|
2471
|
+
* in-app link; external links, buttons and modifier clicks keep the current page.
|
|
2472
|
+
*/
|
|
2473
|
+
defaultActiveItemId?: string | null;
|
|
2474
|
+
/** Fires on every item selection, in the cards, the flyout and the drawer. */
|
|
2475
|
+
onItemSelect?: (item: FloatingSidebarItemData, module: FloatingSidebarModuleData) => void;
|
|
2476
|
+
/** Favorite item ids (controlled). Listen to `onFavoritesChange` to persist them in the backend. */
|
|
2477
|
+
favoriteIds?: string[];
|
|
2478
|
+
/** Initial favorites when uncontrolled. Read once on mount. */
|
|
2479
|
+
defaultFavoriteIds?: string[];
|
|
2480
|
+
/** Fires with the full new list of favorites. Toggling a star never selects the item. */
|
|
2481
|
+
onFavoritesChange?: (favoriteIds: string[]) => void;
|
|
2482
|
+
/** Shows the favorite star on every item, except those with `favoritable: false`. */
|
|
2483
|
+
showFavorites?: boolean;
|
|
2484
|
+
/**
|
|
2485
|
+
* Shows skeletons instead of the modules, e.g. while the backend responds. Skeletons also show
|
|
2486
|
+
* while the `AbilityProvider` loads grants for modules or items that declare `permission`.
|
|
2487
|
+
*/
|
|
2488
|
+
loading?: boolean;
|
|
2489
|
+
/** Rendered when no module has items to show. */
|
|
2490
|
+
emptyState?: ReactNode;
|
|
2491
|
+
/**
|
|
2492
|
+
* Mobile only (below 768px): the drawer that holds the sidebar. When `mobileOpen` is not
|
|
2493
|
+
* controlled, a built-in menu button opens it; when it is, the consumer renders the trigger.
|
|
2494
|
+
*/
|
|
2495
|
+
mobileOpen?: boolean;
|
|
2496
|
+
/** Initial drawer state when uncontrolled. Read once on mount. */
|
|
2497
|
+
defaultMobileOpen?: boolean;
|
|
2498
|
+
/** Fires when the drawer opens or closes, including after an item selection. */
|
|
2499
|
+
onMobileOpenChange?: (open: boolean) => void;
|
|
2500
|
+
/**
|
|
2501
|
+
* Enables Ctrl/Cmd + B: toggles the sidebar on desktop and the drawer on mobile. Ignored while
|
|
2502
|
+
* typing in a field or when another handler already used the keystroke.
|
|
2503
|
+
*/
|
|
2504
|
+
shortcut?: boolean;
|
|
2505
|
+
/** Overrides any interface copy (see `FloatingSidebarLabels`). Pass the app language here. */
|
|
2506
|
+
labels?: Partial<FloatingSidebarLabels>;
|
|
2507
|
+
/** Extra classes for the `<nav>` element. */
|
|
2508
|
+
className?: string;
|
|
2509
|
+
}
|
|
2510
|
+
/**
|
|
2511
|
+
* Floating, collapsible main navigation organized in module cards, for apps whose menu comes
|
|
2512
|
+
* from the backend.
|
|
2513
|
+
*
|
|
2514
|
+
* Expanded, each module is a card with its own search (one open at a time, or several with
|
|
2515
|
+
* `type="multiple"`). Collapsed, each module becomes a tile with a tooltip and a flyout. Below
|
|
2516
|
+
* 768px it lives in a drawer, opened by a built-in menu button or, when `mobileOpen` is
|
|
2517
|
+
* controlled, by the app's own trigger.
|
|
2518
|
+
*
|
|
2519
|
+
* Data-driven: it never fetches. Map the backend response to `modules`, resolve icon keys with
|
|
2520
|
+
* `resolveIcon` and plug the router with `renderLink`. Every piece of state (`open`,
|
|
2521
|
+
* `openModuleIds`, `activeItemId`, `favoriteIds`, `mobileOpen`) can be controlled or left
|
|
2522
|
+
* uncontrolled with its `default*` prop and `on*Change` callback.
|
|
2523
|
+
*/
|
|
2524
|
+
declare function FloatingSidebar({ modules, resolveIcon, renderLink, open: openProp, defaultOpen, onOpenChange, side, width, collapsedWidth, type, openModuleIds: openModulesProp, defaultOpenModuleIds, onOpenModulesChange, hideEmptyModules, activeItemId: activeItemProp, defaultActiveItemId, onItemSelect, favoriteIds: favoritesProp, defaultFavoriteIds, onFavoritesChange, showFavorites, loading, emptyState, mobileOpen: mobileOpenProp, defaultMobileOpen, onMobileOpenChange, shortcut, labels: labelsProp, className, ref, style, onPointerDownCapture, onFocusCapture, ...navProps }: FloatingSidebarProps): react.JSX.Element;
|
|
2525
|
+
|
|
2526
|
+
type AppHubTone = 'green' | 'yellow' | 'navy' | 'orange' | 'purple' | 'grey';
|
|
2527
|
+
interface AppHubApp {
|
|
2528
|
+
/** Unique id; used as the React key and matched against `currentAppId`. */
|
|
2529
|
+
id: string;
|
|
2530
|
+
label: string;
|
|
2531
|
+
href: string;
|
|
2532
|
+
/** Rendered `aria-hidden`. */
|
|
2533
|
+
icon: ReactNode;
|
|
2534
|
+
/** Row subtitle (exposed through `aria-describedby`); also searchable. */
|
|
2535
|
+
description?: string;
|
|
2536
|
+
/** Group heading. Ungrouped apps form a first, heading-less section. */
|
|
2537
|
+
group?: string;
|
|
2538
|
+
/** Icon tone. Defaults to `'grey'`; locked apps always use grey. */
|
|
2539
|
+
tone?: AppHubTone;
|
|
2540
|
+
/** Shows the app in the rail. Defaults to `false`; keep it to 6 or fewer. */
|
|
2541
|
+
inRail?: boolean;
|
|
2542
|
+
/** Pending count. Non-finite or non-positive values mean none; floored. */
|
|
2543
|
+
pending?: number;
|
|
2544
|
+
/** Non-link row that is never in the rail and never calls `onNavigate`. */
|
|
2545
|
+
locked?: boolean;
|
|
2546
|
+
/** Appends `labels.leaves(appName)` to the name and shows an external icon. */
|
|
2547
|
+
external?: boolean;
|
|
2548
|
+
}
|
|
2549
|
+
/**
|
|
2550
|
+
* Props handed to `renderLink` so router links (React Router, Next) keep the item styling,
|
|
2551
|
+
* tooltip behavior and accessible names. Spread all of them on the link element.
|
|
2552
|
+
* `onClick` is required: it reports `onNavigate` and closes the panel or sheet, so call it
|
|
2553
|
+
* (or leave it on the element) even when you handle navigation yourself.
|
|
2554
|
+
*/
|
|
2555
|
+
interface AppHubLinkProps {
|
|
2556
|
+
href: string;
|
|
2557
|
+
className: string;
|
|
2558
|
+
children: ReactNode;
|
|
2559
|
+
onClick: (event: MouseEvent<HTMLAnchorElement>) => void;
|
|
2560
|
+
/** Forwarded to the DOM node; the rail tooltip needs it. */
|
|
2561
|
+
ref?: Ref<HTMLAnchorElement>;
|
|
2562
|
+
tabIndex?: number;
|
|
2563
|
+
target?: string;
|
|
2564
|
+
rel?: string;
|
|
2565
|
+
'aria-label'?: string;
|
|
2566
|
+
'aria-current'?: 'page';
|
|
2567
|
+
'aria-describedby'?: string;
|
|
2568
|
+
'data-slot'?: string;
|
|
2569
|
+
/** Tooltip trigger handlers injected on rail tiles. */
|
|
2570
|
+
onFocus?: FocusEventHandler<HTMLAnchorElement>;
|
|
2571
|
+
onBlur?: FocusEventHandler<HTMLAnchorElement>;
|
|
2572
|
+
onPointerMove?: PointerEventHandler<HTMLAnchorElement>;
|
|
2573
|
+
onPointerLeave?: PointerEventHandler<HTMLAnchorElement>;
|
|
2574
|
+
onPointerDown?: PointerEventHandler<HTMLAnchorElement>;
|
|
2575
|
+
/** Marker attributes such as `data-app-hub-item`, `data-current` and `data-state`. */
|
|
2576
|
+
[dataAttribute: `data-${string}`]: string | undefined;
|
|
2577
|
+
}
|
|
2578
|
+
interface AppHubLabels {
|
|
2579
|
+
/** Landmark name. */
|
|
2580
|
+
navigation: string;
|
|
2581
|
+
/** Panel trigger name and panel title. */
|
|
2582
|
+
allApps: string;
|
|
2583
|
+
/** Bottom sheet title. */
|
|
2584
|
+
sheetTitle: string;
|
|
2585
|
+
hideDock: string;
|
|
2586
|
+
/** Tab name suffix: the tab name is `${tab}, ${showDock}`. */
|
|
2587
|
+
showDock: string;
|
|
2588
|
+
/** Visible collapsed-tab text. */
|
|
2589
|
+
tab: string;
|
|
2590
|
+
/** Visible FAB text. */
|
|
2591
|
+
fab: string;
|
|
2592
|
+
pending: (count: number) => string;
|
|
2593
|
+
leaves: (appName: string) => string;
|
|
2594
|
+
current: string;
|
|
2595
|
+
/** Note under a locked row's label. */
|
|
2596
|
+
noAccess: string;
|
|
2597
|
+
searchLabel: string;
|
|
2598
|
+
searchPlaceholder: string;
|
|
2599
|
+
clearSearch: string;
|
|
2600
|
+
resultCount: (count: number) => string;
|
|
2601
|
+
loading: string;
|
|
2602
|
+
/** Empty-catalog title (no search query). */
|
|
2603
|
+
empty: string;
|
|
2604
|
+
/** Empty-search title; receives the query to echo it. */
|
|
2605
|
+
noMatch: (query: string) => string;
|
|
2606
|
+
/** Explanatory line under the empty-search title. */
|
|
2607
|
+
noMatchDescription: string;
|
|
2608
|
+
/** Error block title. */
|
|
2609
|
+
error: string;
|
|
2610
|
+
/** Explanatory line under the error title. */
|
|
2611
|
+
errorDescription: string;
|
|
2612
|
+
retry: string;
|
|
2613
|
+
/** Directory link text; the pinned footer in the panel, the pill in the sheet. */
|
|
2614
|
+
directory: string;
|
|
2615
|
+
close: string;
|
|
2616
|
+
/** Live announcement after the dock is hidden. */
|
|
2617
|
+
dockHidden: string;
|
|
2618
|
+
/** Live announcement after the dock is shown. */
|
|
2619
|
+
dockShown: string;
|
|
2620
|
+
}
|
|
2621
|
+
interface AppHubProps {
|
|
2622
|
+
apps: AppHubApp[];
|
|
2623
|
+
appName: string;
|
|
2624
|
+
currentAppId?: string;
|
|
2625
|
+
/** Defaults to `'ready'`. */
|
|
2626
|
+
catalogStatus?: 'ready' | 'loading' | 'error';
|
|
2627
|
+
/** The retry button is not rendered when absent. */
|
|
2628
|
+
onRetry?: () => void;
|
|
2629
|
+
directoryHref?: string;
|
|
2630
|
+
/** Defaults to `'auto'`. */
|
|
2631
|
+
layout?: 'auto' | 'dock' | 'sheet';
|
|
2632
|
+
/** Defaults to `'fixed'`. */
|
|
2633
|
+
position?: 'fixed' | 'absolute';
|
|
2634
|
+
/** Controlled open state; bypasses storage. */
|
|
2635
|
+
open?: boolean;
|
|
2636
|
+
/** Fallback when nothing valid is stored; keeps persistence on. */
|
|
2637
|
+
defaultOpen?: boolean;
|
|
2638
|
+
/** Called for user-initiated changes only. */
|
|
2639
|
+
onOpenChange?: (open: boolean) => void;
|
|
2640
|
+
/** Defaults to `'tcce-app-hub:open'`; `null` disables persistence. */
|
|
2641
|
+
storageKey?: string | null;
|
|
2642
|
+
/** Defaults to 7; compared with `apps.length`. */
|
|
2643
|
+
searchThreshold?: number;
|
|
2644
|
+
onNavigate?: (app: AppHubApp, event: MouseEvent<HTMLAnchorElement>) => void;
|
|
2645
|
+
/**
|
|
2646
|
+
* Renders every destination link (tiles, catalog rows and the directory link) so a router
|
|
2647
|
+
* link can be used. Spread the received props on the element. `app` is `undefined` for the
|
|
2648
|
+
* directory link. Defaults to `<a {...props} />`.
|
|
2649
|
+
*/
|
|
2650
|
+
renderLink?: (props: AppHubLinkProps, app?: AppHubApp) => ReactNode;
|
|
2651
|
+
labels?: Partial<AppHubLabels>;
|
|
2652
|
+
/** Applied to the `<nav>`. Defaults to `'app-hub'`; use one AppHub per page. */
|
|
2653
|
+
id?: string;
|
|
2654
|
+
className?: string;
|
|
2655
|
+
}
|
|
2656
|
+
|
|
2657
|
+
declare function AppHub({ apps, appName, currentAppId, catalogStatus, onRetry, directoryHref, layout, searchThreshold, position, open: openProp, defaultOpen, onOpenChange, storageKey, onNavigate, renderLink, labels: labelOverrides, id, className, }: AppHubProps): react.JSX.Element;
|
|
2658
|
+
|
|
2659
|
+
interface AppHubSkipLinkProps extends Omit<ComponentPropsWithRef<'a'>, 'href'> {
|
|
2660
|
+
/** Id of the `<AppHub>` landmark. Defaults to `'app-hub'`. */
|
|
2661
|
+
targetId?: string;
|
|
2662
|
+
}
|
|
2663
|
+
/** Visible-on-focus link that moves focus to the non-inert dock entry. Place it first in the DOM. */
|
|
2664
|
+
declare function AppHubSkipLink({ targetId, children, className, onClick, ...props }: AppHubSkipLinkProps): react.JSX.Element;
|
|
2665
|
+
|
|
2313
2666
|
declare function Drawer({ children, open, onOpenChange, modal, ...props }: ComponentProps<typeof Dialog$1.Root>): react.JSX.Element;
|
|
2314
2667
|
declare function DrawerTrigger({ ...props }: ComponentProps<typeof Dialog$1.Trigger>): react.JSX.Element;
|
|
2315
2668
|
declare function DrawerClose({ ...props }: ComponentProps<typeof Dialog$1.Close>): react.JSX.Element;
|
|
@@ -2389,4 +2742,4 @@ interface TCCEProviderProps {
|
|
|
2389
2742
|
}
|
|
2390
2743
|
declare function TCCEProvider({ children, permissions, toasterPosition, tooltipDelayDuration, }: TCCEProviderProps): react.JSX.Element;
|
|
2391
2744
|
|
|
2392
|
-
export { type AbilityContextValue, AbilityProvider, type AbilityProviderProps, type AbilityStatus, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AnimationTokens, AppShell, type AppShellItem, type AppShellProps, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BottomNav, type BottomNavItem, BottomNavTabs, BottomNavTabsContent, type BottomNavTabsItem, BottomNavTabsList, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button$1 as Button, CONFETTI_COLORS, type CalendarEvent, type CalendarView, Can, CanNot, type CanNotProps, type CanProps, type CanState, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type CellAlignment, Checkbox, ColorPicker, ColorPickerAlpha, type ColorPickerAlphaProps, ColorPickerEyeDropper, type ColorPickerEyeDropperProps, ColorPickerFormat, type ColorPickerFormatProps, ColorPickerHue, type ColorPickerHueProps, ColorPickerOutput, type ColorPickerOutputProps, ColorPickerPresets, type ColorPickerPresetsProps, type ColorPickerProps, ColorPickerSelection, type ColorPickerSelectionProps, type ColumnMeta, Combobox, type ComboboxMatchMode, type ComboboxOption, type ComboboxProps, DataTable, DataTableCardView, type DataTableCardViewProps, DataTableColumnFilter, type DataTableColumnFilterProps, DataTableFooter, type DataTableFooterProps, DataTableHeaderCell, type DataTableHeaderCellProps, type DataTableProps, DataTableRowActions, type DataTableRowActionsProps, DataTableSearch, type DataTableSearchProps, DataTableSkeleton, type DataTableSkeletonProps, DataTableToolbar, type DataTableToolbarProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerSide, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, DropzoneContent, type DropzoneContentProps, DropzoneEmptyState, type DropzoneEmptyStateProps, type DropzoneProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EventCalendar, type EventCalendarProps, type EventCreateRange, Field, FieldDescription, FieldError, FieldGroup, FieldLabel, FilterOption, type FilterOptionProps, type FireConfettiOptions, Input, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, Link, Logo, type LogoKey, MiniCalendar, MiniCalendarDay, type MiniCalendarDayProps, MiniCalendarDays, type MiniCalendarDaysProps, MiniCalendarNavigation, type MiniCalendarNavigationProps, type MiniCalendarProps, Navbar, type NavbarDropdownItem, type NavbarNavLink, type NavbarNotification, type NavbarProps, type NavbarUtilityLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Permission, PhoneField, type PhoneFieldCountry, type PhoneFieldProps, PhoneFieldValidity, PinInput, type PinInputProps, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RowAction, SegmentedControl, SegmentedControlItem, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger$1 as SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SignaturePad, type SignaturePadHandle, type SignaturePadProps, Skeleton, Slider, type SortDirection, type SortRecord, Spinner, SpinnerDots, type SpinnerDotsProps, SpinnerLoader, type SpinnerLoaderProps, type SpinnerProps, Status, StatusIndicator, type StatusIndicatorProps, StatusLabel, type StatusLabelProps, type StatusProps, Switch, TCCEProvider, type TCCEProviderProps, TEXT_SIZES, TEXT_WEIGHTS, Table, TableBody, TableCaption, TableCell, type TableCellSize, type TableClassNames, type TableColumnDef, type TableContextType, TableFooter, TableHead, TableHeader, TablePagination, type TablePaginationProps, TableRow, type TableVariant, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextAs, type TextProps, type TextSize, type TextWeight, Textarea, type ToastAction, type ToastItem, type ToastType, Toaster, type ToasterPosition, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseTableDataProps, type UseTableDataReturn, type UseTableFilteringProps, type UseTableFilteringReturn, type UseTableGlobalFilterProps, type UseTableGlobalFilterReturn, type UseTableSizingProps, type UseTableSizingReturn, type UseTableSortingProps, type UseTableSortingReturn, type UseTableVisibilityProps, type UseTableVisibilityReturn, alertVariants, animation, avatarVariants, badgeVariants, buttonVariants$1 as buttonVariants, columnFiltersToArrayQueryParams, columnFiltersToJsonString, columnFiltersToQueryParams, columnFiltersToRecord, createBackendParams, createBackendParamsWithFilters, duration, ease, fadeIn, fireConfetti, getActiveFilterCount, getActiveFilterValues, getColumnValueCounts, getUniqueColumnValues, hasActiveFilters, linkVariants, logos, mergeFilters, multiSelectFilter, navigationMenuTriggerStyle, parseJsonToFilters, parseQueryParamsToFilters, progressIndicatorVariants, progressVariants, resetConfetti, scaleIn, searchInArray, skeletonVariants, slideRight, slideUp, sortRecordToSortingState, sortingStateToJsonString, sortingStateToRecord, spinnerDotsVariants, spinnerLoaderVariants, spinnerVariants, spring, stagger, toggleVariants, tooltipContentVariants, transition, useAbility, useAbilityStatus, useAppForm, useCan, useCarousel, useColorPicker, useColumnFilter, useSidebar, useTableContext, useTableData, useTableFiltering, useTableGlobalFilter, useTableSizing, useTableSorting, useTableVisibility, useToast };
|
|
2745
|
+
export { type AbilityContextValue, AbilityProvider, type AbilityProviderProps, type AbilityStatus, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AnimationTokens, AppHub, type AppHubApp, type AppHubLabels, type AppHubLinkProps, type AppHubProps, AppHubSkipLink, type AppHubSkipLinkProps, type AppHubTone, AppShell, type AppShellItem, type AppShellProps, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BottomNav, type BottomNavItem, BottomNavTabs, BottomNavTabsContent, type BottomNavTabsItem, BottomNavTabsList, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button$1 as Button, CONFETTI_COLORS, type CalendarEvent, type CalendarView, Can, CanNot, type CanNotProps, type CanProps, type CanState, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type CellAlignment, Checkbox, ColorPicker, ColorPickerAlpha, type ColorPickerAlphaProps, ColorPickerEyeDropper, type ColorPickerEyeDropperProps, ColorPickerFormat, type ColorPickerFormatProps, ColorPickerHue, type ColorPickerHueProps, ColorPickerOutput, type ColorPickerOutputProps, ColorPickerPresets, type ColorPickerPresetsProps, type ColorPickerProps, ColorPickerSelection, type ColorPickerSelectionProps, type ColumnMeta, Combobox, type ComboboxMatchMode, type ComboboxOption, type ComboboxProps, DataTable, DataTableCardView, type DataTableCardViewProps, DataTableColumnFilter, type DataTableColumnFilterProps, DataTableFooter, type DataTableFooterProps, DataTableHeaderCell, type DataTableHeaderCellProps, type DataTableProps, DataTableRowActions, type DataTableRowActionsProps, DataTableSearch, type DataTableSearchProps, DataTableSkeleton, type DataTableSkeletonProps, DataTableToolbar, type DataTableToolbarProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerSide, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, DropzoneContent, type DropzoneContentProps, DropzoneEmptyState, type DropzoneEmptyStateProps, type DropzoneProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EventCalendar, type EventCalendarProps, type EventCreateRange, Field, FieldDescription, FieldError, FieldGroup, FieldLabel, FilterOption, type FilterOptionProps, type FireConfettiOptions, FloatingSidebar, type FloatingSidebarIcon, type FloatingSidebarItemData, type FloatingSidebarLabels, type FloatingSidebarLinkProps, type FloatingSidebarModuleData, type FloatingSidebarProps, Input, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, Link, Logo, type LogoKey, MiniCalendar, MiniCalendarDay, type MiniCalendarDayProps, MiniCalendarDays, type MiniCalendarDaysProps, MiniCalendarNavigation, type MiniCalendarNavigationProps, type MiniCalendarProps, Navbar, type NavbarDropdownItem, type NavbarNavLink, type NavbarNotification, type NavbarProps, type NavbarUtilityLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Permission, PhoneField, type PhoneFieldCountry, type PhoneFieldProps, PhoneFieldValidity, PinInput, type PinInputProps, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RowAction, SegmentedControl, SegmentedControlItem, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger$1 as SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SignaturePad, type SignaturePadHandle, type SignaturePadProps, Skeleton, Slider, type SortDirection, type SortRecord, Spinner, SpinnerDots, type SpinnerDotsProps, SpinnerLoader, type SpinnerLoaderProps, type SpinnerProps, Status, StatusIndicator, type StatusIndicatorProps, StatusLabel, type StatusLabelProps, type StatusProps, Switch, TCCEProvider, type TCCEProviderProps, TEXT_SIZES, TEXT_WEIGHTS, Table, TableBody, TableCaption, TableCell, type TableCellSize, type TableClassNames, type TableColumnDef, type TableContextType, TableFooter, TableHead, TableHeader, TablePagination, type TablePaginationProps, TableRow, type TableVariant, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextAs, type TextProps, type TextSize, type TextWeight, Textarea, type ToastAction, type ToastItem, type ToastType, Toaster, type ToasterPosition, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseTableDataProps, type UseTableDataReturn, type UseTableFilteringProps, type UseTableFilteringReturn, type UseTableGlobalFilterProps, type UseTableGlobalFilterReturn, type UseTableSizingProps, type UseTableSizingReturn, type UseTableSortingProps, type UseTableSortingReturn, type UseTableVisibilityProps, type UseTableVisibilityReturn, alertVariants, animation, avatarVariants, badgeVariants, buttonVariants$1 as buttonVariants, columnFiltersToArrayQueryParams, columnFiltersToJsonString, columnFiltersToQueryParams, columnFiltersToRecord, createBackendParams, createBackendParamsWithFilters, duration, ease, fadeIn, fireConfetti, getActiveFilterCount, getActiveFilterValues, getColumnValueCounts, getUniqueColumnValues, hasActiveFilters, linkVariants, logos, mergeFilters, multiSelectFilter, navigationMenuTriggerStyle, parseJsonToFilters, parseQueryParamsToFilters, progressIndicatorVariants, progressVariants, resetConfetti, scaleIn, searchInArray, skeletonVariants, slideRight, slideUp, sortRecordToSortingState, sortingStateToJsonString, sortingStateToRecord, spinnerDotsVariants, spinnerLoaderVariants, spinnerVariants, spring, stagger, toggleVariants, tooltipContentVariants, transition, useAbility, useAbilityStatus, useAppForm, useCan, useCarousel, useColorPicker, useColumnFilter, useSidebar, useTableContext, useTableData, useTableFiltering, useTableGlobalFilter, useTableSizing, useTableSorting, useTableVisibility, useToast };
|