@lumx/react 4.25.1-alpha.3 → 4.25.1-alpha.5
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 +492 -498
- package/index.js +4442 -4245
- 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
|
*/
|
|
@@ -1621,273 +1512,44 @@ interface PopoverProps extends GenericProps$1, ReactToJSX<PopoverProps$1, 'ancho
|
|
|
1621
1512
|
children: ReactNode;
|
|
1622
1513
|
/** Element to focus when opening the popover. */
|
|
1623
1514
|
focusElement?: RefObject<HTMLElement>;
|
|
1624
|
-
/** Reference to the parent element that triggered the popover (will get back focus on close or else fallback on the anchor element). */
|
|
1625
|
-
parentElement?: RefObject<HTMLElement>;
|
|
1626
|
-
/** Whether the popover should be rendered into a DOM node that exists outside the DOM hierarchy of the parent component. */
|
|
1627
|
-
usePortal?: boolean;
|
|
1628
|
-
/** The element in which the focus trap should be set. Default to popover. */
|
|
1629
|
-
focusTrapZoneElement?: RefObject<HTMLElement>;
|
|
1630
|
-
/** On close callback (on click away or Escape pressed). */
|
|
1631
|
-
onClose?(): void;
|
|
1632
|
-
}
|
|
1633
|
-
/**
|
|
1634
|
-
* Popover component.
|
|
1635
|
-
*
|
|
1636
|
-
* @param props Component props.
|
|
1637
|
-
* @param ref Component ref.
|
|
1638
|
-
* @return React element.
|
|
1639
|
-
*/
|
|
1640
|
-
declare const Popover: Comp<PopoverProps, HTMLDivElement>;
|
|
1641
|
-
|
|
1642
|
-
/**
|
|
1643
|
-
* Props for Popover that can be passed to Combobox.Popover.
|
|
1644
|
-
* Excludes isOpen, anchorRef, children, and onClose which are managed internally.
|
|
1645
|
-
*/
|
|
1646
|
-
type ComboboxPopoverProps = Partial<Omit<PopoverProps, 'isOpen' | 'anchorRef' | 'children' | 'onClose'>>;
|
|
1647
|
-
/**
|
|
1648
|
-
* Props for the Combobox.Popover component.
|
|
1649
|
-
*/
|
|
1650
|
-
interface ComboboxPopoverComponentProps extends ComboboxPopoverProps {
|
|
1651
|
-
/** Content (should contain a Combobox.List). */
|
|
1652
|
-
children: ReactNode;
|
|
1653
|
-
}
|
|
1654
|
-
|
|
1655
|
-
/**
|
|
1656
|
-
* Defines the props for the core ComboboxOptionSkeleton template.
|
|
1657
|
-
*/
|
|
1658
|
-
interface ComboboxOptionSkeletonProps$1 extends HasClassName {
|
|
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;
|
|
1669
|
-
/**
|
|
1670
|
-
* Number of skeleton `<li>` elements to render.
|
|
1671
|
-
* Each is an independent element with `:nth-child` width cycling applied by SCSS.
|
|
1672
|
-
* @default 1
|
|
1673
|
-
*/
|
|
1674
|
-
count?: number;
|
|
1675
|
-
}
|
|
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
|
-
|
|
1682
|
-
/**
|
|
1683
|
-
* Props for Combobox.OptionSkeleton component.
|
|
1684
|
-
*/
|
|
1685
|
-
interface ComboboxOptionSkeletonProps extends GenericProps$1, ReactToJSX<ComboboxOptionSkeletonProps$1, ComboboxOptionSkeletonPropsToOverride> {
|
|
1686
|
-
/** Content rendered before the skeleton text (e.g. SkeletonCircle for avatar placeholders). */
|
|
1687
|
-
before?: ReactNode;
|
|
1688
|
-
/** Content rendered after the skeleton text. */
|
|
1689
|
-
after?: ReactNode;
|
|
1690
|
-
/** Override the default SkeletonTypography content entirely. */
|
|
1691
|
-
children?: ReactNode;
|
|
1692
|
-
}
|
|
1693
|
-
|
|
1694
|
-
/**
|
|
1695
|
-
* Defines the props for the core ComboboxOptionMoreInfo template.
|
|
1696
|
-
*/
|
|
1697
|
-
interface ComboboxOptionMoreInfoProps$1 extends HasClassName {
|
|
1698
|
-
/** Popover content (additional details about the option). */
|
|
1699
|
-
children?: JSXElement;
|
|
1700
|
-
/** Whether the popover is open. */
|
|
1701
|
-
isOpen?: boolean;
|
|
1702
|
-
/** ID for the popover element (used for aria-describedby on the parent option). */
|
|
1703
|
-
popoverId: string;
|
|
1704
|
-
/** Ref for the anchor element (icon button). */
|
|
1705
|
-
ref?: CommonRef;
|
|
1706
|
-
/** Mouse enter callback. */
|
|
1707
|
-
onMouseEnter?(): void;
|
|
1708
|
-
/** Mouse leave callback. */
|
|
1709
|
-
onMouseLeave?(): void;
|
|
1710
|
-
/** Props forwarded to the IconButton. */
|
|
1711
|
-
buttonProps?: Record<string, any>;
|
|
1712
|
-
}
|
|
1713
|
-
/**
|
|
1714
|
-
* Props that React/Vue wrappers need to re-declare with framework-specific types.
|
|
1715
|
-
*/
|
|
1716
|
-
type ComboboxOptionMoreInfoPropsToOverride = 'children' | 'popoverId' | 'isOpen';
|
|
1717
|
-
|
|
1718
|
-
/**
|
|
1719
|
-
* Props for Combobox.OptionMoreInfo component.
|
|
1720
|
-
*/
|
|
1721
|
-
interface ComboboxOptionMoreInfoProps extends ReactToJSX<ComboboxOptionMoreInfoProps$1, ComboboxOptionMoreInfoPropsToOverride> {
|
|
1722
|
-
/** Content of the popover (additional details about the option). */
|
|
1723
|
-
children?: ReactNode;
|
|
1724
|
-
/** Callback when the popover opens or closes. */
|
|
1725
|
-
onToggle?(isOpen: boolean): void;
|
|
1726
|
-
/** Props forwarded to the IconButton. */
|
|
1727
|
-
buttonProps?: Partial<IconButtonProps>;
|
|
1728
|
-
}
|
|
1729
|
-
|
|
1730
|
-
/**
|
|
1731
|
-
* Defines the props for the core ComboboxOption template.
|
|
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;
|
|
1515
|
+
/** Reference to the parent element that triggered the popover (will get back focus on close or else fallback on the anchor element). */
|
|
1516
|
+
parentElement?: RefObject<HTMLElement>;
|
|
1517
|
+
/** Whether the popover should be rendered into a DOM node that exists outside the DOM hierarchy of the parent component. */
|
|
1518
|
+
usePortal?: boolean;
|
|
1519
|
+
/** The element in which the focus trap should be set. Default to popover. */
|
|
1520
|
+
focusTrapZoneElement?: RefObject<HTMLElement>;
|
|
1521
|
+
/** On close callback (on click away or Escape pressed). */
|
|
1522
|
+
onClose?(): void;
|
|
1876
1523
|
}
|
|
1524
|
+
/**
|
|
1525
|
+
* Popover component.
|
|
1526
|
+
*
|
|
1527
|
+
* @param props Component props.
|
|
1528
|
+
* @param ref Component ref.
|
|
1529
|
+
* @return React element.
|
|
1530
|
+
*/
|
|
1531
|
+
declare const Popover: Comp<PopoverProps, HTMLDivElement>;
|
|
1877
1532
|
|
|
1878
|
-
/**
|
|
1879
|
-
|
|
1533
|
+
/**
|
|
1534
|
+
* Props for Popover that can be passed to Combobox.Popover.
|
|
1535
|
+
* Excludes isOpen, anchorRef, children, and onClose which are managed internally.
|
|
1536
|
+
*/
|
|
1537
|
+
type ComboboxPopoverProps = Partial<Omit<PopoverProps, 'isOpen' | 'anchorRef' | 'children' | 'onClose'>>;
|
|
1538
|
+
/**
|
|
1539
|
+
* Props for the Combobox.Popover component.
|
|
1540
|
+
*/
|
|
1541
|
+
interface ComboboxPopoverComponentProps extends ComboboxPopoverProps {
|
|
1542
|
+
/** Content (should contain a Combobox.List). */
|
|
1543
|
+
children: ReactNode;
|
|
1880
1544
|
}
|
|
1881
1545
|
|
|
1882
|
-
/** Map of
|
|
1883
|
-
interface
|
|
1884
|
-
/** Fired when the combobox open state changes. Payload: whether the combobox is open. */
|
|
1885
|
-
open: boolean;
|
|
1546
|
+
/** Map of listbox event names to their payload types. */
|
|
1547
|
+
interface ListboxEventMap {
|
|
1886
1548
|
/** Fired when the active descendant changes (visual focus). Payload: the option id or null. */
|
|
1887
1549
|
activeDescendantChange: string | null;
|
|
1888
1550
|
/**
|
|
1889
1551
|
* Fired when the visible option count changes.
|
|
1890
|
-
* Payload: the number of visible options plus the current input value.
|
|
1552
|
+
* Payload: the number of visible options plus the current input value (combobox only).
|
|
1891
1553
|
*/
|
|
1892
1554
|
optionsChange: {
|
|
1893
1555
|
optionsLength: number;
|
|
@@ -1895,14 +1557,20 @@ interface ComboboxEventMap {
|
|
|
1895
1557
|
} | undefined;
|
|
1896
1558
|
/**
|
|
1897
1559
|
* Fired immediately when the aggregate loading state changes (skeleton count transitions
|
|
1898
|
-
* between 0 and >0). Used for empty suppression in
|
|
1560
|
+
* between 0 and >0). Used for empty suppression in ListboxState and for aria-busy on the listbox.
|
|
1899
1561
|
*/
|
|
1900
1562
|
loadingChange: boolean;
|
|
1901
1563
|
/**
|
|
1902
|
-
* Fired after a 500ms debounce when loading persists
|
|
1903
|
-
* Used to control the loading message text in the live region
|
|
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.
|
|
1904
1566
|
*/
|
|
1905
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;
|
|
1906
1574
|
/**
|
|
1907
1575
|
* Fired only when this option becomes the active descendant (true)
|
|
1908
1576
|
* or stops being the active descendant (false).
|
|
@@ -1910,6 +1578,7 @@ interface ComboboxEventMap {
|
|
|
1910
1578
|
*/
|
|
1911
1579
|
[event: OptionActiveEvent]: boolean;
|
|
1912
1580
|
}
|
|
1581
|
+
|
|
1913
1582
|
/** Callbacks provided by the consumer (React/Vue) to react to combobox state changes. */
|
|
1914
1583
|
interface ComboboxCallbacks {
|
|
1915
1584
|
/** Called when an option is selected (click or keyboard). */
|
|
@@ -2125,148 +1794,477 @@ interface RawInputTextProps$1 extends HasTheme, HasClassName {
|
|
|
2125
1794
|
handleBlur?: (event?: any) => void;
|
|
2126
1795
|
}
|
|
2127
1796
|
|
|
2128
|
-
type NativeInputProps = Omit<ComponentProps<'input'>, 'value' | 'onChange'>;
|
|
1797
|
+
type NativeInputProps = Omit<ComponentProps<'input'>, 'value' | 'onChange'>;
|
|
1798
|
+
/**
|
|
1799
|
+
* Defines the props of the component.
|
|
1800
|
+
*/
|
|
1801
|
+
interface RawInputTextProps extends NativeInputProps, ReactToJSX<RawInputTextProps$1> {
|
|
1802
|
+
onChange?: (value: string, name?: string, event?: SyntheticEvent) => void;
|
|
1803
|
+
}
|
|
1804
|
+
|
|
1805
|
+
/**
|
|
1806
|
+
* Raw input text component
|
|
1807
|
+
* (input element without any decoration)
|
|
1808
|
+
*/
|
|
1809
|
+
declare const RawInputText: Comp<RawInputTextProps, HTMLInputElement>;
|
|
1810
|
+
|
|
1811
|
+
/**
|
|
1812
|
+
* Defines the props of the component.
|
|
1813
|
+
*/
|
|
1814
|
+
interface RawInputTextareaProps$1 extends HasTheme, HasClassName {
|
|
1815
|
+
value?: string;
|
|
1816
|
+
rows?: number;
|
|
1817
|
+
name?: string | undefined;
|
|
1818
|
+
ref?: CommonRef;
|
|
1819
|
+
handleChange?: (value: string, name?: string, event?: any) => void;
|
|
1820
|
+
handleInput?: (value: string, name?: string, event?: any) => void;
|
|
1821
|
+
handleFocus?: (event?: any) => void;
|
|
1822
|
+
handleBlur?: (event?: any) => void;
|
|
1823
|
+
}
|
|
1824
|
+
|
|
1825
|
+
type NativeTextareaProps = Omit<ComponentProps<'textarea'>, 'value' | 'onChange'>;
|
|
1826
|
+
/**
|
|
1827
|
+
* Defines the props of the component.
|
|
1828
|
+
*/
|
|
1829
|
+
interface RawInputTextareaProps extends NativeTextareaProps, ReactToJSX<RawInputTextareaProps$1, 'rows'> {
|
|
1830
|
+
minimumRows?: number;
|
|
1831
|
+
onChange?: (value: string, name?: string, event?: SyntheticEvent) => void;
|
|
1832
|
+
}
|
|
1833
|
+
/**
|
|
1834
|
+
* Raw input text area component
|
|
1835
|
+
* (textarea element without any decoration)
|
|
1836
|
+
*/
|
|
1837
|
+
declare const RawInputTextarea: Comp<Omit<RawInputTextareaProps, "type">, HTMLTextAreaElement>;
|
|
1838
|
+
|
|
1839
|
+
/**
|
|
1840
|
+
* Props for Combobox.Input component.
|
|
1841
|
+
* Note: role, aria-autocomplete, aria-controls, aria-expanded are set internally and cannot be overridden.
|
|
1842
|
+
*/
|
|
1843
|
+
interface ComboboxInputProps extends TextFieldProps, ReactToJSX<ComboboxInputProps$1, ComboboxInputPropsToOverride> {
|
|
1844
|
+
/**
|
|
1845
|
+
* Props for the toggle button.
|
|
1846
|
+
* When provided, a chevron button will be rendered in the text field's afterElement
|
|
1847
|
+
* to toggle the listbox visibility.
|
|
1848
|
+
*/
|
|
1849
|
+
toggleButtonProps?: Pick<IconButtonProps, 'label'> & Partial<Omit<IconButtonProps, 'label'>>;
|
|
1850
|
+
}
|
|
1851
|
+
|
|
1852
|
+
/**
|
|
1853
|
+
* Label display mode for the ComboboxButton.
|
|
1854
|
+
* - `'show-selection'`: Show the selected value if available, otherwise the label.
|
|
1855
|
+
* - `'show-label'`: Always show the label.
|
|
1856
|
+
* - `'show-tooltip'`: Show nothing in the button; label appears only in tooltip.
|
|
1857
|
+
*/
|
|
1858
|
+
type ComboboxButtonLabelDisplayMode = 'show-selection' | 'show-label' | 'show-tooltip';
|
|
1859
|
+
/**
|
|
1860
|
+
* Defines the props for the core ComboboxButton template.
|
|
1861
|
+
*/
|
|
1862
|
+
interface ComboboxButtonProps$1 extends HasClassName, ComboboxCallbacks {
|
|
1863
|
+
/** The label for the button (used for ARIA and tooltip). */
|
|
1864
|
+
label: string;
|
|
1865
|
+
/** The currently selected value to display. */
|
|
1866
|
+
value?: string;
|
|
1867
|
+
/** Controls how the label/value is displayed. */
|
|
1868
|
+
labelDisplayMode?: ComboboxButtonLabelDisplayMode;
|
|
1869
|
+
/** The ID of the listbox element (for aria-controls). */
|
|
1870
|
+
listboxId?: string;
|
|
1871
|
+
/** Whether the combobox is open. */
|
|
1872
|
+
isOpen?: boolean;
|
|
1873
|
+
/** ref to the root button element. */
|
|
1874
|
+
ref?: CommonRef;
|
|
1875
|
+
/** Custom render button */
|
|
1876
|
+
renderButton?: (buttonProps: Record<string, any>) => JSXElement;
|
|
1877
|
+
}
|
|
1878
|
+
|
|
1879
|
+
/**
|
|
1880
|
+
* Defines the props of the component.
|
|
1881
|
+
*/
|
|
1882
|
+
interface ComboboxProviderProps {
|
|
1883
|
+
/** Combobox content. */
|
|
1884
|
+
children?: ReactNode;
|
|
1885
|
+
/** Callback fired when the combobox open state changes. */
|
|
1886
|
+
onOpen?: (isOpen: boolean) => void;
|
|
1887
|
+
}
|
|
1888
|
+
/**
|
|
1889
|
+
* Combobox.Provider component.
|
|
1890
|
+
*
|
|
1891
|
+
* Provides shared context to sub-components. The vanilla JS combobox handle is
|
|
1892
|
+
* created by the trigger sub-component (Combobox.Input or Combobox.Button) on mount.
|
|
1893
|
+
*
|
|
1894
|
+
* @param props Component props.
|
|
1895
|
+
* @return React element.
|
|
1896
|
+
*/
|
|
1897
|
+
declare function ComboboxProvider(props: ComboboxProviderProps): react_jsx_runtime.JSX.Element;
|
|
1898
|
+
declare namespace ComboboxProvider {
|
|
1899
|
+
var displayName: string;
|
|
1900
|
+
}
|
|
1901
|
+
|
|
1902
|
+
/**
|
|
1903
|
+
* Hook to subscribe to a combobox event (`open`, `optionsChange`, `loadingChange`,
|
|
1904
|
+
* `activeDescendantChange`, …). Must be used within a `Combobox.Provider`.
|
|
1905
|
+
*
|
|
1906
|
+
* The events are dispatched by the listbox handle of the combobox (see {@link useListboxEvent}).
|
|
1907
|
+
*/
|
|
1908
|
+
declare function useComboboxEvent<K extends keyof ListboxEventMap>(event: K, initialValue: ListboxEventMap[K]): ListboxEventMap[K];
|
|
1909
|
+
|
|
1910
|
+
/**
|
|
1911
|
+
* Props for Combobox.Button component.
|
|
1912
|
+
*
|
|
1913
|
+
* Polymorphic component — use `as` to render the trigger as a different element or component
|
|
1914
|
+
* (e.g., `as="a"`, `as={RouterLink}`). Defaults to the LumX `Button` component.
|
|
1915
|
+
*/
|
|
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>;
|
|
1917
|
+
|
|
1918
|
+
/**
|
|
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.
|
|
1922
|
+
*/
|
|
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
|
+
|
|
2129
2044
|
/**
|
|
2130
|
-
*
|
|
2045
|
+
* Props forwarded to the inner action element (button or link).
|
|
2131
2046
|
*/
|
|
2132
|
-
|
|
2133
|
-
|
|
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>;
|
|
2134
2068
|
}
|
|
2135
2069
|
|
|
2136
2070
|
/**
|
|
2137
|
-
*
|
|
2138
|
-
*
|
|
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'`.
|
|
2139
2075
|
*/
|
|
2140
|
-
|
|
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. */
|
|
2082
|
+
onClick?(evt: SyntheticEvent): void;
|
|
2083
|
+
};
|
|
2141
2084
|
|
|
2142
2085
|
/**
|
|
2143
|
-
* Defines the props
|
|
2086
|
+
* Defines the props for the core ListboxOptionMoreInfo template.
|
|
2144
2087
|
*/
|
|
2145
|
-
interface
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
|
|
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). */
|
|
2149
2096
|
ref?: CommonRef;
|
|
2150
|
-
|
|
2151
|
-
|
|
2152
|
-
|
|
2153
|
-
|
|
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>;
|
|
2154
2103
|
}
|
|
2155
|
-
|
|
2156
|
-
type NativeTextareaProps = Omit<ComponentProps<'textarea'>, 'value' | 'onChange'>;
|
|
2157
2104
|
/**
|
|
2158
|
-
*
|
|
2105
|
+
* Props that React/Vue wrappers need to re-declare with framework-specific types.
|
|
2159
2106
|
*/
|
|
2160
|
-
|
|
2161
|
-
|
|
2162
|
-
onChange?: (value: string, name?: string, event?: SyntheticEvent) => void;
|
|
2163
|
-
}
|
|
2107
|
+
type ListboxOptionMoreInfoPropsToOverride = 'children' | 'popoverId' | 'isOpen';
|
|
2108
|
+
|
|
2164
2109
|
/**
|
|
2165
|
-
*
|
|
2166
|
-
* (textarea element without any decoration)
|
|
2110
|
+
* Props for Combobox.OptionMoreInfo component.
|
|
2167
2111
|
*/
|
|
2168
|
-
|
|
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
|
+
}
|
|
2169
2120
|
|
|
2170
2121
|
/**
|
|
2171
|
-
*
|
|
2172
|
-
* Note: role, aria-autocomplete, aria-controls, aria-expanded are set internally and cannot be overridden.
|
|
2122
|
+
* Defines the props for the core ListboxOptionSkeleton template.
|
|
2173
2123
|
*/
|
|
2174
|
-
interface
|
|
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;
|
|
2175
2135
|
/**
|
|
2176
|
-
*
|
|
2177
|
-
*
|
|
2178
|
-
*
|
|
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
|
|
2179
2139
|
*/
|
|
2180
|
-
|
|
2140
|
+
count?: number;
|
|
2181
2141
|
}
|
|
2182
|
-
|
|
2183
2142
|
/**
|
|
2184
|
-
*
|
|
2185
|
-
*
|
|
2186
|
-
* - `'show-label'`: Always show the label.
|
|
2187
|
-
* - `'show-tooltip'`: Show nothing in the button; label appears only in tooltip.
|
|
2143
|
+
* Props that React/Vue wrappers need to re-declare with framework-specific types.
|
|
2144
|
+
* Used by `ReactToJSX<ListboxOptionSkeletonProps, ListboxOptionSkeletonPropsToOverride>`.
|
|
2188
2145
|
*/
|
|
2189
|
-
type
|
|
2146
|
+
type ListboxOptionSkeletonPropsToOverride = 'before' | 'after' | 'children';
|
|
2147
|
+
|
|
2190
2148
|
/**
|
|
2191
|
-
*
|
|
2149
|
+
* Props for Combobox.OptionSkeleton component.
|
|
2192
2150
|
*/
|
|
2193
|
-
interface
|
|
2194
|
-
/**
|
|
2195
|
-
|
|
2196
|
-
/**
|
|
2197
|
-
|
|
2198
|
-
/**
|
|
2199
|
-
|
|
2200
|
-
/** The ID of the listbox element (for aria-controls). */
|
|
2201
|
-
listboxId?: string;
|
|
2202
|
-
/** Whether the combobox is open. */
|
|
2203
|
-
isOpen?: boolean;
|
|
2204
|
-
/** ref to the root button element. */
|
|
2205
|
-
ref?: CommonRef;
|
|
2206
|
-
/** Custom render button */
|
|
2207
|
-
renderButton?: (buttonProps: Record<string, any>) => JSXElement;
|
|
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;
|
|
2208
2158
|
}
|
|
2209
2159
|
|
|
2210
2160
|
/**
|
|
2211
|
-
* Defines the props
|
|
2161
|
+
* Defines the props for the core ListboxSection template.
|
|
2212
2162
|
*/
|
|
2213
|
-
interface
|
|
2214
|
-
/**
|
|
2215
|
-
|
|
2216
|
-
/**
|
|
2217
|
-
|
|
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;
|
|
2218
2184
|
}
|
|
2219
2185
|
/**
|
|
2220
|
-
*
|
|
2221
|
-
*
|
|
2222
|
-
* Provides shared context to sub-components. The vanilla JS combobox handle is
|
|
2223
|
-
* created by the trigger sub-component (Combobox.Input or Combobox.Button) on mount.
|
|
2224
|
-
*
|
|
2225
|
-
* @param props Component props.
|
|
2226
|
-
* @return React element.
|
|
2186
|
+
* Props that React/Vue wrappers need to re-declare with framework-specific types.
|
|
2187
|
+
* Used by `ReactToJSX<ListboxSectionProps, ListboxSectionPropsToOverride>`.
|
|
2227
2188
|
*/
|
|
2228
|
-
|
|
2229
|
-
declare namespace ComboboxProvider {
|
|
2230
|
-
var displayName: string;
|
|
2231
|
-
}
|
|
2189
|
+
type ListboxSectionPropsToOverride = 'children';
|
|
2232
2190
|
|
|
2233
2191
|
/**
|
|
2234
|
-
*
|
|
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.
|
|
2241
|
-
*
|
|
2242
|
-
* The handle dispatches synchronously, so the store update fires within the triggering render/event
|
|
2243
|
-
* (inside React's `act` in tests) rather than a deferred microtask. Re-subscribes when the handle
|
|
2244
|
-
* changes (e.g. trigger mount/unmount).
|
|
2192
|
+
* Props for Combobox.Section component.
|
|
2245
2193
|
*/
|
|
2246
|
-
|
|
2194
|
+
interface ListboxSectionProps extends GenericProps$1, ReactToJSX<ListboxSectionProps$1, ListboxSectionPropsToOverride> {
|
|
2195
|
+
/** Section content (should be Combobox.Option elements). */
|
|
2196
|
+
children: ReactNode;
|
|
2197
|
+
}
|
|
2247
2198
|
|
|
2248
2199
|
/**
|
|
2249
|
-
*
|
|
2250
|
-
*
|
|
2251
|
-
* Polymorphic component — use `as` to render the trigger as a different element or component
|
|
2252
|
-
* (e.g., `as="a"`, `as={RouterLink}`). Defaults to the LumX `Button` component.
|
|
2200
|
+
* Defines the props for the core ListboxState template.
|
|
2253
2201
|
*/
|
|
2254
|
-
|
|
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
|
+
}
|
|
2255
2260
|
|
|
2256
2261
|
/**
|
|
2257
|
-
* Combobox.
|
|
2258
|
-
*
|
|
2259
|
-
* Polymorphic component — use `as` to render as a different element or component
|
|
2260
|
-
* (e.g., `as={IconButton}`, `as={Button}`). Defaults to `'button'`.
|
|
2262
|
+
* Props for Combobox.State component.
|
|
2261
2263
|
*/
|
|
2262
|
-
|
|
2263
|
-
/**
|
|
2264
|
+
interface ListboxStateProps extends ReactToJSX<ListboxStateProps$1, 'state'> {
|
|
2265
|
+
/** Additional content rendered after the state message. */
|
|
2264
2266
|
children?: ReactNode;
|
|
2265
|
-
|
|
2266
|
-
isDisabled?: boolean;
|
|
2267
|
-
/** On click callback. */
|
|
2268
|
-
onClick?(evt: SyntheticEvent): void;
|
|
2269
|
-
};
|
|
2267
|
+
}
|
|
2270
2268
|
|
|
2271
2269
|
/**
|
|
2272
2270
|
* Combobox compound component namespace.
|
|
@@ -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>;
|
|
@@ -4324,12 +4322,6 @@ interface RenderOptionContext {
|
|
|
4324
4322
|
isSelected: boolean;
|
|
4325
4323
|
/** Resolved description string (from `getOptionDescription`), if any. Should be forwarded as `description`. */
|
|
4326
4324
|
description?: string | null;
|
|
4327
|
-
/**
|
|
4328
|
-
* Selection state icon to render after the option label
|
|
4329
|
-
* (single selection: check circle when selected, blank radio otherwise; multiple selection: checkbox).
|
|
4330
|
-
* Should be forwarded as `after` (appended after any custom `after` content).
|
|
4331
|
-
*/
|
|
4332
|
-
after?: JSXElement;
|
|
4333
4325
|
}
|
|
4334
4326
|
interface BaseSelectProps<O> {
|
|
4335
4327
|
/** List of option objects. */
|
|
@@ -4498,6 +4490,8 @@ interface BaseSelectTextFieldWrapperProps<O> extends Pick<BaseSelectProps<O>, 'o
|
|
|
4498
4490
|
maxLength?: number;
|
|
4499
4491
|
/** Accessible label for the input element (overrides the visual label for screen readers). */
|
|
4500
4492
|
ariaLabel?: string;
|
|
4493
|
+
/** Additional props forwarded to the field label (e.g. `className: 'visually-hidden'`, `typography`). */
|
|
4494
|
+
labelProps?: Partial<Omit<InputLabelProps$1, 'children' | 'htmlFor' | 'id'>>;
|
|
4501
4495
|
/** Additional props forwarded to the Combobox.Input (and ultimately to TextField). */
|
|
4502
4496
|
inputProps?: Record<string, any>;
|
|
4503
4497
|
/** Props forwarded to the Combobox.Popover. */
|
|
@@ -4655,7 +4649,7 @@ declare const SelectButton: {
|
|
|
4655
4649
|
displayName?: string;
|
|
4656
4650
|
} & {
|
|
4657
4651
|
/** Selectable option within the dropdown list. */
|
|
4658
|
-
Option: Comp<
|
|
4652
|
+
Option: Comp<ListboxOptionProps, HTMLLIElement>;
|
|
4659
4653
|
};
|
|
4660
4654
|
|
|
4661
4655
|
interface BaseSelectTextFieldProps<O = any> extends BaseSelectTextFieldWrapperProps<O>, HasClassName$1 {
|
|
@@ -4738,20 +4732,20 @@ declare const SelectTextField: {
|
|
|
4738
4732
|
displayName: string;
|
|
4739
4733
|
} & {
|
|
4740
4734
|
/** Selectable option within the dropdown list. */
|
|
4741
|
-
Option: Comp<
|
|
4735
|
+
Option: Comp<ListboxOptionProps, HTMLLIElement>;
|
|
4742
4736
|
/** Labelled group of options. */
|
|
4743
|
-
Section: Comp<
|
|
4737
|
+
Section: Comp<ListboxSectionProps, HTMLLIElement>;
|
|
4744
4738
|
/** Info icon on an option that reveals a popover with additional details. */
|
|
4745
4739
|
OptionMoreInfo: {
|
|
4746
|
-
(props:
|
|
4740
|
+
(props: ListboxOptionMoreInfoProps): react_jsx_runtime.JSX.Element;
|
|
4747
4741
|
displayName: string;
|
|
4748
|
-
className: "lumx-
|
|
4742
|
+
className: "lumx-listbox-option-more-info";
|
|
4749
4743
|
};
|
|
4750
4744
|
/** Skeleton loading placeholder for options being fetched. */
|
|
4751
4745
|
OptionSkeleton: {
|
|
4752
|
-
(props:
|
|
4746
|
+
(props: ListboxOptionSkeletonProps): react_jsx_runtime.JSX.Element;
|
|
4753
4747
|
displayName: string;
|
|
4754
|
-
className: "lumx-
|
|
4748
|
+
className: "lumx-listbox-option-skeleton";
|
|
4755
4749
|
};
|
|
4756
4750
|
/** Visual separator between option groups (alias for ListDivider). Purely decorative — invisible to screen readers. */
|
|
4757
4751
|
Divider: Comp<ListDividerProps, HTMLLIElement>;
|
|
@@ -5700,14 +5694,14 @@ interface TimePickerFieldWrapperProps {
|
|
|
5700
5694
|
/**
|
|
5701
5695
|
* Callback to customize individual option props.
|
|
5702
5696
|
* Called for each time option with the hour and minute.
|
|
5703
|
-
* Return partial `
|
|
5697
|
+
* Return partial `ListboxOptionProps` to override default option rendering
|
|
5704
5698
|
* (e.g. `before`, `after`, `children`, `tooltipProps`, `actionProps`).
|
|
5705
5699
|
* `isDisabled` is merged with the out-of-range state using `||`.
|
|
5706
5700
|
*/
|
|
5707
5701
|
getOptionProps?: ({ hour, minute }: {
|
|
5708
5702
|
hour: number;
|
|
5709
5703
|
minute: number;
|
|
5710
|
-
}) => Partial<
|
|
5704
|
+
}) => Partial<ListboxOptionProps$1>;
|
|
5711
5705
|
}
|
|
5712
5706
|
/**
|
|
5713
5707
|
* `SelectTextField` props managed internally by the `TimePickerField` wrappers
|
|
@@ -6000,4 +5994,4 @@ declare const ThemeProvider: React__default.FC<{
|
|
|
6000
5994
|
declare function useTheme(): ThemeContextValue;
|
|
6001
5995
|
|
|
6002
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 };
|
|
6003
|
-
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 };
|