@lumx/react 4.26.0-next.0 → 4.26.0-next.2
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/index.d.ts +481 -483
- package/index.js +4357 -4153
- package/index.js.map +1 -1
- package/package.json +3 -3
package/index.d.ts
CHANGED
|
@@ -1369,115 +1369,6 @@ interface ListSubheaderProps extends GenericProps$1 {
|
|
|
1369
1369
|
*/
|
|
1370
1370
|
declare const ListSubheader: Comp<ListSubheaderProps, HTMLLIElement>;
|
|
1371
1371
|
|
|
1372
|
-
/**
|
|
1373
|
-
* Defines the props for the core ComboboxState template.
|
|
1374
|
-
*/
|
|
1375
|
-
interface ComboboxStateProps$1 {
|
|
1376
|
-
/**
|
|
1377
|
-
* Message to display when the list has no visible options.
|
|
1378
|
-
* Can be a plain string or a function receiving the current input value (for dynamic messages).
|
|
1379
|
-
* When omitted, the empty state is not shown.
|
|
1380
|
-
*/
|
|
1381
|
-
emptyMessage?: string | ((inputValue: string) => string);
|
|
1382
|
-
/**
|
|
1383
|
-
* Message callback to display the number of available options.
|
|
1384
|
-
* Called with the current visible option count and should return a human-readable string
|
|
1385
|
-
* (e.g. `(n) => \`${n} result(s) available\``).
|
|
1386
|
-
* Displayed when the combobox is open, not empty, not loading, and not in error.
|
|
1387
|
-
* When omitted, no option count message is shown.
|
|
1388
|
-
*/
|
|
1389
|
-
nbOptionMessage?: (optionsLength: number) => string;
|
|
1390
|
-
/**
|
|
1391
|
-
* Error state title message.
|
|
1392
|
-
* When provided, the error state is active (takes priority over the empty state).
|
|
1393
|
-
* When omitted, the error state is not shown.
|
|
1394
|
-
*/
|
|
1395
|
-
errorMessage?: string;
|
|
1396
|
-
/**
|
|
1397
|
-
* Secondary error message (e.g. "Please try again").
|
|
1398
|
-
* Only rendered when `errorMessage` is provided.
|
|
1399
|
-
*/
|
|
1400
|
-
errorTryReloadMessage?: string;
|
|
1401
|
-
/**
|
|
1402
|
-
* Message to announce when loading persists (after a 500ms debounce).
|
|
1403
|
-
* When omitted, no loading announcement is made.
|
|
1404
|
-
*/
|
|
1405
|
-
loadingMessage?: string;
|
|
1406
|
-
/**
|
|
1407
|
-
* List state
|
|
1408
|
-
*/
|
|
1409
|
-
state?: {
|
|
1410
|
-
/**
|
|
1411
|
-
* The number of currently visible options.
|
|
1412
|
-
* Driven by the framework wrapper via the combobox handle's `optionsChange` event.
|
|
1413
|
-
*/
|
|
1414
|
-
optionsLength?: number;
|
|
1415
|
-
/**
|
|
1416
|
-
* The current value of the combobox input.
|
|
1417
|
-
* Passed to `emptyMessage` when it is a function.
|
|
1418
|
-
*/
|
|
1419
|
-
inputValue?: string;
|
|
1420
|
-
/**
|
|
1421
|
-
* Whether loading is active (immediate, from `loadingChange` event).
|
|
1422
|
-
* Used to suppress false "empty" state while data is loading.
|
|
1423
|
-
*/
|
|
1424
|
-
isLoading?: boolean;
|
|
1425
|
-
/**
|
|
1426
|
-
* Whether the combobox popover is open.
|
|
1427
|
-
* Used to gate live region content so screen readers announce messages
|
|
1428
|
-
* when the popover opens (content insertion triggers `aria-live` announcement).
|
|
1429
|
-
*/
|
|
1430
|
-
isOpen?: boolean;
|
|
1431
|
-
};
|
|
1432
|
-
}
|
|
1433
|
-
|
|
1434
|
-
/**
|
|
1435
|
-
* Props for Combobox.State component.
|
|
1436
|
-
*/
|
|
1437
|
-
interface ComboboxStateProps extends ReactToJSX<ComboboxStateProps$1, 'state'> {
|
|
1438
|
-
/** Additional content rendered after the state message. */
|
|
1439
|
-
children?: ReactNode;
|
|
1440
|
-
}
|
|
1441
|
-
|
|
1442
|
-
/**
|
|
1443
|
-
* Defines the props for the core ComboboxSection template.
|
|
1444
|
-
*/
|
|
1445
|
-
interface ComboboxSectionProps$1 extends HasClassName {
|
|
1446
|
-
/** Section label displayed as the group title. Accepts a plain string or custom JSX content. */
|
|
1447
|
-
label?: string | JSXElement;
|
|
1448
|
-
/** Section icon */
|
|
1449
|
-
icon?: string;
|
|
1450
|
-
/** Section content (should be ComboboxOption elements). */
|
|
1451
|
-
children: JSXElement;
|
|
1452
|
-
/** ref to the root element. */
|
|
1453
|
-
ref?: CommonRef;
|
|
1454
|
-
/**
|
|
1455
|
-
* When true, the section renders as a bare `<li hidden>` wrapper, keeping children
|
|
1456
|
-
* mounted (so option registrations stay alive) but invisible to the user and screen readers.
|
|
1457
|
-
* Set automatically by the React/Vue wrapper when all child options are filtered out.
|
|
1458
|
-
*/
|
|
1459
|
-
hidden?: boolean;
|
|
1460
|
-
/**
|
|
1461
|
-
* When true, the section is visually rendered (label + content) but hidden from assistive
|
|
1462
|
-
* technology. Used for skeleton-only sections: the visual skeleton provides feedback to
|
|
1463
|
-
* sighted users, while the live region (`ComboboxState`) handles the loading announcement.
|
|
1464
|
-
*/
|
|
1465
|
-
'aria-hidden'?: boolean;
|
|
1466
|
-
}
|
|
1467
|
-
/**
|
|
1468
|
-
* Props that React/Vue wrappers need to re-declare with framework-specific types.
|
|
1469
|
-
* Used by `ReactToJSX<ComboboxSectionProps, ComboboxSectionPropsToOverride>`.
|
|
1470
|
-
*/
|
|
1471
|
-
type ComboboxSectionPropsToOverride = 'children';
|
|
1472
|
-
|
|
1473
|
-
/**
|
|
1474
|
-
* Props for Combobox.Section component.
|
|
1475
|
-
*/
|
|
1476
|
-
interface ComboboxSectionProps extends GenericProps$1, ReactToJSX<ComboboxSectionProps$1, ComboboxSectionPropsToOverride> {
|
|
1477
|
-
/** Section content (should be Combobox.Option elements). */
|
|
1478
|
-
children: ReactNode;
|
|
1479
|
-
}
|
|
1480
|
-
|
|
1481
1372
|
/**
|
|
1482
1373
|
* Different possible placements for the popover.
|
|
1483
1374
|
*/
|
|
@@ -1652,357 +1543,135 @@ interface ComboboxPopoverComponentProps extends ComboboxPopoverProps {
|
|
|
1652
1543
|
children: ReactNode;
|
|
1653
1544
|
}
|
|
1654
1545
|
|
|
1655
|
-
/**
|
|
1656
|
-
|
|
1657
|
-
*/
|
|
1658
|
-
|
|
1659
|
-
/** Content rendered before the skeleton text (e.g. SkeletonCircle for avatar placeholders). */
|
|
1660
|
-
before?: JSXElement;
|
|
1661
|
-
/** Content rendered after the skeleton text. */
|
|
1662
|
-
after?: JSXElement;
|
|
1663
|
-
/** Show a secondary skeleton line (mirrors ComboboxOption's `description` prop). */
|
|
1664
|
-
hasDescription?: boolean;
|
|
1665
|
-
/** Override the default SkeletonTypography content entirely. */
|
|
1666
|
-
children?: JSXElement;
|
|
1667
|
-
/** ref to the root <li> element. */
|
|
1668
|
-
ref?: CommonRef;
|
|
1546
|
+
/** Map of listbox event names to their payload types. */
|
|
1547
|
+
interface ListboxEventMap {
|
|
1548
|
+
/** Fired when the active descendant changes (visual focus). Payload: the option id or null. */
|
|
1549
|
+
activeDescendantChange: string | null;
|
|
1669
1550
|
/**
|
|
1670
|
-
*
|
|
1671
|
-
*
|
|
1672
|
-
* @default 1
|
|
1551
|
+
* Fired when the visible option count changes.
|
|
1552
|
+
* Payload: the number of visible options plus the current input value (combobox only).
|
|
1673
1553
|
*/
|
|
1674
|
-
|
|
1554
|
+
optionsChange: {
|
|
1555
|
+
optionsLength: number;
|
|
1556
|
+
inputValue?: string;
|
|
1557
|
+
} | undefined;
|
|
1558
|
+
/**
|
|
1559
|
+
* Fired immediately when the aggregate loading state changes (skeleton count transitions
|
|
1560
|
+
* between 0 and >0). Used for empty suppression in ListboxState and for aria-busy on the listbox.
|
|
1561
|
+
*/
|
|
1562
|
+
loadingChange: boolean;
|
|
1563
|
+
/**
|
|
1564
|
+
* Fired after a 500ms debounce when loading persists while the options are visible,
|
|
1565
|
+
* or immediately when loading ends. Used to control the loading message text in the live region.
|
|
1566
|
+
*/
|
|
1567
|
+
loadingAnnouncement: boolean;
|
|
1568
|
+
/**
|
|
1569
|
+
* Fired when the options become visible or hidden (see {@link ListboxHandle.setOpen}).
|
|
1570
|
+
* Inside a combobox, this is the combobox open state. A standalone listbox is open from
|
|
1571
|
+
* creation and never closes. Replayed on subscribe while open.
|
|
1572
|
+
*/
|
|
1573
|
+
open: boolean;
|
|
1574
|
+
/**
|
|
1575
|
+
* Fired only when this option becomes the active descendant (true)
|
|
1576
|
+
* or stops being the active descendant (false).
|
|
1577
|
+
* Build the key with optionActiveEvent(optionId).
|
|
1578
|
+
*/
|
|
1579
|
+
[event: OptionActiveEvent]: boolean;
|
|
1675
1580
|
}
|
|
1676
|
-
/**
|
|
1677
|
-
* Props that React/Vue wrappers need to re-declare with framework-specific types.
|
|
1678
|
-
* Used by `ReactToJSX<ComboboxOptionSkeletonProps, ComboboxOptionSkeletonPropsToOverride>`.
|
|
1679
|
-
*/
|
|
1680
|
-
type ComboboxOptionSkeletonPropsToOverride = 'before' | 'after' | 'children';
|
|
1681
1581
|
|
|
1582
|
+
/** Callbacks provided by the consumer (React/Vue) to react to combobox state changes. */
|
|
1583
|
+
interface ComboboxCallbacks {
|
|
1584
|
+
/** Called when an option is selected (click or keyboard). */
|
|
1585
|
+
onSelect?(option: {
|
|
1586
|
+
value: string;
|
|
1587
|
+
}): void;
|
|
1588
|
+
}
|
|
1682
1589
|
/**
|
|
1683
|
-
*
|
|
1590
|
+
* Behavioral options for input-mode combobox (autocomplete/filter pattern).
|
|
1591
|
+
* Shared between the core JSX template props (`ComboboxInputProps`) and the
|
|
1592
|
+
* runtime controller options (`SetupComboboxInputOptions`).
|
|
1684
1593
|
*/
|
|
1685
|
-
interface
|
|
1686
|
-
/**
|
|
1687
|
-
|
|
1688
|
-
|
|
1689
|
-
|
|
1690
|
-
|
|
1691
|
-
|
|
1594
|
+
interface ComboboxInputOptions {
|
|
1595
|
+
/**
|
|
1596
|
+
* Controls how the combobox filters options as the user types.
|
|
1597
|
+
*
|
|
1598
|
+
* - `'auto'` (default) — Options are automatically filtered client-side.
|
|
1599
|
+
* - `'manual'` — Filtering is the consumer's responsibility.
|
|
1600
|
+
* - `'off'` — Like `'manual'`, but the input is rendered as `readOnly`
|
|
1601
|
+
* and `openOnFocus` defaults to `true`.
|
|
1602
|
+
*/
|
|
1603
|
+
filter?: 'auto' | 'manual' | 'off';
|
|
1604
|
+
/**
|
|
1605
|
+
* When true, the combobox opens automatically when the input receives focus.
|
|
1606
|
+
* When false (default, unless `filter` is `'off'`), the combobox only opens
|
|
1607
|
+
* on click, typing, or keyboard navigation.
|
|
1608
|
+
*
|
|
1609
|
+
* @default false (true when filter is 'off')
|
|
1610
|
+
*/
|
|
1611
|
+
openOnFocus?: boolean;
|
|
1612
|
+
/**
|
|
1613
|
+
* Controls what happens to the input value when an option is selected.
|
|
1614
|
+
*
|
|
1615
|
+
* - `'fill'` (default) — The input is updated with the selected option value via `onChange`.
|
|
1616
|
+
* - `'keep'` — The input value is left unchanged; `onChange` is not called.
|
|
1617
|
+
* Useful when the component manages the displayed value independently (e.g. showing
|
|
1618
|
+
* an option display name rather than the raw option ID). The filter still resets.
|
|
1619
|
+
* - `'clear'` — The input is cleared (empty string) via `onChange` after selection.
|
|
1620
|
+
* Useful for multi-select patterns where typing starts fresh after each pick.
|
|
1621
|
+
*
|
|
1622
|
+
* @default 'fill'
|
|
1623
|
+
*/
|
|
1624
|
+
selectionMode?: 'fill' | 'keep' | 'clear';
|
|
1692
1625
|
}
|
|
1693
1626
|
|
|
1694
1627
|
/**
|
|
1695
|
-
* Defines the props for the core
|
|
1628
|
+
* Defines the props for the core ComboboxInput template.
|
|
1696
1629
|
*/
|
|
1697
|
-
interface
|
|
1698
|
-
/**
|
|
1699
|
-
|
|
1700
|
-
/** Whether the
|
|
1630
|
+
interface ComboboxInputProps$1 extends HasClassName, HasTheme, ComboboxCallbacks, ComboboxInputOptions {
|
|
1631
|
+
/** The ID of the listbox element (for aria-controls). */
|
|
1632
|
+
listboxId?: string;
|
|
1633
|
+
/** Whether the combobox is open. */
|
|
1701
1634
|
isOpen?: boolean;
|
|
1702
|
-
/**
|
|
1703
|
-
|
|
1704
|
-
/**
|
|
1635
|
+
/** Whether the field is required. Renders `aria-required` instead of the native `required`. */
|
|
1636
|
+
isRequired?: boolean;
|
|
1637
|
+
/** ref to the root element. */
|
|
1705
1638
|
ref?: CommonRef;
|
|
1706
|
-
/**
|
|
1707
|
-
|
|
1708
|
-
/**
|
|
1709
|
-
|
|
1710
|
-
/** Props
|
|
1711
|
-
|
|
1639
|
+
/** Reference to the input element. */
|
|
1640
|
+
inputRef?: CommonRef;
|
|
1641
|
+
/** Reference to the text field wrapper element. */
|
|
1642
|
+
textFieldRef?: CommonRef;
|
|
1643
|
+
/** Props for the toggle button (when provided, a chevron button is rendered). */
|
|
1644
|
+
toggleButtonProps?: Record<string, any>;
|
|
1645
|
+
/** Toggle callback for the chevron button. */
|
|
1646
|
+
handleToggle?(): void;
|
|
1712
1647
|
}
|
|
1713
1648
|
/**
|
|
1714
|
-
* Props
|
|
1649
|
+
* Props from the core `ComboboxInputProps` that framework wrappers (React/Vue)
|
|
1650
|
+
* are expected to provide internally or re-type with framework-specific equivalents
|
|
1651
|
+
* (e.g. React refs, framework-specific button props). Wrappers should omit these
|
|
1652
|
+
* keys when exposing the core props to consumers.
|
|
1715
1653
|
*/
|
|
1716
|
-
type
|
|
1654
|
+
type ComboboxInputPropsToOverride = 'listboxId' | 'isOpen' | 'inputRef' | 'textFieldRef' | 'toggleButtonProps' | 'handleToggle';
|
|
1717
1655
|
|
|
1718
|
-
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1656
|
+
interface InputLabelProps$1 extends HasClassName, HasTheme {
|
|
1657
|
+
/** Typography variant. */
|
|
1658
|
+
typography?: Typography;
|
|
1659
|
+
/** Label content. */
|
|
1660
|
+
children: JSXElement;
|
|
1661
|
+
/** Native htmlFor property. */
|
|
1662
|
+
htmlFor: string;
|
|
1663
|
+
/** Native id property. */
|
|
1664
|
+
id?: string;
|
|
1665
|
+
/** Whether the component is required or not. */
|
|
1666
|
+
isRequired?: boolean;
|
|
1667
|
+
/** ref to the root element */
|
|
1668
|
+
ref?: CommonRef;
|
|
1669
|
+
/** HTML tag for rendering the label, defaults to `label` */
|
|
1670
|
+
as?: 'label' | 'legend';
|
|
1728
1671
|
}
|
|
1729
1672
|
|
|
1730
1673
|
/**
|
|
1731
|
-
* Defines the props
|
|
1732
|
-
*/
|
|
1733
|
-
interface ComboboxOptionProps$1 extends HasClassName {
|
|
1734
|
-
/** A component to be rendered before the content (e.g. an icon or avatar). */
|
|
1735
|
-
before?: JSXElement;
|
|
1736
|
-
/** A component to be rendered after the content (e.g. ComboboxOptionAction elements). */
|
|
1737
|
-
after?: JSXElement;
|
|
1738
|
-
/** Content (option label). */
|
|
1739
|
-
children?: JSXElement;
|
|
1740
|
-
/** Props forwarded to a Tooltip wrapping the role="option" / role="gridcell" element. */
|
|
1741
|
-
tooltipProps?: Record<string, any>;
|
|
1742
|
-
/** Helper description. */
|
|
1743
|
-
description?: string;
|
|
1744
|
-
/** Unique ID for the option element. */
|
|
1745
|
-
id?: string;
|
|
1746
|
-
/** Unique ID for the description element (for aria-describedby). */
|
|
1747
|
-
descriptionId?: string;
|
|
1748
|
-
/** Whether the option is disabled. */
|
|
1749
|
-
isDisabled?: boolean;
|
|
1750
|
-
/** Whether the option is selected. */
|
|
1751
|
-
isSelected?: boolean;
|
|
1752
|
-
/** Whether the parent list is in grid mode. */
|
|
1753
|
-
isGrid?: boolean;
|
|
1754
|
-
/**
|
|
1755
|
-
* Whether the option is hidden (filtered out by auto-filter).
|
|
1756
|
-
* When true, renders a bare `<li hidden>` with only the children text — no ARIA roles,
|
|
1757
|
-
* no classes, no visual structure. This keeps the element in the DOM so its textContent
|
|
1758
|
-
* can be read for future filter evaluations, while naturally excluding it from
|
|
1759
|
-
* `[role="option"]` queries (focus navigation) and `.lumx-combobox-option` CSS rules
|
|
1760
|
-
* (section/popover auto-hide).
|
|
1761
|
-
*/
|
|
1762
|
-
hidden?: boolean;
|
|
1763
|
-
/** On click callback. */
|
|
1764
|
-
handleClick?(): void;
|
|
1765
|
-
/** Extra props forwarded to the inner action element (e.g. link props when as="a"). */
|
|
1766
|
-
actionProps?: Record<string, any>;
|
|
1767
|
-
/** ref to the root <li> element. */
|
|
1768
|
-
ref?: CommonRef;
|
|
1769
|
-
/** The value for this option (used for selection). */
|
|
1770
|
-
value?: string;
|
|
1771
|
-
}
|
|
1772
|
-
/**
|
|
1773
|
-
* Props that React/Vue wrappers need to re-declare with framework-specific types.
|
|
1774
|
-
* Used by `ReactToJSX<ComboboxOptionProps, ComboboxOptionPropsToOverride>`.
|
|
1775
|
-
*/
|
|
1776
|
-
type ComboboxOptionPropsToOverride = 'before' | 'after' | 'children' | 'tooltipProps' | 'actionProps';
|
|
1777
|
-
|
|
1778
|
-
declare const ARIA_LINK_MODES: readonly ["aria-describedby", "aria-labelledby"];
|
|
1779
|
-
|
|
1780
|
-
/** Position of the tooltip relative to the anchor element. */
|
|
1781
|
-
type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
|
|
1782
|
-
/**
|
|
1783
|
-
* Framework-agnostic tooltip props (shared between React and Vue wrappers).
|
|
1784
|
-
*/
|
|
1785
|
-
interface TooltipProps$1 extends HasCloseMode {
|
|
1786
|
-
/** Delay (in ms) before closing the tooltip. */
|
|
1787
|
-
delay?: number;
|
|
1788
|
-
/** Whether the tooltip is displayed even without the mouse hovering the anchor. */
|
|
1789
|
-
forceOpen?: boolean;
|
|
1790
|
-
/** Label text. */
|
|
1791
|
-
label?: string | null | false;
|
|
1792
|
-
/** Placement of the tooltip relative to the anchor. */
|
|
1793
|
-
placement?: TooltipPlacement;
|
|
1794
|
-
/** Choose how the tooltip text should link to the anchor */
|
|
1795
|
-
ariaLinkMode?: (typeof ARIA_LINK_MODES)[number];
|
|
1796
|
-
/** Z-index for the tooltip */
|
|
1797
|
-
zIndex?: number;
|
|
1798
|
-
}
|
|
1799
|
-
|
|
1800
|
-
/**
|
|
1801
|
-
* Defines the props of the component.
|
|
1802
|
-
*/
|
|
1803
|
-
interface TooltipProps extends GenericProps$1, TooltipProps$1 {
|
|
1804
|
-
/** Anchor (element on which we activate the tooltip). */
|
|
1805
|
-
children: ReactNode;
|
|
1806
|
-
}
|
|
1807
|
-
/**
|
|
1808
|
-
* Tooltip component.
|
|
1809
|
-
*
|
|
1810
|
-
* @param props Component props.
|
|
1811
|
-
* @param ref Component ref.
|
|
1812
|
-
* @return React element.
|
|
1813
|
-
*/
|
|
1814
|
-
declare const Tooltip: Comp<TooltipProps, HTMLDivElement>;
|
|
1815
|
-
|
|
1816
|
-
/**
|
|
1817
|
-
* Props forwarded to the inner action element (button or link).
|
|
1818
|
-
*/
|
|
1819
|
-
type ComboboxOptionActionProps$1<E extends ElementType$1 = 'button'> = HasPolymorphicAs$1<E> & HasRequiredLinkHref$1<E>;
|
|
1820
|
-
/**
|
|
1821
|
-
* Props for Combobox.Option component.
|
|
1822
|
-
*/
|
|
1823
|
-
interface ComboboxOptionProps extends GenericProps$1, ReactToJSX<ComboboxOptionProps$1, ComboboxOptionPropsToOverride> {
|
|
1824
|
-
/** Display label for the option. */
|
|
1825
|
-
children?: ReactNode;
|
|
1826
|
-
/** On option clicked (or activated with keyboard) */
|
|
1827
|
-
onClick?(): void;
|
|
1828
|
-
/** Content rendered before the option label (e.g. an icon or avatar). */
|
|
1829
|
-
before?: ReactNode;
|
|
1830
|
-
/**
|
|
1831
|
-
* Content rendered after the option label.
|
|
1832
|
-
* In grid mode (`type="grid"` on the parent Combobox.List), use `Combobox.OptionAction` elements here
|
|
1833
|
-
* to add secondary action buttons. Each action becomes an independent `role="gridcell"`.
|
|
1834
|
-
*/
|
|
1835
|
-
after?: ReactNode;
|
|
1836
|
-
/** Props forwarded to a Tooltip wrapping the role="option" / role="gridcell" trigger element. */
|
|
1837
|
-
tooltipProps?: Partial<TooltipProps>;
|
|
1838
|
-
/** Props forwarded to the inner action element (e.g. `{ as: 'a', href: '/foo' }`). */
|
|
1839
|
-
actionProps?: ComboboxOptionActionProps$1<any>;
|
|
1840
|
-
}
|
|
1841
|
-
|
|
1842
|
-
/**
|
|
1843
|
-
* Popup type for the combobox listbox.
|
|
1844
|
-
* - `'listbox'`: Standard listbox with `role="listbox"` and `role="option"` items.
|
|
1845
|
-
* - `'grid'`: Grid mode with `role="grid"` and `role="gridcell"` items, enabling 2D keyboard navigation.
|
|
1846
|
-
*/
|
|
1847
|
-
type ComboboxListType = 'listbox' | 'grid';
|
|
1848
|
-
/**
|
|
1849
|
-
* Defines the props for the core ComboboxList template.
|
|
1850
|
-
*/
|
|
1851
|
-
interface ComboboxListProps$1 extends HasClassName {
|
|
1852
|
-
/** Accessible label for the listbox (required for accessibility). */
|
|
1853
|
-
'aria-label'?: string;
|
|
1854
|
-
/**
|
|
1855
|
-
* Indicates that the listbox content is incomplete (loading).
|
|
1856
|
-
* Set to `true` when skeleton placeholders are present and no real options have loaded yet.
|
|
1857
|
-
* Omit (or set to `undefined`) when not loading — the attribute is not rendered as `"false"`.
|
|
1858
|
-
*/
|
|
1859
|
-
'aria-busy'?: boolean;
|
|
1860
|
-
/**
|
|
1861
|
-
* Allow selecting several options (`aria-multiselectable`).
|
|
1862
|
-
* Also read by `Combobox.SelectionIcon` to pick the checkbox icons.
|
|
1863
|
-
*/
|
|
1864
|
-
'aria-multiselectable'?: boolean | 'true' | 'false';
|
|
1865
|
-
/** Content (should be ComboboxOption elements). */
|
|
1866
|
-
children?: JSXElement;
|
|
1867
|
-
/** The ID of the listbox element. */
|
|
1868
|
-
id?: string;
|
|
1869
|
-
/** ref to the root element */
|
|
1870
|
-
ref?: CommonRef;
|
|
1871
|
-
/**
|
|
1872
|
-
* The popup type. Set to "grid" when options have action buttons.
|
|
1873
|
-
* @default 'listbox'
|
|
1874
|
-
*/
|
|
1875
|
-
type?: ComboboxListType;
|
|
1876
|
-
}
|
|
1877
|
-
|
|
1878
|
-
/** Props for Combobox.List component. */
|
|
1879
|
-
interface ComboboxListProps extends ReactToJSX<ComboboxListProps$1, 'aria-busy'> {
|
|
1880
|
-
}
|
|
1881
|
-
|
|
1882
|
-
/** Map of combobox event names to their payload types. */
|
|
1883
|
-
interface ComboboxEventMap {
|
|
1884
|
-
/** Fired when the combobox open state changes. Payload: whether the combobox is open. */
|
|
1885
|
-
open: boolean;
|
|
1886
|
-
/** Fired when the active descendant changes (visual focus). Payload: the option id or null. */
|
|
1887
|
-
activeDescendantChange: string | null;
|
|
1888
|
-
/**
|
|
1889
|
-
* Fired when the visible option count changes.
|
|
1890
|
-
* Payload: the number of visible options plus the current input value.
|
|
1891
|
-
*/
|
|
1892
|
-
optionsChange: {
|
|
1893
|
-
optionsLength: number;
|
|
1894
|
-
inputValue?: string;
|
|
1895
|
-
} | undefined;
|
|
1896
|
-
/**
|
|
1897
|
-
* Fired immediately when the aggregate loading state changes (skeleton count transitions
|
|
1898
|
-
* between 0 and >0). Used for empty suppression in ComboboxState and for aria-busy on the listbox.
|
|
1899
|
-
*/
|
|
1900
|
-
loadingChange: boolean;
|
|
1901
|
-
/**
|
|
1902
|
-
* Fired after a 500ms debounce when loading persists, or immediately when loading ends.
|
|
1903
|
-
* Used to control the loading message text in the live region (ComboboxState).
|
|
1904
|
-
*/
|
|
1905
|
-
loadingAnnouncement: boolean;
|
|
1906
|
-
/**
|
|
1907
|
-
* Fired only when this option becomes the active descendant (true)
|
|
1908
|
-
* or stops being the active descendant (false).
|
|
1909
|
-
* Build the key with optionActiveEvent(optionId).
|
|
1910
|
-
*/
|
|
1911
|
-
[event: OptionActiveEvent]: boolean;
|
|
1912
|
-
}
|
|
1913
|
-
/** Callbacks provided by the consumer (React/Vue) to react to combobox state changes. */
|
|
1914
|
-
interface ComboboxCallbacks {
|
|
1915
|
-
/** Called when an option is selected (click or keyboard). */
|
|
1916
|
-
onSelect?(option: {
|
|
1917
|
-
value: string;
|
|
1918
|
-
}): void;
|
|
1919
|
-
}
|
|
1920
|
-
/**
|
|
1921
|
-
* Behavioral options for input-mode combobox (autocomplete/filter pattern).
|
|
1922
|
-
* Shared between the core JSX template props (`ComboboxInputProps`) and the
|
|
1923
|
-
* runtime controller options (`SetupComboboxInputOptions`).
|
|
1924
|
-
*/
|
|
1925
|
-
interface ComboboxInputOptions {
|
|
1926
|
-
/**
|
|
1927
|
-
* Controls how the combobox filters options as the user types.
|
|
1928
|
-
*
|
|
1929
|
-
* - `'auto'` (default) — Options are automatically filtered client-side.
|
|
1930
|
-
* - `'manual'` — Filtering is the consumer's responsibility.
|
|
1931
|
-
* - `'off'` — Like `'manual'`, but the input is rendered as `readOnly`
|
|
1932
|
-
* and `openOnFocus` defaults to `true`.
|
|
1933
|
-
*/
|
|
1934
|
-
filter?: 'auto' | 'manual' | 'off';
|
|
1935
|
-
/**
|
|
1936
|
-
* When true, the combobox opens automatically when the input receives focus.
|
|
1937
|
-
* When false (default, unless `filter` is `'off'`), the combobox only opens
|
|
1938
|
-
* on click, typing, or keyboard navigation.
|
|
1939
|
-
*
|
|
1940
|
-
* @default false (true when filter is 'off')
|
|
1941
|
-
*/
|
|
1942
|
-
openOnFocus?: boolean;
|
|
1943
|
-
/**
|
|
1944
|
-
* Controls what happens to the input value when an option is selected.
|
|
1945
|
-
*
|
|
1946
|
-
* - `'fill'` (default) — The input is updated with the selected option value via `onChange`.
|
|
1947
|
-
* - `'keep'` — The input value is left unchanged; `onChange` is not called.
|
|
1948
|
-
* Useful when the component manages the displayed value independently (e.g. showing
|
|
1949
|
-
* an option display name rather than the raw option ID). The filter still resets.
|
|
1950
|
-
* - `'clear'` — The input is cleared (empty string) via `onChange` after selection.
|
|
1951
|
-
* Useful for multi-select patterns where typing starts fresh after each pick.
|
|
1952
|
-
*
|
|
1953
|
-
* @default 'fill'
|
|
1954
|
-
*/
|
|
1955
|
-
selectionMode?: 'fill' | 'keep' | 'clear';
|
|
1956
|
-
}
|
|
1957
|
-
|
|
1958
|
-
/**
|
|
1959
|
-
* Defines the props for the core ComboboxInput template.
|
|
1960
|
-
*/
|
|
1961
|
-
interface ComboboxInputProps$1 extends HasClassName, HasTheme, ComboboxCallbacks, ComboboxInputOptions {
|
|
1962
|
-
/** The ID of the listbox element (for aria-controls). */
|
|
1963
|
-
listboxId?: string;
|
|
1964
|
-
/** Whether the combobox is open. */
|
|
1965
|
-
isOpen?: boolean;
|
|
1966
|
-
/** Whether the field is required. Renders `aria-required` instead of the native `required`. */
|
|
1967
|
-
isRequired?: boolean;
|
|
1968
|
-
/** ref to the root element. */
|
|
1969
|
-
ref?: CommonRef;
|
|
1970
|
-
/** Reference to the input element. */
|
|
1971
|
-
inputRef?: CommonRef;
|
|
1972
|
-
/** Reference to the text field wrapper element. */
|
|
1973
|
-
textFieldRef?: CommonRef;
|
|
1974
|
-
/** Props for the toggle button (when provided, a chevron button is rendered). */
|
|
1975
|
-
toggleButtonProps?: Record<string, any>;
|
|
1976
|
-
/** Toggle callback for the chevron button. */
|
|
1977
|
-
handleToggle?(): void;
|
|
1978
|
-
}
|
|
1979
|
-
/**
|
|
1980
|
-
* Props from the core `ComboboxInputProps` that framework wrappers (React/Vue)
|
|
1981
|
-
* are expected to provide internally or re-type with framework-specific equivalents
|
|
1982
|
-
* (e.g. React refs, framework-specific button props). Wrappers should omit these
|
|
1983
|
-
* keys when exposing the core props to consumers.
|
|
1984
|
-
*/
|
|
1985
|
-
type ComboboxInputPropsToOverride = 'listboxId' | 'isOpen' | 'inputRef' | 'textFieldRef' | 'toggleButtonProps' | 'handleToggle';
|
|
1986
|
-
|
|
1987
|
-
interface InputLabelProps$1 extends HasClassName, HasTheme {
|
|
1988
|
-
/** Typography variant. */
|
|
1989
|
-
typography?: Typography;
|
|
1990
|
-
/** Label content. */
|
|
1991
|
-
children: JSXElement;
|
|
1992
|
-
/** Native htmlFor property. */
|
|
1993
|
-
htmlFor: string;
|
|
1994
|
-
/** Native id property. */
|
|
1995
|
-
id?: string;
|
|
1996
|
-
/** Whether the component is required or not. */
|
|
1997
|
-
isRequired?: boolean;
|
|
1998
|
-
/** ref to the root element */
|
|
1999
|
-
ref?: CommonRef;
|
|
2000
|
-
/** HTML tag for rendering the label, defaults to `label` */
|
|
2001
|
-
as?: 'label' | 'legend';
|
|
2002
|
-
}
|
|
2003
|
-
|
|
2004
|
-
/**
|
|
2005
|
-
* Defines the props of the component.
|
|
1674
|
+
* Defines the props of the component.
|
|
2006
1675
|
*/
|
|
2007
1676
|
interface TextFieldProps$1 extends HasClassName, HasTheme, HasAriaDisabled, HasDisabled {
|
|
2008
1677
|
/** Chip Group to be rendered before the main text input. */
|
|
@@ -2231,19 +1900,12 @@ declare namespace ComboboxProvider {
|
|
|
2231
1900
|
}
|
|
2232
1901
|
|
|
2233
1902
|
/**
|
|
2234
|
-
* Hook to subscribe to a combobox event
|
|
2235
|
-
*
|
|
2236
|
-
* Uses `useSyncExternalStore` (shim, for React 17 support) reading the handle's synchronous
|
|
2237
|
-
* `getSnapshot` — the correct pattern for an external (non-React) store. It reads the current
|
|
2238
|
-
* value during commit, so a consumer doesn't miss changes that happened between its render and its
|
|
2239
|
-
* subscription (e.g. options registered by child effects before this consumer subscribed, since
|
|
2240
|
-
* `optionsChange` is not replayed on subscribe), and it is tearing-safe under concurrent rendering.
|
|
1903
|
+
* Hook to subscribe to a combobox event (`open`, `optionsChange`, `loadingChange`,
|
|
1904
|
+
* `activeDescendantChange`, …). Must be used within a `Combobox.Provider`.
|
|
2241
1905
|
*
|
|
2242
|
-
* The
|
|
2243
|
-
* (inside React's `act` in tests) rather than a deferred microtask. Re-subscribes when the handle
|
|
2244
|
-
* changes (e.g. trigger mount/unmount).
|
|
1906
|
+
* The events are dispatched by the listbox handle of the combobox (see {@link useListboxEvent}).
|
|
2245
1907
|
*/
|
|
2246
|
-
declare function useComboboxEvent<K extends keyof
|
|
1908
|
+
declare function useComboboxEvent<K extends keyof ListboxEventMap>(event: K, initialValue: ListboxEventMap[K]): ListboxEventMap[K];
|
|
2247
1909
|
|
|
2248
1910
|
/**
|
|
2249
1911
|
* Props for Combobox.Button component.
|
|
@@ -2254,20 +1916,356 @@ declare function useComboboxEvent<K extends keyof ComboboxEventMap>(event: K, in
|
|
|
2254
1916
|
type ComboboxButtonProps<E extends ElementType$1 = typeof Button> = Omit<HasPolymorphicAs$1<E>, 'children' | 'role' | 'aria-controls' | 'aria-haspopup' | 'aria-expanded' | 'aria-activedescendant'> & HasRequiredLinkHref$1<E> & ReactToJSX<ComboboxButtonProps$1>;
|
|
2255
1917
|
|
|
2256
1918
|
/**
|
|
2257
|
-
*
|
|
2258
|
-
*
|
|
2259
|
-
*
|
|
2260
|
-
* (e.g., `as={IconButton}`, `as={Button}`). Defaults to `'button'`.
|
|
1919
|
+
* Popup type for the combobox listbox.
|
|
1920
|
+
* - `'listbox'`: Standard listbox with `role="listbox"` and `role="option"` items.
|
|
1921
|
+
* - `'grid'`: Grid mode with `role="grid"` and `role="gridcell"` items, enabling 2D keyboard navigation.
|
|
2261
1922
|
*/
|
|
2262
|
-
type
|
|
2263
|
-
|
|
2264
|
-
|
|
2265
|
-
|
|
2266
|
-
|
|
2267
|
-
/**
|
|
1923
|
+
type ListboxListType = 'listbox' | 'grid';
|
|
1924
|
+
/**
|
|
1925
|
+
* Defines the props for the core ListboxList template.
|
|
1926
|
+
*/
|
|
1927
|
+
interface ListboxListProps$1 extends HasClassName {
|
|
1928
|
+
/** Accessible label for the listbox (required for accessibility). */
|
|
1929
|
+
'aria-label'?: string;
|
|
1930
|
+
/**
|
|
1931
|
+
* Indicates that the listbox content is incomplete (loading).
|
|
1932
|
+
* Set to `true` when skeleton placeholders are present and no real options have loaded yet.
|
|
1933
|
+
* Omit (or set to `undefined`) when not loading — the attribute is not rendered as `"false"`.
|
|
1934
|
+
*/
|
|
1935
|
+
'aria-busy'?: boolean;
|
|
1936
|
+
/**
|
|
1937
|
+
* Allow selecting several options (`aria-multiselectable`).
|
|
1938
|
+
* Also read by `Combobox.SelectionIcon` to pick the checkbox icons.
|
|
1939
|
+
*/
|
|
1940
|
+
'aria-multiselectable'?: boolean | 'true' | 'false';
|
|
1941
|
+
/** Content (should be ListboxOption elements). */
|
|
1942
|
+
children?: JSXElement;
|
|
1943
|
+
/** The ID of the listbox element. */
|
|
1944
|
+
id?: string;
|
|
1945
|
+
/** ref to the root element */
|
|
1946
|
+
ref?: CommonRef;
|
|
1947
|
+
/**
|
|
1948
|
+
* The popup type. Set to "grid" when options have action buttons.
|
|
1949
|
+
* @default 'listbox'
|
|
1950
|
+
*/
|
|
1951
|
+
type?: ListboxListType;
|
|
1952
|
+
}
|
|
1953
|
+
|
|
1954
|
+
/** Props of the list component (`Combobox.List` and `Listbox.List`). */
|
|
1955
|
+
interface ListboxListProps extends ReactToJSX<ListboxListProps$1, 'aria-busy'> {
|
|
1956
|
+
}
|
|
1957
|
+
|
|
1958
|
+
/**
|
|
1959
|
+
* Defines the props for the core ListboxOption template.
|
|
1960
|
+
*/
|
|
1961
|
+
interface ListboxOptionProps$1 extends HasClassName {
|
|
1962
|
+
/** A component to be rendered before the content (e.g. an icon or avatar). */
|
|
1963
|
+
before?: JSXElement;
|
|
1964
|
+
/** A component to be rendered after the content (e.g. ListboxOptionAction elements). */
|
|
1965
|
+
after?: JSXElement;
|
|
1966
|
+
/** Content (option label). */
|
|
1967
|
+
children?: JSXElement;
|
|
1968
|
+
/** Props forwarded to a Tooltip wrapping the role="option" / role="gridcell" element. */
|
|
1969
|
+
tooltipProps?: Record<string, any>;
|
|
1970
|
+
/** Helper description. */
|
|
1971
|
+
description?: string;
|
|
1972
|
+
/** Unique ID for the option element. */
|
|
1973
|
+
id?: string;
|
|
1974
|
+
/** Unique ID for the description element (for aria-describedby). */
|
|
1975
|
+
descriptionId?: string;
|
|
1976
|
+
/** Whether the option is disabled. */
|
|
1977
|
+
isDisabled?: boolean;
|
|
1978
|
+
/** Whether the option is selected. */
|
|
1979
|
+
isSelected?: boolean;
|
|
1980
|
+
/** Whether the parent list is in grid mode. */
|
|
1981
|
+
isGrid?: boolean;
|
|
1982
|
+
/**
|
|
1983
|
+
* Whether the option is hidden (filtered out by auto-filter).
|
|
1984
|
+
* When true, renders a bare `<li hidden>` with only the children text — no ARIA roles,
|
|
1985
|
+
* no classes, no visual structure. This keeps the element in the DOM so its textContent
|
|
1986
|
+
* can be read for future filter evaluations, while naturally excluding it from
|
|
1987
|
+
* `[role="option"]` queries (focus navigation) and `.lumx-listbox-option` CSS rules
|
|
1988
|
+
* (section/popover auto-hide).
|
|
1989
|
+
*/
|
|
1990
|
+
hidden?: boolean;
|
|
1991
|
+
/** On click callback. */
|
|
1992
|
+
handleClick?(): void;
|
|
1993
|
+
/** Extra props forwarded to the inner action element (e.g. link props when as="a"). */
|
|
1994
|
+
actionProps?: Record<string, any>;
|
|
1995
|
+
/** ref to the root <li> element. */
|
|
1996
|
+
ref?: CommonRef;
|
|
1997
|
+
/** The value for this option (used for selection). */
|
|
1998
|
+
value?: string;
|
|
1999
|
+
}
|
|
2000
|
+
/**
|
|
2001
|
+
* Props that React/Vue wrappers need to re-declare with framework-specific types.
|
|
2002
|
+
* Used by `ReactToJSX<ListboxOptionProps, ListboxOptionPropsToOverride>`.
|
|
2003
|
+
*/
|
|
2004
|
+
type ListboxOptionPropsToOverride = 'before' | 'after' | 'children' | 'tooltipProps' | 'actionProps';
|
|
2005
|
+
|
|
2006
|
+
declare const ARIA_LINK_MODES: readonly ["aria-describedby", "aria-labelledby"];
|
|
2007
|
+
|
|
2008
|
+
/** Position of the tooltip relative to the anchor element. */
|
|
2009
|
+
type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
|
|
2010
|
+
/**
|
|
2011
|
+
* Framework-agnostic tooltip props (shared between React and Vue wrappers).
|
|
2012
|
+
*/
|
|
2013
|
+
interface TooltipProps$1 extends HasCloseMode {
|
|
2014
|
+
/** Delay (in ms) before closing the tooltip. */
|
|
2015
|
+
delay?: number;
|
|
2016
|
+
/** Whether the tooltip is displayed even without the mouse hovering the anchor. */
|
|
2017
|
+
forceOpen?: boolean;
|
|
2018
|
+
/** Label text. */
|
|
2019
|
+
label?: string | null | false;
|
|
2020
|
+
/** Placement of the tooltip relative to the anchor. */
|
|
2021
|
+
placement?: TooltipPlacement;
|
|
2022
|
+
/** Choose how the tooltip text should link to the anchor */
|
|
2023
|
+
ariaLinkMode?: (typeof ARIA_LINK_MODES)[number];
|
|
2024
|
+
/** Z-index for the tooltip */
|
|
2025
|
+
zIndex?: number;
|
|
2026
|
+
}
|
|
2027
|
+
|
|
2028
|
+
/**
|
|
2029
|
+
* Defines the props of the component.
|
|
2030
|
+
*/
|
|
2031
|
+
interface TooltipProps extends GenericProps$1, TooltipProps$1 {
|
|
2032
|
+
/** Anchor (element on which we activate the tooltip). */
|
|
2033
|
+
children: ReactNode;
|
|
2034
|
+
}
|
|
2035
|
+
/**
|
|
2036
|
+
* Tooltip component.
|
|
2037
|
+
*
|
|
2038
|
+
* @param props Component props.
|
|
2039
|
+
* @param ref Component ref.
|
|
2040
|
+
* @return React element.
|
|
2041
|
+
*/
|
|
2042
|
+
declare const Tooltip: Comp<TooltipProps, HTMLDivElement>;
|
|
2043
|
+
|
|
2044
|
+
/**
|
|
2045
|
+
* Props forwarded to the inner action element (button or link).
|
|
2046
|
+
*/
|
|
2047
|
+
type ListboxOptionActionProps$1<E extends ElementType$1 = 'button'> = HasPolymorphicAs$1<E> & HasRequiredLinkHref$1<E>;
|
|
2048
|
+
/**
|
|
2049
|
+
* Props for Combobox.Option component.
|
|
2050
|
+
*/
|
|
2051
|
+
interface ListboxOptionProps extends GenericProps$1, ReactToJSX<ListboxOptionProps$1, ListboxOptionPropsToOverride> {
|
|
2052
|
+
/** Display label for the option. */
|
|
2053
|
+
children?: ReactNode;
|
|
2054
|
+
/** On option clicked (or activated with keyboard) */
|
|
2055
|
+
onClick?(): void;
|
|
2056
|
+
/** Content rendered before the option label (e.g. an icon or avatar). */
|
|
2057
|
+
before?: ReactNode;
|
|
2058
|
+
/**
|
|
2059
|
+
* Content rendered after the option label.
|
|
2060
|
+
* In grid mode (`type="grid"` on the parent Combobox.List), use `Combobox.OptionAction` elements here
|
|
2061
|
+
* to add secondary action buttons. Each action becomes an independent `role="gridcell"`.
|
|
2062
|
+
*/
|
|
2063
|
+
after?: ReactNode;
|
|
2064
|
+
/** Props forwarded to a Tooltip wrapping the role="option" / role="gridcell" trigger element. */
|
|
2065
|
+
tooltipProps?: Partial<TooltipProps>;
|
|
2066
|
+
/** Props forwarded to the inner action element (e.g. `{ as: 'a', href: '/foo' }`). */
|
|
2067
|
+
actionProps?: ListboxOptionActionProps$1<any>;
|
|
2068
|
+
}
|
|
2069
|
+
|
|
2070
|
+
/**
|
|
2071
|
+
* Combobox.OptionAction props.
|
|
2072
|
+
*
|
|
2073
|
+
* Polymorphic component — use `as` to render as a different element or component
|
|
2074
|
+
* (e.g., `as={IconButton}`, `as={Button}`). Defaults to `'button'`.
|
|
2075
|
+
*/
|
|
2076
|
+
type ListboxOptionActionProps<E extends ElementType$1 = 'button'> = HasPolymorphicAs$1<E> & HasClassName$1 & HasRequiredLinkHref$1<E> & {
|
|
2077
|
+
/** Content of the action (icon, label, etc.). Optional when using a polymorphic `as` that provides its own content (e.g., IconButton). */
|
|
2078
|
+
children?: ReactNode;
|
|
2079
|
+
/** Whether the action is disabled. */
|
|
2080
|
+
isDisabled?: boolean;
|
|
2081
|
+
/** On click callback. */
|
|
2268
2082
|
onClick?(evt: SyntheticEvent): void;
|
|
2269
2083
|
};
|
|
2270
2084
|
|
|
2085
|
+
/**
|
|
2086
|
+
* Defines the props for the core ListboxOptionMoreInfo template.
|
|
2087
|
+
*/
|
|
2088
|
+
interface ListboxOptionMoreInfoProps$1 extends HasClassName {
|
|
2089
|
+
/** Popover content (additional details about the option). */
|
|
2090
|
+
children?: JSXElement;
|
|
2091
|
+
/** Whether the popover is open. */
|
|
2092
|
+
isOpen?: boolean;
|
|
2093
|
+
/** ID for the popover element (used for aria-describedby on the parent option). */
|
|
2094
|
+
popoverId: string;
|
|
2095
|
+
/** Ref for the anchor element (icon button). */
|
|
2096
|
+
ref?: CommonRef;
|
|
2097
|
+
/** Mouse enter callback. */
|
|
2098
|
+
onMouseEnter?(): void;
|
|
2099
|
+
/** Mouse leave callback. */
|
|
2100
|
+
onMouseLeave?(): void;
|
|
2101
|
+
/** Props forwarded to the IconButton. */
|
|
2102
|
+
buttonProps?: Record<string, any>;
|
|
2103
|
+
}
|
|
2104
|
+
/**
|
|
2105
|
+
* Props that React/Vue wrappers need to re-declare with framework-specific types.
|
|
2106
|
+
*/
|
|
2107
|
+
type ListboxOptionMoreInfoPropsToOverride = 'children' | 'popoverId' | 'isOpen';
|
|
2108
|
+
|
|
2109
|
+
/**
|
|
2110
|
+
* Props for Combobox.OptionMoreInfo component.
|
|
2111
|
+
*/
|
|
2112
|
+
interface ListboxOptionMoreInfoProps extends ReactToJSX<ListboxOptionMoreInfoProps$1, ListboxOptionMoreInfoPropsToOverride> {
|
|
2113
|
+
/** Content of the popover (additional details about the option). */
|
|
2114
|
+
children?: ReactNode;
|
|
2115
|
+
/** Callback when the popover opens or closes. */
|
|
2116
|
+
onToggle?(isOpen: boolean): void;
|
|
2117
|
+
/** Props forwarded to the IconButton. */
|
|
2118
|
+
buttonProps?: Partial<IconButtonProps>;
|
|
2119
|
+
}
|
|
2120
|
+
|
|
2121
|
+
/**
|
|
2122
|
+
* Defines the props for the core ListboxOptionSkeleton template.
|
|
2123
|
+
*/
|
|
2124
|
+
interface ListboxOptionSkeletonProps$1 extends HasClassName {
|
|
2125
|
+
/** Content rendered before the skeleton text (e.g. SkeletonCircle for avatar placeholders). */
|
|
2126
|
+
before?: JSXElement;
|
|
2127
|
+
/** Content rendered after the skeleton text. */
|
|
2128
|
+
after?: JSXElement;
|
|
2129
|
+
/** Show a secondary skeleton line (mirrors ListboxOption's `description` prop). */
|
|
2130
|
+
hasDescription?: boolean;
|
|
2131
|
+
/** Override the default SkeletonTypography content entirely. */
|
|
2132
|
+
children?: JSXElement;
|
|
2133
|
+
/** ref to the root <li> element. */
|
|
2134
|
+
ref?: CommonRef;
|
|
2135
|
+
/**
|
|
2136
|
+
* Number of skeleton `<li>` elements to render.
|
|
2137
|
+
* Each is an independent element with `:nth-child` width cycling applied by SCSS.
|
|
2138
|
+
* @default 1
|
|
2139
|
+
*/
|
|
2140
|
+
count?: number;
|
|
2141
|
+
}
|
|
2142
|
+
/**
|
|
2143
|
+
* Props that React/Vue wrappers need to re-declare with framework-specific types.
|
|
2144
|
+
* Used by `ReactToJSX<ListboxOptionSkeletonProps, ListboxOptionSkeletonPropsToOverride>`.
|
|
2145
|
+
*/
|
|
2146
|
+
type ListboxOptionSkeletonPropsToOverride = 'before' | 'after' | 'children';
|
|
2147
|
+
|
|
2148
|
+
/**
|
|
2149
|
+
* Props for Combobox.OptionSkeleton component.
|
|
2150
|
+
*/
|
|
2151
|
+
interface ListboxOptionSkeletonProps extends GenericProps$1, ReactToJSX<ListboxOptionSkeletonProps$1, ListboxOptionSkeletonPropsToOverride> {
|
|
2152
|
+
/** Content rendered before the skeleton text (e.g. SkeletonCircle for avatar placeholders). */
|
|
2153
|
+
before?: ReactNode;
|
|
2154
|
+
/** Content rendered after the skeleton text. */
|
|
2155
|
+
after?: ReactNode;
|
|
2156
|
+
/** Override the default SkeletonTypography content entirely. */
|
|
2157
|
+
children?: ReactNode;
|
|
2158
|
+
}
|
|
2159
|
+
|
|
2160
|
+
/**
|
|
2161
|
+
* Defines the props for the core ListboxSection template.
|
|
2162
|
+
*/
|
|
2163
|
+
interface ListboxSectionProps$1 extends HasClassName {
|
|
2164
|
+
/** Section label displayed as the group title. Accepts a plain string or custom JSX content. */
|
|
2165
|
+
label?: string | JSXElement;
|
|
2166
|
+
/** Section icon */
|
|
2167
|
+
icon?: string;
|
|
2168
|
+
/** Section content (should be ListboxOption elements). */
|
|
2169
|
+
children: JSXElement;
|
|
2170
|
+
/** ref to the root element. */
|
|
2171
|
+
ref?: CommonRef;
|
|
2172
|
+
/**
|
|
2173
|
+
* When true, the section renders as a bare `<li hidden>` wrapper, keeping children
|
|
2174
|
+
* mounted (so option registrations stay alive) but invisible to the user and screen readers.
|
|
2175
|
+
* Set automatically by the React/Vue wrapper when all child options are filtered out.
|
|
2176
|
+
*/
|
|
2177
|
+
hidden?: boolean;
|
|
2178
|
+
/**
|
|
2179
|
+
* When true, the section is visually rendered (label + content) but hidden from assistive
|
|
2180
|
+
* technology. Used for skeleton-only sections: the visual skeleton provides feedback to
|
|
2181
|
+
* sighted users, while the live region (`ListboxState`) handles the loading announcement.
|
|
2182
|
+
*/
|
|
2183
|
+
'aria-hidden'?: boolean;
|
|
2184
|
+
}
|
|
2185
|
+
/**
|
|
2186
|
+
* Props that React/Vue wrappers need to re-declare with framework-specific types.
|
|
2187
|
+
* Used by `ReactToJSX<ListboxSectionProps, ListboxSectionPropsToOverride>`.
|
|
2188
|
+
*/
|
|
2189
|
+
type ListboxSectionPropsToOverride = 'children';
|
|
2190
|
+
|
|
2191
|
+
/**
|
|
2192
|
+
* Props for Combobox.Section component.
|
|
2193
|
+
*/
|
|
2194
|
+
interface ListboxSectionProps extends GenericProps$1, ReactToJSX<ListboxSectionProps$1, ListboxSectionPropsToOverride> {
|
|
2195
|
+
/** Section content (should be Combobox.Option elements). */
|
|
2196
|
+
children: ReactNode;
|
|
2197
|
+
}
|
|
2198
|
+
|
|
2199
|
+
/**
|
|
2200
|
+
* Defines the props for the core ListboxState template.
|
|
2201
|
+
*/
|
|
2202
|
+
interface ListboxStateProps$1 {
|
|
2203
|
+
/**
|
|
2204
|
+
* Message to display when the list has no visible options.
|
|
2205
|
+
* Can be a plain string or a function receiving the current input value (for dynamic messages).
|
|
2206
|
+
* When omitted, the empty state is not shown.
|
|
2207
|
+
*/
|
|
2208
|
+
emptyMessage?: string | ((inputValue: string) => string);
|
|
2209
|
+
/**
|
|
2210
|
+
* Message callback to display the number of available options.
|
|
2211
|
+
* Called with the current visible option count and should return a human-readable string
|
|
2212
|
+
* (e.g. `(n) => \`${n} result(s) available\``).
|
|
2213
|
+
* Displayed when the combobox is open, not empty, not loading, and not in error.
|
|
2214
|
+
* When omitted, no option count message is shown.
|
|
2215
|
+
*/
|
|
2216
|
+
nbOptionMessage?: (optionsLength: number) => string;
|
|
2217
|
+
/**
|
|
2218
|
+
* Error state title message.
|
|
2219
|
+
* When provided, the error state is active (takes priority over the empty state).
|
|
2220
|
+
* When omitted, the error state is not shown.
|
|
2221
|
+
*/
|
|
2222
|
+
errorMessage?: string;
|
|
2223
|
+
/**
|
|
2224
|
+
* Secondary error message (e.g. "Please try again").
|
|
2225
|
+
* Only rendered when `errorMessage` is provided.
|
|
2226
|
+
*/
|
|
2227
|
+
errorTryReloadMessage?: string;
|
|
2228
|
+
/**
|
|
2229
|
+
* Message to announce when loading persists (after a 500ms debounce).
|
|
2230
|
+
* When omitted, no loading announcement is made.
|
|
2231
|
+
*/
|
|
2232
|
+
loadingMessage?: string;
|
|
2233
|
+
/**
|
|
2234
|
+
* List state
|
|
2235
|
+
*/
|
|
2236
|
+
state?: {
|
|
2237
|
+
/**
|
|
2238
|
+
* The number of currently visible options.
|
|
2239
|
+
* Driven by the framework wrapper via the combobox handle's `optionsChange` event.
|
|
2240
|
+
*/
|
|
2241
|
+
optionsLength?: number;
|
|
2242
|
+
/**
|
|
2243
|
+
* The current value of the combobox input.
|
|
2244
|
+
* Passed to `emptyMessage` when it is a function.
|
|
2245
|
+
*/
|
|
2246
|
+
inputValue?: string;
|
|
2247
|
+
/**
|
|
2248
|
+
* Whether loading is active (immediate, from `loadingChange` event).
|
|
2249
|
+
* Used to suppress false "empty" state while data is loading.
|
|
2250
|
+
*/
|
|
2251
|
+
isLoading?: boolean;
|
|
2252
|
+
/**
|
|
2253
|
+
* Whether the combobox popover is open.
|
|
2254
|
+
* Used to gate live region content so screen readers announce messages
|
|
2255
|
+
* when the popover opens (content insertion triggers `aria-live` announcement).
|
|
2256
|
+
*/
|
|
2257
|
+
isOpen?: boolean;
|
|
2258
|
+
};
|
|
2259
|
+
}
|
|
2260
|
+
|
|
2261
|
+
/**
|
|
2262
|
+
* Props for Combobox.State component.
|
|
2263
|
+
*/
|
|
2264
|
+
interface ListboxStateProps extends ReactToJSX<ListboxStateProps$1, 'state'> {
|
|
2265
|
+
/** Additional content rendered after the state message. */
|
|
2266
|
+
children?: ReactNode;
|
|
2267
|
+
}
|
|
2268
|
+
|
|
2271
2269
|
/**
|
|
2272
2270
|
* Combobox compound component namespace.
|
|
2273
2271
|
*/
|
|
@@ -2283,10 +2281,10 @@ declare const Combobox: {
|
|
|
2283
2281
|
};
|
|
2284
2282
|
/** Text input trigger for autocomplete combobox mode with optional toggle button and filtering. */
|
|
2285
2283
|
Input: Comp<ComboboxInputProps, HTMLDivElement>;
|
|
2286
|
-
/** Listbox container
|
|
2287
|
-
List: Comp<
|
|
2284
|
+
/** Listbox container linked to the combobox trigger (must be rendered inside `Combobox.Provider`). */
|
|
2285
|
+
List: Comp<ListboxListProps, HTMLUListElement>;
|
|
2288
2286
|
/** Selectable option item with filtering and keyboard navigation support. */
|
|
2289
|
-
Option: Comp<
|
|
2287
|
+
Option: Comp<ListboxOptionProps, HTMLLIElement>;
|
|
2290
2288
|
/** Secondary action button within a grid-mode option row, rendered as an independent gridcell. */
|
|
2291
2289
|
OptionAction: (<E extends React$1.ElementType = "button">(props: React$1.PropsWithoutRef<React$1.ComponentProps<E>> & {
|
|
2292
2290
|
as?: E | undefined;
|
|
@@ -2298,19 +2296,19 @@ declare const Combobox: {
|
|
|
2298
2296
|
ref?: ComponentRef<E> | undefined;
|
|
2299
2297
|
}) => React.JSX.Element) & {
|
|
2300
2298
|
displayName: string;
|
|
2301
|
-
className: "lumx-
|
|
2299
|
+
className: "lumx-listbox-option-action";
|
|
2302
2300
|
};
|
|
2303
2301
|
/** Info button on an option that shows a popover on hover or keyboard highlight. */
|
|
2304
2302
|
OptionMoreInfo: {
|
|
2305
|
-
(props:
|
|
2303
|
+
(props: ListboxOptionMoreInfoProps): react_jsx_runtime.JSX.Element;
|
|
2306
2304
|
displayName: string;
|
|
2307
|
-
className: "lumx-
|
|
2305
|
+
className: "lumx-listbox-option-more-info";
|
|
2308
2306
|
};
|
|
2309
2307
|
/** Loading placeholder skeleton(s) that auto-register loading state with the combobox handle. */
|
|
2310
2308
|
OptionSkeleton: {
|
|
2311
|
-
(props:
|
|
2309
|
+
(props: ListboxOptionSkeletonProps): react_jsx_runtime.JSX.Element;
|
|
2312
2310
|
displayName: string;
|
|
2313
|
-
className: "lumx-
|
|
2311
|
+
className: "lumx-listbox-option-skeleton";
|
|
2314
2312
|
};
|
|
2315
2313
|
/** Selection state icon (check circle / radio, or checkbox in multiple lists) for the `after` slot of an option. Reads the option `isSelected` and the list `aria-multiselectable`. */
|
|
2316
2314
|
SelectionIcon: {
|
|
@@ -2324,12 +2322,12 @@ declare const Combobox: {
|
|
|
2324
2322
|
className: "lumx-combobox-popover";
|
|
2325
2323
|
};
|
|
2326
2324
|
/** Labelled group of options that auto-hides when all its child options are filtered out. */
|
|
2327
|
-
Section: Comp<
|
|
2325
|
+
Section: Comp<ListboxSectionProps, HTMLLIElement>;
|
|
2328
2326
|
/** Displays empty, error, and loading state messages for the combobox list. */
|
|
2329
2327
|
State: {
|
|
2330
|
-
(props:
|
|
2328
|
+
(props: ListboxStateProps): react_jsx_runtime.JSX.Element;
|
|
2331
2329
|
displayName: string;
|
|
2332
|
-
className: "lumx-
|
|
2330
|
+
className: "lumx-listbox-state";
|
|
2333
2331
|
};
|
|
2334
2332
|
/** Visual separator between option groups (alias for ListDivider). Purely decorative — invisible to screen readers. */
|
|
2335
2333
|
Divider: Comp<ListDividerProps, HTMLLIElement>;
|
|
@@ -4651,7 +4649,7 @@ declare const SelectButton: {
|
|
|
4651
4649
|
displayName?: string;
|
|
4652
4650
|
} & {
|
|
4653
4651
|
/** Selectable option within the dropdown list. */
|
|
4654
|
-
Option: Comp<
|
|
4652
|
+
Option: Comp<ListboxOptionProps, HTMLLIElement>;
|
|
4655
4653
|
};
|
|
4656
4654
|
|
|
4657
4655
|
interface BaseSelectTextFieldProps<O = any> extends BaseSelectTextFieldWrapperProps<O>, HasClassName$1 {
|
|
@@ -4734,20 +4732,20 @@ declare const SelectTextField: {
|
|
|
4734
4732
|
displayName: string;
|
|
4735
4733
|
} & {
|
|
4736
4734
|
/** Selectable option within the dropdown list. */
|
|
4737
|
-
Option: Comp<
|
|
4735
|
+
Option: Comp<ListboxOptionProps, HTMLLIElement>;
|
|
4738
4736
|
/** Labelled group of options. */
|
|
4739
|
-
Section: Comp<
|
|
4737
|
+
Section: Comp<ListboxSectionProps, HTMLLIElement>;
|
|
4740
4738
|
/** Info icon on an option that reveals a popover with additional details. */
|
|
4741
4739
|
OptionMoreInfo: {
|
|
4742
|
-
(props:
|
|
4740
|
+
(props: ListboxOptionMoreInfoProps): react_jsx_runtime.JSX.Element;
|
|
4743
4741
|
displayName: string;
|
|
4744
|
-
className: "lumx-
|
|
4742
|
+
className: "lumx-listbox-option-more-info";
|
|
4745
4743
|
};
|
|
4746
4744
|
/** Skeleton loading placeholder for options being fetched. */
|
|
4747
4745
|
OptionSkeleton: {
|
|
4748
|
-
(props:
|
|
4746
|
+
(props: ListboxOptionSkeletonProps): react_jsx_runtime.JSX.Element;
|
|
4749
4747
|
displayName: string;
|
|
4750
|
-
className: "lumx-
|
|
4748
|
+
className: "lumx-listbox-option-skeleton";
|
|
4751
4749
|
};
|
|
4752
4750
|
/** Visual separator between option groups (alias for ListDivider). Purely decorative — invisible to screen readers. */
|
|
4753
4751
|
Divider: Comp<ListDividerProps, HTMLLIElement>;
|
|
@@ -5696,14 +5694,14 @@ interface TimePickerFieldWrapperProps {
|
|
|
5696
5694
|
/**
|
|
5697
5695
|
* Callback to customize individual option props.
|
|
5698
5696
|
* Called for each time option with the hour and minute.
|
|
5699
|
-
* Return partial `
|
|
5697
|
+
* Return partial `ListboxOptionProps` to override default option rendering
|
|
5700
5698
|
* (e.g. `before`, `after`, `children`, `tooltipProps`, `actionProps`).
|
|
5701
5699
|
* `isDisabled` is merged with the out-of-range state using `||`.
|
|
5702
5700
|
*/
|
|
5703
5701
|
getOptionProps?: ({ hour, minute }: {
|
|
5704
5702
|
hour: number;
|
|
5705
5703
|
minute: number;
|
|
5706
|
-
}) => Partial<
|
|
5704
|
+
}) => Partial<ListboxOptionProps$1>;
|
|
5707
5705
|
}
|
|
5708
5706
|
/**
|
|
5709
5707
|
* `SelectTextField` props managed internally by the `TimePickerField` wrappers
|
|
@@ -5996,4 +5994,4 @@ declare const ThemeProvider: React__default.FC<{
|
|
|
5996
5994
|
declare function useTheme(): ThemeContextValue;
|
|
5997
5995
|
|
|
5998
5996
|
export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonEmphasis, ButtonGroup, CLASSNAME$2 as CLASSNAME, COMPONENT_NAME$2 as COMPONENT_NAME, Card, Checkbox, Chip, ChipGroup, Combobox, CommentBlock, CommentBlockVariant, DEFAULT_PROPS$1 as DEFAULT_PROPS, DatePicker, DatePickerControlled, DatePickerField, Dialog, DialogHeading, Divider, DragHandle, Dropdown, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock, ImageBlockCaptionPosition, ImageLightbox, InlineList, InputHelper, InputLabel, InputRequiredLegend, Lightbox, Link, LinkPreview, List, ListDivider, ListItem, ListSection, ListSubheader, MenuButton, ListDivider as MenuDivider, MenuItem, Message, Mosaic, Navigation, Notification, Placement, Popover, PopoverDialog, PostBlock, Progress, ProgressCircular, ProgressLinear, ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressVariant, RadioButton, RadioGroup, RawInputText, RawInputTextarea, Select, SelectButton, SelectMultiple, SelectMultipleField, SelectTextField, SelectVariant, SelectionChipGroup, SideNavigation, SideNavigationItem, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, CLASSNAME as TIME_PICKER_FIELD_CLASSNAME, COMPONENT_NAME as TIME_PICKER_FIELD_COMPONENT_NAME, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableCellVariant as TableCellVariantType, TableHeader, TableRow, Text, TextField, ThOrder, ThOrder as ThOrderType, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant, TimePickerField, Toolbar, Tooltip, Uploader, UploaderVariant, UserBlock, clamp, useFocusPointStyle, useHeadingLevel, useTheme };
|
|
5999
|
-
export type { AlertDialogProps, AutocompleteMultipleProps, AutocompleteProps, AvatarProps, AvatarSize, BadgeProps, BadgeWrapperProps, BaseButtonProps, ButtonGroupProps, ButtonProps, ButtonSize, CardProps, CheckboxProps, ChipGroupProps, ChipProps, ComboboxButtonProps, ComboboxInputProps, ComboboxListProps, ComboboxOptionActionProps, ComboboxOptionMoreInfoProps, ComboboxOptionProps, ComboboxOptionSkeletonProps, ComboboxPopoverComponentProps, ComboboxPopoverProps, ComboboxProviderProps, ComboboxSectionProps, ComboboxStateProps, CommentBlockProps, DatePickerControlledProps, DatePickerFieldProps, DatePickerProps, DialogHeadingProps, DialogProps, DialogSizes, DividerProps, DragHandleProps, DropdownProps, Elevation, ExpansionPanelProps, FlagProps, FlexBoxProps, FlexHorizontalAlignment, FlexVerticalAlignment, FocusPoint, GapSize, GenericBlockProps, GenericBlockSectionProps, GridColumnGapSize, GridColumnProps, GridItemProps, GridProps, HeadingLevelProviderProps, HeadingProps, IconButtonProps, IconProps, IconSizes, ImageBlockProps, ImageBlockSize, ImageLightboxProps, InlineListProps, InputHelperProps, InputLabelProps, InputRequiredLegendProps, LightboxProps, LinkPreviewProps, LinkProps, ListDividerProps, ListItemProps, ListItemSize, ListProps, ListSectionProps, ListSubheaderProps, MarginAutoAlignment, MenuButtonProps, ListDividerProps as MenuDividerProps, MenuItemActionProps, MenuItemProps, MessageProps, MosaicProps, MultipleSelectButtonProps, MultipleSelectTextFieldProps, NavigationProps, NotificationProps, Offset, PopoverDialogProps, PopoverHeight, PopoverProps, PopoverWidth, PostBlockProps, ProgressCircularProps, ProgressCircularSize, ProgressLinearProps, ProgressProps, ProgressTrackerProps, ProgressTrackerProviderProps, ProgressTrackerStepPanelProps, ProgressTrackerStepProps, RadioButtonProps, RadioGroupProps, RawInputTextProps, RawInputTextareaProps, SelectButtonProps, SelectListStatus as SelectButtonStatus, SelectButtonTranslations, SelectListStatus, SelectMultipleProps, SelectProps, SelectTextFieldProps, SelectListStatus as SelectTextFieldStatus, SelectTextFieldTranslations, SelectionChipGroupProps, SideNavigationItemProps, SideNavigationProps, SingleSelectButtonProps, SingleSelectTextFieldProps, SkeletonCircleProps, SkeletonRectangleProps, SkeletonTypographyProps, SliderProps, SlidesProps, SlideshowControlsProps, SlideshowItemProps, SlideshowProps, SwitchProps, TabListProps, TabPanelProps, TabProps, TabProviderProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TextFieldProps, TextProps, ThumbnailProps, ThumbnailSize, TimePickerFieldProps, ToolbarProps, TooltipPlacement, TooltipProps, UploaderProps, UploaderSize, UserBlockProps, UserBlockSize };
|
|
5997
|
+
export type { AlertDialogProps, AutocompleteMultipleProps, AutocompleteProps, AvatarProps, AvatarSize, BadgeProps, BadgeWrapperProps, BaseButtonProps, ButtonGroupProps, ButtonProps, ButtonSize, CardProps, CheckboxProps, ChipGroupProps, ChipProps, ComboboxButtonProps, ComboboxInputProps, ListboxListProps as ComboboxListProps, ListboxOptionActionProps as ComboboxOptionActionProps, ListboxOptionMoreInfoProps as ComboboxOptionMoreInfoProps, ListboxOptionProps as ComboboxOptionProps, ListboxOptionSkeletonProps as ComboboxOptionSkeletonProps, ComboboxPopoverComponentProps, ComboboxPopoverProps, ComboboxProviderProps, ListboxSectionProps as ComboboxSectionProps, ListboxStateProps as ComboboxStateProps, CommentBlockProps, DatePickerControlledProps, DatePickerFieldProps, DatePickerProps, DialogHeadingProps, DialogProps, DialogSizes, DividerProps, DragHandleProps, DropdownProps, Elevation, ExpansionPanelProps, FlagProps, FlexBoxProps, FlexHorizontalAlignment, FlexVerticalAlignment, FocusPoint, GapSize, GenericBlockProps, GenericBlockSectionProps, GridColumnGapSize, GridColumnProps, GridItemProps, GridProps, HeadingLevelProviderProps, HeadingProps, IconButtonProps, IconProps, IconSizes, ImageBlockProps, ImageBlockSize, ImageLightboxProps, InlineListProps, InputHelperProps, InputLabelProps, InputRequiredLegendProps, LightboxProps, LinkPreviewProps, LinkProps, ListDividerProps, ListItemProps, ListItemSize, ListProps, ListSectionProps, ListSubheaderProps, MarginAutoAlignment, MenuButtonProps, ListDividerProps as MenuDividerProps, MenuItemActionProps, MenuItemProps, MessageProps, MosaicProps, MultipleSelectButtonProps, MultipleSelectTextFieldProps, NavigationProps, NotificationProps, Offset, PopoverDialogProps, PopoverHeight, PopoverProps, PopoverWidth, PostBlockProps, ProgressCircularProps, ProgressCircularSize, ProgressLinearProps, ProgressProps, ProgressTrackerProps, ProgressTrackerProviderProps, ProgressTrackerStepPanelProps, ProgressTrackerStepProps, RadioButtonProps, RadioGroupProps, RawInputTextProps, RawInputTextareaProps, SelectButtonProps, SelectListStatus as SelectButtonStatus, SelectButtonTranslations, SelectListStatus, SelectMultipleProps, SelectProps, SelectTextFieldProps, SelectListStatus as SelectTextFieldStatus, SelectTextFieldTranslations, SelectionChipGroupProps, SideNavigationItemProps, SideNavigationProps, SingleSelectButtonProps, SingleSelectTextFieldProps, SkeletonCircleProps, SkeletonRectangleProps, SkeletonTypographyProps, SliderProps, SlidesProps, SlideshowControlsProps, SlideshowItemProps, SlideshowProps, SwitchProps, TabListProps, TabPanelProps, TabProps, TabProviderProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TextFieldProps, TextProps, ThumbnailProps, ThumbnailSize, TimePickerFieldProps, ToolbarProps, TooltipPlacement, TooltipProps, UploaderProps, UploaderSize, UserBlockProps, UserBlockSize };
|