@baseline-ui/core 0.55.0 → 0.57.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Acknowledgements.md +370 -4
- package/dist/index.css +1 -1
- package/dist/index.d.mts +777 -8
- package/dist/index.d.ts +777 -8
- package/dist/index.js +11 -11
- package/dist/index.mjs +11 -11
- package/package.json +8 -7
- package/sbom.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import React__default, { AriaAttributes, DOMAttributes as DOMAttributes$1, AriaRole, CSSProperties, HTMLAttributeAnchorTarget, HTMLAttributeReferrerPolicy, ClipboardEventHandler, CompositionEventHandler, ReactEventHandler, FormEventHandler, MouseEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler, ReactNode, ReactElement, MouseEvent, FocusEvent, SyntheticEvent, KeyboardEvent as KeyboardEvent$2, JSX, HTMLAttributes, RefObject as RefObject$1, LabelHTMLAttributes, ElementType, JSXElementConstructor, ButtonHTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, Ref, MutableRefObject, SVGProps, Key as Key$1, Dispatch, SetStateAction } from 'react';
|
|
3
|
-
import { CalendarDate, CalendarDateTime, ZonedDateTime, Time, CalendarIdentifier, Calendar, DateFormatter } from '@internationalized/date';
|
|
4
|
-
import { NumberFormatOptions } from '@internationalized/number';
|
|
5
|
-
import { LocalizedStrings } from '@internationalized/message';
|
|
3
|
+
import { CalendarDate, CalendarDateTime, ZonedDateTime, Time, CalendarIdentifier, Calendar as Calendar$1, DateFormatter, DateDuration } from '@internationalized/date';
|
|
6
4
|
import { Theme, Sprinkles } from '@baseline-ui/tokens';
|
|
7
5
|
import { PanelImperativeHandle, PanelProps as PanelProps$1, SeparatorProps as SeparatorProps$2 } from 'react-resizable-panels';
|
|
8
6
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
@@ -401,6 +399,13 @@ interface TextInputBase {
|
|
|
401
399
|
placeholder?: string
|
|
402
400
|
}
|
|
403
401
|
|
|
402
|
+
interface RangeValue<T> {
|
|
403
|
+
/** The start value of the range. */
|
|
404
|
+
start: T,
|
|
405
|
+
/** The end value of the range. */
|
|
406
|
+
end: T
|
|
407
|
+
}
|
|
408
|
+
|
|
404
409
|
interface RangeInputBase<T> {
|
|
405
410
|
/** The smallest value allowed for the input. */
|
|
406
411
|
minValue?: T,
|
|
@@ -783,6 +788,14 @@ interface ItemProps$1<T> extends LinkDOMProps {
|
|
|
783
788
|
|
|
784
789
|
type ItemElement<T> = ReactElement<ItemProps$1<T>> | null;
|
|
785
790
|
type ItemRenderer<T> = (item: T) => ItemElement<T>;
|
|
791
|
+
type LoadingState = 'loading' | 'sorting' | 'loadingMore' | 'error' | 'idle' | 'filtering';
|
|
792
|
+
|
|
793
|
+
interface AsyncLoadable {
|
|
794
|
+
/** Whether the items are currently loading. */
|
|
795
|
+
isLoading?: boolean, // possibly isLoadingMore
|
|
796
|
+
/** Handler that is called when more items should be loaded, e.g. while scrolling near the bottom. */
|
|
797
|
+
onLoadMore?: () => any
|
|
798
|
+
}
|
|
786
799
|
|
|
787
800
|
interface SectionProps<T> {
|
|
788
801
|
/** Rendered contents of the section, e.g. a header. */
|
|
@@ -822,6 +835,22 @@ interface Expandable {
|
|
|
822
835
|
onExpandedChange?: (keys: Set<Key>) => any
|
|
823
836
|
}
|
|
824
837
|
|
|
838
|
+
interface Sortable {
|
|
839
|
+
/** The current sorted column and direction. */
|
|
840
|
+
sortDescriptor?: SortDescriptor,
|
|
841
|
+
/** Handler that is called when the sorted column or direction changes. */
|
|
842
|
+
onSortChange?: (descriptor: SortDescriptor) => any
|
|
843
|
+
}
|
|
844
|
+
|
|
845
|
+
interface SortDescriptor {
|
|
846
|
+
/** The key of the column to sort by. */
|
|
847
|
+
column: Key,
|
|
848
|
+
/** The direction to sort by. */
|
|
849
|
+
direction: SortDirection
|
|
850
|
+
}
|
|
851
|
+
|
|
852
|
+
type SortDirection = 'ascending' | 'descending';
|
|
853
|
+
|
|
825
854
|
interface KeyboardDelegate {
|
|
826
855
|
/** Returns the key visually below the given one, or `null` for none. */
|
|
827
856
|
getKeyBelow?(key: Key): Key | null,
|
|
@@ -1477,8 +1506,189 @@ interface AriaCheckboxProps extends CheckboxProps$2, InputDOMProps, AriaTogglePr
|
|
|
1477
1506
|
|
|
1478
1507
|
|
|
1479
1508
|
|
|
1509
|
+
type DateValue$1 = CalendarDate | CalendarDateTime | ZonedDateTime;
|
|
1510
|
+
type MappedDateValue$1<T> =
|
|
1511
|
+
T extends ZonedDateTime ? ZonedDateTime :
|
|
1512
|
+
T extends CalendarDateTime ? CalendarDateTime :
|
|
1513
|
+
T extends CalendarDate ? CalendarDate :
|
|
1514
|
+
never;
|
|
1515
|
+
|
|
1516
|
+
interface CalendarPropsBase {
|
|
1517
|
+
/** The minimum allowed date that a user may select. */
|
|
1518
|
+
minValue?: DateValue$1 | null,
|
|
1519
|
+
/** The maximum allowed date that a user may select. */
|
|
1520
|
+
maxValue?: DateValue$1 | null,
|
|
1521
|
+
/** Callback that is called for each date of the calendar. If it returns true, then the date is unavailable. */
|
|
1522
|
+
isDateUnavailable?: (date: DateValue$1) => boolean,
|
|
1523
|
+
/**
|
|
1524
|
+
* Whether the calendar is disabled.
|
|
1525
|
+
* @default false
|
|
1526
|
+
*/
|
|
1527
|
+
isDisabled?: boolean,
|
|
1528
|
+
/**
|
|
1529
|
+
* Whether the calendar value is immutable.
|
|
1530
|
+
* @default false
|
|
1531
|
+
*/
|
|
1532
|
+
isReadOnly?: boolean,
|
|
1533
|
+
/**
|
|
1534
|
+
* Whether to automatically focus the calendar when it mounts.
|
|
1535
|
+
* @default false
|
|
1536
|
+
*/
|
|
1537
|
+
autoFocus?: boolean,
|
|
1538
|
+
/** Controls the currently focused date within the calendar. */
|
|
1539
|
+
focusedValue?: DateValue$1 | null,
|
|
1540
|
+
/** The date that is focused when the calendar first mounts (uncontrolled). */
|
|
1541
|
+
defaultFocusedValue?: DateValue$1 | null,
|
|
1542
|
+
/** Handler that is called when the focused date changes. */
|
|
1543
|
+
onFocusChange?: (date: CalendarDate) => void,
|
|
1544
|
+
/**
|
|
1545
|
+
* Whether the current selection is valid or invalid according to application logic.
|
|
1546
|
+
* @deprecated Use `isInvalid` instead.
|
|
1547
|
+
*/
|
|
1548
|
+
validationState?: ValidationState,
|
|
1549
|
+
/** Whether the current selection is invalid according to application logic. */
|
|
1550
|
+
isInvalid?: boolean,
|
|
1551
|
+
/** An error message to display when the selected value is invalid. */
|
|
1552
|
+
errorMessage?: ReactNode,
|
|
1553
|
+
/**
|
|
1554
|
+
* Controls the behavior of paging. Pagination either works by advancing the visible page by visibleDuration (default) or one unit of visibleDuration.
|
|
1555
|
+
* @default visible
|
|
1556
|
+
*/
|
|
1557
|
+
pageBehavior?: PageBehavior,
|
|
1558
|
+
/**
|
|
1559
|
+
* The day that starts the week.
|
|
1560
|
+
*/
|
|
1561
|
+
firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat',
|
|
1562
|
+
/**
|
|
1563
|
+
* Determines the alignment of the visible months on initial render based on the current selection or current date if there is no selection.
|
|
1564
|
+
* @default 'center'
|
|
1565
|
+
*/
|
|
1566
|
+
selectionAlignment?: 'start' | 'center' | 'end'
|
|
1567
|
+
}
|
|
1568
|
+
interface CalendarProps$2<T extends DateValue$1> extends CalendarPropsBase, ValueBase<T | null, MappedDateValue$1<T>> {}
|
|
1569
|
+
interface RangeCalendarProps$2<T extends DateValue$1> extends CalendarPropsBase, ValueBase<RangeValue<T> | null, RangeValue<MappedDateValue$1<T>>> {
|
|
1570
|
+
/**
|
|
1571
|
+
* When combined with `isDateUnavailable`, determines whether non-contiguous ranges,
|
|
1572
|
+
* i.e. ranges containing unavailable dates, may be selected.
|
|
1573
|
+
*/
|
|
1574
|
+
allowsNonContiguousRanges?: boolean
|
|
1575
|
+
}
|
|
1576
|
+
|
|
1577
|
+
interface AriaCalendarProps<T extends DateValue$1> extends CalendarProps$2<T>, DOMProps, AriaLabelingProps {}
|
|
1578
|
+
|
|
1579
|
+
interface AriaRangeCalendarProps<T extends DateValue$1> extends RangeCalendarProps$2<T>, DOMProps, AriaLabelingProps {}
|
|
1580
|
+
|
|
1480
1581
|
type PageBehavior = 'single' | 'visible';
|
|
1481
1582
|
|
|
1583
|
+
interface CalendarStateBase {
|
|
1584
|
+
/** Whether the calendar is disabled. */
|
|
1585
|
+
readonly isDisabled: boolean;
|
|
1586
|
+
/** Whether the calendar is in a read only state. */
|
|
1587
|
+
readonly isReadOnly: boolean;
|
|
1588
|
+
/** The date range that is currently visible in the calendar. */
|
|
1589
|
+
readonly visibleRange: RangeValue<CalendarDate>;
|
|
1590
|
+
/** The minimum allowed date that a user may select. */
|
|
1591
|
+
readonly minValue?: DateValue$1 | null;
|
|
1592
|
+
/** The maximum allowed date that a user may select. */
|
|
1593
|
+
readonly maxValue?: DateValue$1 | null;
|
|
1594
|
+
/** The time zone of the dates currently being displayed. */
|
|
1595
|
+
readonly timeZone: string;
|
|
1596
|
+
/**
|
|
1597
|
+
* The current validation state of the selected value.
|
|
1598
|
+
* @deprecated Use `isValueInvalid` instead.
|
|
1599
|
+
*/
|
|
1600
|
+
readonly validationState: ValidationState | null;
|
|
1601
|
+
/** Whether the calendar is invalid. */
|
|
1602
|
+
readonly isValueInvalid: boolean;
|
|
1603
|
+
/** The currently focused date. */
|
|
1604
|
+
readonly focusedDate: CalendarDate;
|
|
1605
|
+
/** Sets the focused date. */
|
|
1606
|
+
setFocusedDate(value: CalendarDate): void;
|
|
1607
|
+
/** Moves focus to the next calendar date. */
|
|
1608
|
+
focusNextDay(): void;
|
|
1609
|
+
/** Moves focus to the previous calendar date. */
|
|
1610
|
+
focusPreviousDay(): void;
|
|
1611
|
+
/** Moves focus to the next row of dates, e.g. the next week. */
|
|
1612
|
+
focusNextRow(): void;
|
|
1613
|
+
/** Moves focus to the previous row of dates, e.g. the previous work. */
|
|
1614
|
+
focusPreviousRow(): void;
|
|
1615
|
+
/** Moves focus to the next page of dates, e.g. the next month if one month is visible. */
|
|
1616
|
+
focusNextPage(): void;
|
|
1617
|
+
/** Moves focus to the previous page of dates, e.g. the previous month if one month is visible. */
|
|
1618
|
+
focusPreviousPage(): void;
|
|
1619
|
+
/** Moves focus to the start of the current section of dates, e.g. the start of the current month. */
|
|
1620
|
+
focusSectionStart(): void;
|
|
1621
|
+
/** Moves focus to the end of the current section of dates, e.g. the end of the current month month. */
|
|
1622
|
+
focusSectionEnd(): void;
|
|
1623
|
+
/**
|
|
1624
|
+
* Moves focus to the next section of dates based on what is currently displayed.
|
|
1625
|
+
* By default, focus is moved by one of the currently displayed unit. For example, if
|
|
1626
|
+
* one or more months are displayed, then focus is moved forward by one month.
|
|
1627
|
+
* If the `larger` option is `true`, the focus is moved by the next larger unit than
|
|
1628
|
+
* the one displayed. For example, if months are displayed, then focus moves to the next year.
|
|
1629
|
+
*/
|
|
1630
|
+
focusNextSection(larger?: boolean): void;
|
|
1631
|
+
/**
|
|
1632
|
+
* Moves focus to the previous section of dates based on what is currently displayed.
|
|
1633
|
+
* By default, focus is moved by one of the currently displayed unit. For example, if
|
|
1634
|
+
* one or more months are displayed, then focus is moved backward by one month.
|
|
1635
|
+
* If the `larger` option is `true`, the focus is moved by the next larger unit than
|
|
1636
|
+
* the one displayed. For example, if months are displayed, then focus moves to the previous year.
|
|
1637
|
+
*/
|
|
1638
|
+
focusPreviousSection(larger?: boolean): void;
|
|
1639
|
+
/** Selects the currently focused date. */
|
|
1640
|
+
selectFocusedDate(): void;
|
|
1641
|
+
/** Selects the given date. */
|
|
1642
|
+
selectDate(date: CalendarDate): void;
|
|
1643
|
+
/** Whether focus is currently within the calendar. */
|
|
1644
|
+
readonly isFocused: boolean;
|
|
1645
|
+
/** Sets whether focus is currently within the calendar. */
|
|
1646
|
+
setFocused(value: boolean): void;
|
|
1647
|
+
/** Returns whether the given date is invalid according to the `minValue` and `maxValue` props. */
|
|
1648
|
+
isInvalid(date: CalendarDate): boolean;
|
|
1649
|
+
/** Returns whether the given date is currently selected. */
|
|
1650
|
+
isSelected(date: CalendarDate): boolean;
|
|
1651
|
+
/** Returns whether the given date is currently focused. */
|
|
1652
|
+
isCellFocused(date: CalendarDate): boolean;
|
|
1653
|
+
/** Returns whether the given date is disabled according to the `minValue, `maxValue`, and `isDisabled` props. */
|
|
1654
|
+
isCellDisabled(date: CalendarDate): boolean;
|
|
1655
|
+
/** Returns whether the given date is unavailable according to the `isDateUnavailable` prop. */
|
|
1656
|
+
isCellUnavailable(date: CalendarDate): boolean;
|
|
1657
|
+
/** Returns whether the previous visible date range is allowed to be selected according to the `minValue` prop. */
|
|
1658
|
+
isPreviousVisibleRangeInvalid(): boolean;
|
|
1659
|
+
/** Returns whether the next visible date range is allowed to be selected according to the `maxValue` prop. */
|
|
1660
|
+
isNextVisibleRangeInvalid(): boolean;
|
|
1661
|
+
/**
|
|
1662
|
+
* Returns an array of dates in the week index counted from the provided start date, or the first visible date if not given.
|
|
1663
|
+
* The returned array always has 7 elements, but may include null if the date does not exist according to the calendar system.
|
|
1664
|
+
*/
|
|
1665
|
+
getDatesInWeek(weekIndex: number, startDate?: CalendarDate): Array<CalendarDate | null>;
|
|
1666
|
+
}
|
|
1667
|
+
interface CalendarState extends CalendarStateBase {
|
|
1668
|
+
/** The currently selected date. */
|
|
1669
|
+
readonly value: CalendarDate | null;
|
|
1670
|
+
/** Sets the currently selected date. */
|
|
1671
|
+
setValue(value: CalendarDate | null): void;
|
|
1672
|
+
}
|
|
1673
|
+
interface RangeCalendarState<T extends DateValue$1 = DateValue$1> extends CalendarStateBase {
|
|
1674
|
+
/** The currently selected date range. */
|
|
1675
|
+
readonly value: RangeValue<T> | null;
|
|
1676
|
+
/** Sets the currently selected date range. */
|
|
1677
|
+
setValue(value: RangeValue<T> | null): void;
|
|
1678
|
+
/** Highlights the given date during selection, e.g. by hovering or dragging. */
|
|
1679
|
+
highlightDate(date: CalendarDate): void;
|
|
1680
|
+
/** The current anchor date that the user clicked on to begin range selection. */
|
|
1681
|
+
readonly anchorDate: CalendarDate | null;
|
|
1682
|
+
/** Sets the anchor date that the user clicked on to begin range selection. */
|
|
1683
|
+
setAnchorDate(date: CalendarDate | null): void;
|
|
1684
|
+
/** The currently highlighted date range. */
|
|
1685
|
+
readonly highlightedRange: RangeValue<CalendarDate> | null;
|
|
1686
|
+
/** Whether the user is currently dragging over the calendar. */
|
|
1687
|
+
readonly isDragging: boolean;
|
|
1688
|
+
/** Sets whether the user is dragging over the calendar. */
|
|
1689
|
+
setDragging(isDragging: boolean): void;
|
|
1690
|
+
}
|
|
1691
|
+
|
|
1482
1692
|
interface SliderProps$1<T = number | number[]> extends RangeInputBase<number>, ValueBase<T>, LabelableProps {
|
|
1483
1693
|
/**
|
|
1484
1694
|
* The orientation of the Slider.
|
|
@@ -2351,7 +2561,7 @@ interface DateFieldStateOptions<T extends DateValue = DateValue> extends DatePic
|
|
|
2351
2561
|
* `@internationalized/date` package, or manually implemented to include support for
|
|
2352
2562
|
* only certain calendars.
|
|
2353
2563
|
*/
|
|
2354
|
-
createCalendar: (name: CalendarIdentifier) => Calendar;
|
|
2564
|
+
createCalendar: (name: CalendarIdentifier) => Calendar$1;
|
|
2355
2565
|
}
|
|
2356
2566
|
|
|
2357
2567
|
interface TimeFieldStateOptions<T extends TimeValue = TimeValue> extends TimePickerProps<T> {
|
|
@@ -2425,6 +2635,18 @@ declare function filterDOMProps(props: DOMProps & AriaLabelingProps & LinkDOMPro
|
|
|
2425
2635
|
*/
|
|
2426
2636
|
declare function useObjectRef<T>(ref?: ((instance: T | null) => (() => void) | void) | MutableRefObject<T | null> | null): MutableRefObject<T | null>;
|
|
2427
2637
|
|
|
2638
|
+
interface LoadMoreSentinelProps extends Omit<AsyncLoadable, 'isLoading'> {
|
|
2639
|
+
collection: Collection<any>;
|
|
2640
|
+
/**
|
|
2641
|
+
* The amount of offset from the bottom of your scrollable region that should trigger load more.
|
|
2642
|
+
* Uses a percentage value relative to the scroll body's client height. Load more is then triggered
|
|
2643
|
+
* when your current scroll position's distance from the bottom of the currently loaded list of items is less than
|
|
2644
|
+
* or equal to the provided value. (e.g. 1 = 100% of the scroll region's height).
|
|
2645
|
+
* @default 1
|
|
2646
|
+
*/
|
|
2647
|
+
scrollOffset?: number;
|
|
2648
|
+
}
|
|
2649
|
+
|
|
2428
2650
|
interface FocusScopeProps {
|
|
2429
2651
|
/** The contents of the focus scope. */
|
|
2430
2652
|
children: ReactNode;
|
|
@@ -2874,6 +3096,12 @@ interface I18nProviderProps$1 {
|
|
|
2874
3096
|
*/
|
|
2875
3097
|
declare function useLocale(): Locale;
|
|
2876
3098
|
|
|
3099
|
+
type LocalizedStrings = {
|
|
3100
|
+
[lang: string]: {
|
|
3101
|
+
[key: string]: string;
|
|
3102
|
+
};
|
|
3103
|
+
};
|
|
3104
|
+
|
|
2877
3105
|
interface DateFormatterOptions extends Intl.DateTimeFormatOptions {
|
|
2878
3106
|
calendar?: string;
|
|
2879
3107
|
}
|
|
@@ -2884,6 +3112,11 @@ interface DateFormatterOptions extends Intl.DateTimeFormatOptions {
|
|
|
2884
3112
|
*/
|
|
2885
3113
|
declare function useDateFormatter(options?: DateFormatterOptions): DateFormatter;
|
|
2886
3114
|
|
|
3115
|
+
interface NumberFormatOptions extends Intl.NumberFormatOptions {
|
|
3116
|
+
/** Overrides default numbering system for the current locale. */
|
|
3117
|
+
numberingSystem?: string;
|
|
3118
|
+
}
|
|
3119
|
+
|
|
2887
3120
|
/**
|
|
2888
3121
|
* Provides localized number formatting for the current locale. Automatically updates when the locale changes,
|
|
2889
3122
|
* and handles caching of the number formatter for performance.
|
|
@@ -3043,6 +3276,16 @@ interface GridNode<T> extends Node$1<T> {
|
|
|
3043
3276
|
indexOfType?: number
|
|
3044
3277
|
}
|
|
3045
3278
|
|
|
3279
|
+
interface GridState<T, C extends GridCollection<T>> {
|
|
3280
|
+
collection: C;
|
|
3281
|
+
/** A set of keys for rows that are disabled. */
|
|
3282
|
+
disabledKeys: Set<Key>;
|
|
3283
|
+
/** A selection manager to read and update row selection state. */
|
|
3284
|
+
selectionManager: SelectionManager;
|
|
3285
|
+
/** Whether keyboard navigation is disabled, such as when the arrow keys should be handled by a component within a cell. */
|
|
3286
|
+
isKeyboardNavigationDisabled: boolean;
|
|
3287
|
+
}
|
|
3288
|
+
|
|
3046
3289
|
interface AriaLinkOptions extends AriaLinkProps {
|
|
3047
3290
|
/** Whether the link is disabled. */
|
|
3048
3291
|
isDisabled?: boolean;
|
|
@@ -3595,6 +3838,108 @@ interface AriaSwitchProps extends SwitchProps$1, AriaSwitchBase {}
|
|
|
3595
3838
|
|
|
3596
3839
|
|
|
3597
3840
|
|
|
3841
|
+
/** Widths that result in a constant pixel value for the same Table width. */
|
|
3842
|
+
type ColumnStaticSize = number | `${number}` | `${number}%`; // match regex: /^(\d+)(?=%$)/
|
|
3843
|
+
/**
|
|
3844
|
+
* Widths that change size in relation to the remaining space and in ratio to other dynamic columns.
|
|
3845
|
+
* All numbers must be integers and greater than 0.
|
|
3846
|
+
* FR units take up remaining, if any, space in the table.
|
|
3847
|
+
*/
|
|
3848
|
+
type ColumnDynamicSize = `${number}fr`; // match regex: /^(\d+)(?=fr$)/
|
|
3849
|
+
/** All possible sizes a column can be assigned. */
|
|
3850
|
+
type ColumnSize = ColumnStaticSize | ColumnDynamicSize;
|
|
3851
|
+
|
|
3852
|
+
interface TableProps$2<T> extends MultipleSelection, Sortable {
|
|
3853
|
+
/** The elements that make up the table. Includes the TableHeader, TableBody, Columns, and Rows. */
|
|
3854
|
+
children: [ReactElement<TableHeaderProps$2<T>>, ReactElement<TableBodyProps$2<T>>],
|
|
3855
|
+
/** A list of row keys to disable. */
|
|
3856
|
+
disabledKeys?: Iterable<Key>,
|
|
3857
|
+
/**
|
|
3858
|
+
* Whether pressing the escape key should clear selection in the table or not.
|
|
3859
|
+
*
|
|
3860
|
+
* Most experiences should not modify this option as it eliminates a keyboard user's ability to
|
|
3861
|
+
* easily clear selection. Only use if the escape key is being handled externally or should not
|
|
3862
|
+
* trigger selection clearing contextually.
|
|
3863
|
+
* @default 'clearSelection'
|
|
3864
|
+
*/
|
|
3865
|
+
escapeKeyBehavior?: 'clearSelection' | 'none',
|
|
3866
|
+
/** Whether selection should occur on press up instead of press down. */
|
|
3867
|
+
shouldSelectOnPressUp?: boolean
|
|
3868
|
+
}
|
|
3869
|
+
|
|
3870
|
+
interface TableHeaderProps$2<T> {
|
|
3871
|
+
/** A list of table columns. */
|
|
3872
|
+
columns?: readonly T[],
|
|
3873
|
+
/** A list of `Column(s)` or a function. If the latter, a list of columns must be provided using the `columns` prop. */
|
|
3874
|
+
children: ColumnElement<T> | ColumnElement<T>[] | ColumnRenderer<T>
|
|
3875
|
+
}
|
|
3876
|
+
|
|
3877
|
+
type ColumnElement<T> = ReactElement<ColumnProps$2<T>>;
|
|
3878
|
+
type ColumnRenderer<T> = (item: T) => ColumnElement<T>;
|
|
3879
|
+
interface ColumnProps$2<T> {
|
|
3880
|
+
/** Rendered contents of the column if `children` contains child columns. */
|
|
3881
|
+
title?: ReactNode,
|
|
3882
|
+
/** Static child columns or content to render as the column header. */
|
|
3883
|
+
children: ReactNode | ColumnElement<T> | ColumnElement<T>[],
|
|
3884
|
+
/** A list of child columns used when dynamically rendering nested child columns. */
|
|
3885
|
+
childColumns?: T[],
|
|
3886
|
+
/** The width of the column. */
|
|
3887
|
+
width?: ColumnSize | null,
|
|
3888
|
+
/** The minimum width of the column. */
|
|
3889
|
+
minWidth?: ColumnStaticSize | null,
|
|
3890
|
+
/** The maximum width of the column. */
|
|
3891
|
+
maxWidth?: ColumnStaticSize | null,
|
|
3892
|
+
/** The default width of the column. */
|
|
3893
|
+
defaultWidth?: ColumnSize | null,
|
|
3894
|
+
/** Whether the column allows resizing. */
|
|
3895
|
+
allowsResizing?: boolean,
|
|
3896
|
+
/** Whether the column allows sorting. */
|
|
3897
|
+
allowsSorting?: boolean,
|
|
3898
|
+
/** Whether a column is a [row header](https://www.w3.org/TR/wai-aria-1.1/#rowheader) and should be announced by assistive technology during row navigation. */
|
|
3899
|
+
isRowHeader?: boolean,
|
|
3900
|
+
/** A string representation of the column's contents, used for accessibility announcements. */
|
|
3901
|
+
textValue?: string
|
|
3902
|
+
}
|
|
3903
|
+
|
|
3904
|
+
type RowElement<T> = ReactElement<RowProps$2<T>>;
|
|
3905
|
+
interface TableBodyProps$2<T> extends Omit<AsyncLoadable, 'isLoading'> {
|
|
3906
|
+
/** The contents of the table body. Supports static items or a function for dynamic rendering. */
|
|
3907
|
+
children: RowElement<T> | RowElement<T>[] | ((item: T) => RowElement<T>),
|
|
3908
|
+
/** A list of row objects in the table body used when dynamically rendering rows. */
|
|
3909
|
+
items?: Iterable<T>,
|
|
3910
|
+
/** The current loading state of the table. */
|
|
3911
|
+
loadingState?: LoadingState
|
|
3912
|
+
}
|
|
3913
|
+
|
|
3914
|
+
interface RowProps$2<T> extends LinkDOMProps {
|
|
3915
|
+
/**
|
|
3916
|
+
* A list of child item objects used when dynamically rendering row children. Requires the feature flag to be
|
|
3917
|
+
* enabled along with UNSTABLE_allowsExpandableRows, see https://react-spectrum.adobe.com/react-spectrum/TableView.html#expandable-rows.
|
|
3918
|
+
* @version alpha
|
|
3919
|
+
* @private
|
|
3920
|
+
*/
|
|
3921
|
+
UNSTABLE_childItems?: Iterable<T>,
|
|
3922
|
+
// TODO: update when async loading is supported for expandable rows
|
|
3923
|
+
// /** Whether this row has children, even if not loaded yet. */
|
|
3924
|
+
// hasChildItems?: boolean,
|
|
3925
|
+
/** Rendered contents of the row or row child items. */
|
|
3926
|
+
children: CellElement | CellElement[] | CellRenderer,
|
|
3927
|
+
/** A string representation of the row's contents, used for features like typeahead. */
|
|
3928
|
+
textValue?: string // ???
|
|
3929
|
+
}
|
|
3930
|
+
|
|
3931
|
+
interface CellProps$2 {
|
|
3932
|
+
/** The contents of the cell. */
|
|
3933
|
+
children: ReactNode,
|
|
3934
|
+
/** A string representation of the cell's contents, used for features like typeahead. */
|
|
3935
|
+
textValue?: string,
|
|
3936
|
+
/** Indicates how many columns the data cell spans. */
|
|
3937
|
+
colSpan?: number
|
|
3938
|
+
}
|
|
3939
|
+
|
|
3940
|
+
type CellElement = ReactElement<CellProps$2>;
|
|
3941
|
+
type CellRenderer = (columnKey: Key) => CellElement;
|
|
3942
|
+
|
|
3598
3943
|
interface TableCollection<T> extends GridCollection<T> {
|
|
3599
3944
|
// TODO perhaps elaborate on this? maybe not clear enough, essentially returns the table header rows (e.g. in a tiered headers table, will return the nodes containing the top tier column, next tier, etc)
|
|
3600
3945
|
/** A list of header row nodes in the table. */
|
|
@@ -3609,6 +3954,21 @@ interface TableCollection<T> extends GridCollection<T> {
|
|
|
3609
3954
|
body: GridNode<T>
|
|
3610
3955
|
}
|
|
3611
3956
|
|
|
3957
|
+
interface TableState<T> extends GridState<T, TableCollection<T>> {
|
|
3958
|
+
/** A collection of rows and columns in the table. */
|
|
3959
|
+
collection: TableCollection<T>;
|
|
3960
|
+
/** Whether the row selection checkboxes should be displayed. */
|
|
3961
|
+
showSelectionCheckboxes: boolean;
|
|
3962
|
+
/** The current sorted column and direction. */
|
|
3963
|
+
sortDescriptor: SortDescriptor | null;
|
|
3964
|
+
/** Calls the provided onSortChange handler with the provided column key and sort direction. */
|
|
3965
|
+
sort(columnKey: Key, direction?: 'ascending' | 'descending'): void;
|
|
3966
|
+
/** Whether keyboard navigation is disabled, such as when the arrow keys should be handled by a component within a cell. */
|
|
3967
|
+
isKeyboardNavigationDisabled: boolean;
|
|
3968
|
+
/** Set whether keyboard navigation is disabled, such as when the arrow keys should be handled by a component within a cell. */
|
|
3969
|
+
setKeyboardNavigationDisabled: (val: boolean) => void;
|
|
3970
|
+
}
|
|
3971
|
+
|
|
3612
3972
|
declare let _Item: <T>(props: ItemProps$1<T>) => JSX.Element;
|
|
3613
3973
|
|
|
3614
3974
|
/*
|
|
@@ -4007,6 +4367,12 @@ interface TreeData<T extends object> {
|
|
|
4007
4367
|
*/
|
|
4008
4368
|
declare function useTreeData<T extends object>(options: TreeOptions<T>): TreeData<T>;
|
|
4009
4369
|
|
|
4370
|
+
interface StyleProps {
|
|
4371
|
+
/** The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. */
|
|
4372
|
+
className?: string;
|
|
4373
|
+
/** The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. */
|
|
4374
|
+
style?: CSSProperties;
|
|
4375
|
+
}
|
|
4010
4376
|
type ClassNameOrFunction<T> = string | ((values: T & {
|
|
4011
4377
|
defaultClassName: string | undefined;
|
|
4012
4378
|
}) => string);
|
|
@@ -4228,6 +4594,65 @@ interface ItemRenderProps {
|
|
|
4228
4594
|
allowsSelection?: boolean;
|
|
4229
4595
|
}
|
|
4230
4596
|
|
|
4597
|
+
interface CalendarRenderProps {
|
|
4598
|
+
/**
|
|
4599
|
+
* Whether the calendar is disabled.
|
|
4600
|
+
* @selector [data-disabled]
|
|
4601
|
+
*/
|
|
4602
|
+
isDisabled: boolean;
|
|
4603
|
+
/**
|
|
4604
|
+
* State of the calendar.
|
|
4605
|
+
*/
|
|
4606
|
+
state: CalendarState;
|
|
4607
|
+
/**
|
|
4608
|
+
* Whether the calendar is invalid.
|
|
4609
|
+
* @selector [data-invalid]
|
|
4610
|
+
*/
|
|
4611
|
+
isInvalid: boolean;
|
|
4612
|
+
}
|
|
4613
|
+
interface RangeCalendarRenderProps extends Omit<CalendarRenderProps, 'state'> {
|
|
4614
|
+
/**
|
|
4615
|
+
* State of the range calendar.
|
|
4616
|
+
*/
|
|
4617
|
+
state: RangeCalendarState;
|
|
4618
|
+
}
|
|
4619
|
+
interface CalendarProps$1<T extends DateValue> extends Omit<AriaCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<CalendarRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
4620
|
+
/**
|
|
4621
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
4622
|
+
* @default 'react-aria-Calendar'
|
|
4623
|
+
*/
|
|
4624
|
+
className?: ClassNameOrFunction<CalendarRenderProps>;
|
|
4625
|
+
/**
|
|
4626
|
+
* The amount of days that will be displayed at once. This affects how pagination works.
|
|
4627
|
+
* @default {months: 1}
|
|
4628
|
+
*/
|
|
4629
|
+
visibleDuration?: DateDuration;
|
|
4630
|
+
/**
|
|
4631
|
+
* A function to create a new [Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html)
|
|
4632
|
+
* object for a given calendar identifier. If not provided, the `createCalendar` function
|
|
4633
|
+
* from `@internationalized/date` will be used.
|
|
4634
|
+
*/
|
|
4635
|
+
createCalendar?: (identifier: CalendarIdentifier) => Calendar$1;
|
|
4636
|
+
}
|
|
4637
|
+
interface RangeCalendarProps$1<T extends DateValue> extends Omit<AriaRangeCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<RangeCalendarRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
4638
|
+
/**
|
|
4639
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
4640
|
+
* @default 'react-aria-RangeCalendar'
|
|
4641
|
+
*/
|
|
4642
|
+
className?: ClassNameOrFunction<RangeCalendarRenderProps>;
|
|
4643
|
+
/**
|
|
4644
|
+
* The amount of days that will be displayed at once. This affects how pagination works.
|
|
4645
|
+
* @default {months: 1}
|
|
4646
|
+
*/
|
|
4647
|
+
visibleDuration?: DateDuration;
|
|
4648
|
+
/**
|
|
4649
|
+
* A function to create a new [Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html)
|
|
4650
|
+
* object for a given calendar identifier. If not provided, the `createCalendar` function
|
|
4651
|
+
* from `@internationalized/date` will be used.
|
|
4652
|
+
*/
|
|
4653
|
+
createCalendar?: (identifier: CalendarIdentifier) => Calendar$1;
|
|
4654
|
+
}
|
|
4655
|
+
|
|
4231
4656
|
interface DraggableCollectionStateOpts<T = object> extends Omit<DraggableCollectionStateOptions<T>, 'getItems'> {
|
|
4232
4657
|
}
|
|
4233
4658
|
interface DragHooks<T = object> {
|
|
@@ -4348,6 +4773,255 @@ interface ListBoxProps$1<T> extends Omit<AriaListBoxProps<T>, 'children' | 'labe
|
|
|
4348
4773
|
interface ListBoxItemRenderProps extends ItemRenderProps {
|
|
4349
4774
|
}
|
|
4350
4775
|
|
|
4776
|
+
interface TableRenderProps {
|
|
4777
|
+
/**
|
|
4778
|
+
* Whether the table is currently focused.
|
|
4779
|
+
* @selector [data-focused]
|
|
4780
|
+
*/
|
|
4781
|
+
isFocused: boolean;
|
|
4782
|
+
/**
|
|
4783
|
+
* Whether the table is currently keyboard focused.
|
|
4784
|
+
* @selector [data-focus-visible]
|
|
4785
|
+
*/
|
|
4786
|
+
isFocusVisible: boolean;
|
|
4787
|
+
/**
|
|
4788
|
+
* Whether the table is currently the active drop target.
|
|
4789
|
+
* @selector [data-drop-target]
|
|
4790
|
+
*/
|
|
4791
|
+
isDropTarget: boolean;
|
|
4792
|
+
/**
|
|
4793
|
+
* State of the table.
|
|
4794
|
+
*/
|
|
4795
|
+
state: TableState<unknown>;
|
|
4796
|
+
}
|
|
4797
|
+
interface TableProps$1 extends Omit<TableProps$2<any>, 'children'>, StyleRenderProps<TableRenderProps, 'table' | 'div'>, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLTableElement> {
|
|
4798
|
+
/**
|
|
4799
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
4800
|
+
* @default 'react-aria-Table'
|
|
4801
|
+
*/
|
|
4802
|
+
className?: ClassNameOrFunction<TableRenderProps>;
|
|
4803
|
+
/** The elements that make up the table. Includes the TableHeader, TableBody, Columns, and Rows. */
|
|
4804
|
+
children?: ReactNode;
|
|
4805
|
+
/**
|
|
4806
|
+
* How multiple selection should behave in the collection.
|
|
4807
|
+
* @default "toggle"
|
|
4808
|
+
*/
|
|
4809
|
+
selectionBehavior?: SelectionBehavior;
|
|
4810
|
+
/**
|
|
4811
|
+
* Whether `disabledKeys` applies to all interactions, or only selection.
|
|
4812
|
+
* @default "all"
|
|
4813
|
+
*/
|
|
4814
|
+
disabledBehavior?: DisabledBehavior;
|
|
4815
|
+
/** Handler that is called when a user performs an action on the row. */
|
|
4816
|
+
onRowAction?: (key: Key) => void;
|
|
4817
|
+
/** The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for the Table. */
|
|
4818
|
+
dragAndDropHooks?: DragAndDropHooks;
|
|
4819
|
+
}
|
|
4820
|
+
interface TableHeaderRenderProps {
|
|
4821
|
+
/**
|
|
4822
|
+
* Whether the table header is currently hovered with a mouse.
|
|
4823
|
+
* @selector [data-hovered]
|
|
4824
|
+
*/
|
|
4825
|
+
isHovered: boolean;
|
|
4826
|
+
}
|
|
4827
|
+
interface TableHeaderProps$1<T> extends StyleRenderProps<TableHeaderRenderProps, 'thead' | 'div'>, HoverEvents, GlobalDOMAttributes<HTMLTableSectionElement> {
|
|
4828
|
+
/**
|
|
4829
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
4830
|
+
* @default 'react-aria-TableHeader'
|
|
4831
|
+
*/
|
|
4832
|
+
className?: ClassNameOrFunction<TableHeaderRenderProps>;
|
|
4833
|
+
/** A list of table columns. */
|
|
4834
|
+
columns?: Iterable<T>;
|
|
4835
|
+
/** A list of `Column(s)` or a function. If the latter, a list of columns must be provided using the `columns` prop. */
|
|
4836
|
+
children?: ReactNode | ((item: T) => ReactElement);
|
|
4837
|
+
/** Values that should invalidate the column cache when using dynamic collections. */
|
|
4838
|
+
dependencies?: ReadonlyArray<any>;
|
|
4839
|
+
}
|
|
4840
|
+
interface ColumnRenderProps {
|
|
4841
|
+
/**
|
|
4842
|
+
* Whether the column is currently hovered with a mouse.
|
|
4843
|
+
* @selector [data-hovered]
|
|
4844
|
+
*/
|
|
4845
|
+
isHovered: boolean;
|
|
4846
|
+
/**
|
|
4847
|
+
* Whether the column is currently in a pressed state.
|
|
4848
|
+
* @selector [data-pressed]
|
|
4849
|
+
*/
|
|
4850
|
+
isPressed: boolean;
|
|
4851
|
+
/**
|
|
4852
|
+
* Whether the column is currently focused.
|
|
4853
|
+
* @selector [data-focused]
|
|
4854
|
+
*/
|
|
4855
|
+
isFocused: boolean;
|
|
4856
|
+
/**
|
|
4857
|
+
* Whether the column is currently keyboard focused.
|
|
4858
|
+
* @selector [data-focus-visible]
|
|
4859
|
+
*/
|
|
4860
|
+
isFocusVisible: boolean;
|
|
4861
|
+
/**
|
|
4862
|
+
* Whether the column allows sorting.
|
|
4863
|
+
* @selector [data-allows-sorting]
|
|
4864
|
+
*/
|
|
4865
|
+
allowsSorting: boolean;
|
|
4866
|
+
/**
|
|
4867
|
+
* The current sort direction.
|
|
4868
|
+
* @selector [data-sort-direction="ascending | descending"]
|
|
4869
|
+
*/
|
|
4870
|
+
sortDirection: SortDirection | undefined;
|
|
4871
|
+
/**
|
|
4872
|
+
* Whether the column is currently being resized.
|
|
4873
|
+
* @selector [data-resizing]
|
|
4874
|
+
*/
|
|
4875
|
+
isResizing: boolean;
|
|
4876
|
+
/**
|
|
4877
|
+
* Triggers sorting for this column in the given direction.
|
|
4878
|
+
*/
|
|
4879
|
+
sort(direction: SortDirection): void;
|
|
4880
|
+
/**
|
|
4881
|
+
* Starts column resizing if the table is contained in a `<ResizableTableContainer>` element.
|
|
4882
|
+
*/
|
|
4883
|
+
startResize(): void;
|
|
4884
|
+
}
|
|
4885
|
+
interface ColumnProps$1 extends RenderProps<ColumnRenderProps, 'th' | 'div'>, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
|
|
4886
|
+
/**
|
|
4887
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
4888
|
+
* @default 'react-aria-Column'
|
|
4889
|
+
*/
|
|
4890
|
+
className?: ClassNameOrFunction<ColumnRenderProps>;
|
|
4891
|
+
/** The unique id of the column. */
|
|
4892
|
+
id?: Key;
|
|
4893
|
+
/** Whether the column allows sorting. */
|
|
4894
|
+
allowsSorting?: boolean;
|
|
4895
|
+
/** Whether a column is a [row header](https://www.w3.org/TR/wai-aria-1.1/#rowheader) and should be announced by assistive technology during row navigation. */
|
|
4896
|
+
isRowHeader?: boolean;
|
|
4897
|
+
/** A string representation of the column's contents, used for accessibility announcements. */
|
|
4898
|
+
textValue?: string;
|
|
4899
|
+
/** The width of the column. This prop only applies when the `<Table>` is wrapped in a `<ResizableTableContainer>`. */
|
|
4900
|
+
width?: ColumnSize | null;
|
|
4901
|
+
/** The default width of the column. This prop only applies when the `<Table>` is wrapped in a `<ResizableTableContainer>`. */
|
|
4902
|
+
defaultWidth?: ColumnSize | null;
|
|
4903
|
+
/** The minimum width of the column. This prop only applies when the `<Table>` is wrapped in a `<ResizableTableContainer>`. */
|
|
4904
|
+
minWidth?: ColumnStaticSize | null;
|
|
4905
|
+
/** The maximum width of the column. This prop only applies when the `<Table>` is wrapped in a `<ResizableTableContainer>`. */
|
|
4906
|
+
maxWidth?: ColumnStaticSize | null;
|
|
4907
|
+
}
|
|
4908
|
+
interface TableBodyRenderProps {
|
|
4909
|
+
/**
|
|
4910
|
+
* Whether the table body has no rows and should display its empty state.
|
|
4911
|
+
* @selector [data-empty]
|
|
4912
|
+
*/
|
|
4913
|
+
isEmpty: boolean;
|
|
4914
|
+
/**
|
|
4915
|
+
* Whether the Table is currently the active drop target.
|
|
4916
|
+
* @selector [data-drop-target]
|
|
4917
|
+
*/
|
|
4918
|
+
isDropTarget: boolean;
|
|
4919
|
+
}
|
|
4920
|
+
interface TableBodyProps$1<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleRenderProps<TableBodyRenderProps, 'tbody' | 'div'>, GlobalDOMAttributes<HTMLTableSectionElement> {
|
|
4921
|
+
/**
|
|
4922
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
4923
|
+
* @default 'react-aria-TableBody'
|
|
4924
|
+
*/
|
|
4925
|
+
className?: ClassNameOrFunction<TableBodyRenderProps>;
|
|
4926
|
+
/** Provides content to display when there are no rows in the table. */
|
|
4927
|
+
renderEmptyState?: (props: TableBodyRenderProps) => ReactNode;
|
|
4928
|
+
}
|
|
4929
|
+
interface RowRenderProps extends ItemRenderProps {
|
|
4930
|
+
/** Whether the row's children have keyboard focus. */
|
|
4931
|
+
isFocusVisibleWithin: boolean;
|
|
4932
|
+
/** The unique id of the row. */
|
|
4933
|
+
id?: Key;
|
|
4934
|
+
}
|
|
4935
|
+
interface RowProps$1<T> extends StyleRenderProps<RowRenderProps, 'tr' | 'div'>, LinkDOMProps, HoverEvents, PressEvents, Omit<GlobalDOMAttributes<HTMLTableRowElement>, 'onClick'> {
|
|
4936
|
+
/**
|
|
4937
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
4938
|
+
* @default 'react-aria-Row'
|
|
4939
|
+
*/
|
|
4940
|
+
className?: ClassNameOrFunction<RowRenderProps>;
|
|
4941
|
+
/** A list of columns used when dynamically rendering cells. */
|
|
4942
|
+
columns?: Iterable<T>;
|
|
4943
|
+
/** The cells within the row. Supports static items or a function for dynamic rendering. */
|
|
4944
|
+
children?: ReactNode | ((item: T) => ReactElement);
|
|
4945
|
+
/** The object value that this row represents. When using dynamic collections, this is set automatically. */
|
|
4946
|
+
value?: T;
|
|
4947
|
+
/** Values that should invalidate the cell cache when using dynamic collections. */
|
|
4948
|
+
dependencies?: ReadonlyArray<any>;
|
|
4949
|
+
/** A string representation of the row's contents, used for features like typeahead. */
|
|
4950
|
+
textValue?: string;
|
|
4951
|
+
/** Whether the row is disabled. */
|
|
4952
|
+
isDisabled?: boolean;
|
|
4953
|
+
/**
|
|
4954
|
+
* Handler that is called when a user performs an action on the row. The exact user event depends on
|
|
4955
|
+
* the collection's `selectionBehavior` prop and the interaction modality.
|
|
4956
|
+
*/
|
|
4957
|
+
onAction?: () => void;
|
|
4958
|
+
/** The unique id of the row. */
|
|
4959
|
+
id?: Key;
|
|
4960
|
+
}
|
|
4961
|
+
interface CellRenderProps {
|
|
4962
|
+
/**
|
|
4963
|
+
* Whether the cell is currently in a pressed state.
|
|
4964
|
+
* @selector [data-pressed]
|
|
4965
|
+
*/
|
|
4966
|
+
isPressed: boolean;
|
|
4967
|
+
/**
|
|
4968
|
+
* Whether the cell is currently focused.
|
|
4969
|
+
* @selector [data-focused]
|
|
4970
|
+
*/
|
|
4971
|
+
isFocused: boolean;
|
|
4972
|
+
/**
|
|
4973
|
+
* Whether the cell is currently keyboard focused.
|
|
4974
|
+
* @selector [data-focus-visible]
|
|
4975
|
+
*/
|
|
4976
|
+
isFocusVisible: boolean;
|
|
4977
|
+
/**
|
|
4978
|
+
* Whether the cell is currently hovered with a mouse.
|
|
4979
|
+
* @selector [data-hovered]
|
|
4980
|
+
*/
|
|
4981
|
+
isHovered: boolean;
|
|
4982
|
+
/**
|
|
4983
|
+
* Whether the parent row is currently selected.
|
|
4984
|
+
* @selector [data-selected]
|
|
4985
|
+
*/
|
|
4986
|
+
isSelected: boolean;
|
|
4987
|
+
/**
|
|
4988
|
+
* The unique id of the cell.
|
|
4989
|
+
**/
|
|
4990
|
+
id?: Key;
|
|
4991
|
+
/**
|
|
4992
|
+
* The index of the column that this cell belongs to. Respects col spanning.
|
|
4993
|
+
*/
|
|
4994
|
+
columnIndex?: number | null;
|
|
4995
|
+
}
|
|
4996
|
+
interface CellProps$1 extends RenderProps<CellRenderProps, 'td' | 'div'>, GlobalDOMAttributes<HTMLTableCellElement> {
|
|
4997
|
+
/**
|
|
4998
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
4999
|
+
* @default 'react-aria-Cell'
|
|
5000
|
+
*/
|
|
5001
|
+
className?: ClassNameOrFunction<CellRenderProps>;
|
|
5002
|
+
/** The unique id of the cell. */
|
|
5003
|
+
id?: Key;
|
|
5004
|
+
/** A string representation of the cell's contents, used for features like typeahead. */
|
|
5005
|
+
textValue?: string;
|
|
5006
|
+
/** Indicates how many columns the data cell spans. */
|
|
5007
|
+
colSpan?: number;
|
|
5008
|
+
}
|
|
5009
|
+
interface TableLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'tr' | 'div', undefined>, GlobalDOMAttributes<HTMLTableRowElement> {
|
|
5010
|
+
/**
|
|
5011
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
5012
|
+
* @default 'react-aria-TableLoadMoreItem'
|
|
5013
|
+
*/
|
|
5014
|
+
className?: string;
|
|
5015
|
+
/**
|
|
5016
|
+
* The load more spinner to render when loading additional items.
|
|
5017
|
+
*/
|
|
5018
|
+
children?: ReactNode;
|
|
5019
|
+
/**
|
|
5020
|
+
* Whether or not the loading spinner should be rendered or not.
|
|
5021
|
+
*/
|
|
5022
|
+
isLoading?: boolean;
|
|
5023
|
+
}
|
|
5024
|
+
|
|
4351
5025
|
declare class Point$1 {
|
|
4352
5026
|
/** The x-coordinate of the point. */
|
|
4353
5027
|
x: number;
|
|
@@ -5365,6 +6039,9 @@ declare function isUrl(value: string, lenient?: boolean): boolean;
|
|
|
5365
6039
|
*/
|
|
5366
6040
|
declare function getOsSpecificKeyboardShortcutLabel(keyboardShortcut: string, useSymbol?: boolean): string;
|
|
5367
6041
|
|
|
6042
|
+
declare const clamp: (value: number, min: number, max: number) => number;
|
|
6043
|
+
|
|
6044
|
+
declare const capitalize: (str: string) => string;
|
|
5368
6045
|
/**
|
|
5369
6046
|
* Parses the given text using DOMParser and retrieves the plain text content of
|
|
5370
6047
|
* the HTML document body.
|
|
@@ -5532,6 +6209,11 @@ interface StylingWithUIState<T = object> {
|
|
|
5532
6209
|
style?: React__default.CSSProperties | ((props: UIStateOptions<T>) => React__default.CSSProperties);
|
|
5533
6210
|
}
|
|
5534
6211
|
interface ActionButtonSharedProps extends Omit<AriaButtonProps<"button" | "div">, "rel" | "href" | "target" | "children">, Omit<StylingProps, "className" | "style">, StylingWithUIState {
|
|
6212
|
+
/**
|
|
6213
|
+
* A slot name for the component. Used to integrate with React Aria Components'
|
|
6214
|
+
* context system (e.g., `slot="drag"` for drag handles in Table rows).
|
|
6215
|
+
*/
|
|
6216
|
+
slot?: string | null;
|
|
5535
6217
|
}
|
|
5536
6218
|
interface ActionButtonProps extends ActionButtonSharedProps {
|
|
5537
6219
|
/**
|
|
@@ -6548,6 +7230,29 @@ interface ToggleButtonProps extends Omit<StylingProps, "style" | "className">, O
|
|
|
6548
7230
|
|
|
6549
7231
|
declare const ToggleButton: React__default.ForwardRefExoticComponent<ToggleButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
6550
7232
|
|
|
7233
|
+
type CalendarSize = "xs" | "sm";
|
|
7234
|
+
type CalendarHeaderVariant = "title" | "selectMonth" | "selectMonthAndYear";
|
|
7235
|
+
interface CalendarBaseProps {
|
|
7236
|
+
/** The size of the calendar. */
|
|
7237
|
+
size?: CalendarSize;
|
|
7238
|
+
/** Optional title displayed above the calendar (e.g. "Date"). Shows a calendar icon and separator. */
|
|
7239
|
+
title?: string;
|
|
7240
|
+
/**
|
|
7241
|
+
* Controls how the calendar header is displayed.
|
|
7242
|
+
* - `"title"`: Month and year as plain text between navigation arrows (default).
|
|
7243
|
+
* - `"selectMonth"`: Month and year as a dropdown selector with grouped navigation arrows.
|
|
7244
|
+
* - `"selectMonthAndYear"`: Separate month and year sections, each with their own navigation arrows.
|
|
7245
|
+
* @default "title"
|
|
7246
|
+
*/
|
|
7247
|
+
headerVariant?: CalendarHeaderVariant;
|
|
7248
|
+
}
|
|
7249
|
+
type CalendarProps<T extends DateValue = DateValue> = StylingProps & Omit<CalendarProps$1<T>, "visibleDuration"> & CalendarBaseProps;
|
|
7250
|
+
type RangeCalendarProps<T extends DateValue = DateValue> = StylingProps & Omit<RangeCalendarProps$1<T>, "visibleDuration"> & CalendarBaseProps;
|
|
7251
|
+
|
|
7252
|
+
declare const Calendar: <T extends DateValue>(props: CalendarProps<T> & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement;
|
|
7253
|
+
|
|
7254
|
+
declare const RangeCalendar: <T extends DateValue>(props: RangeCalendarProps<T> & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement;
|
|
7255
|
+
|
|
6551
7256
|
interface CheckboxProps extends Omit<CheckboxProps$1, "children" | "className" | "style">, StylingProps {
|
|
6552
7257
|
/** The checkbox's label. */
|
|
6553
7258
|
label?: string;
|
|
@@ -6557,6 +7262,11 @@ interface CheckboxProps extends Omit<CheckboxProps$1, "children" | "className" |
|
|
|
6557
7262
|
* @default end
|
|
6558
7263
|
*/
|
|
6559
7264
|
labelPosition?: "start" | "end";
|
|
7265
|
+
/**
|
|
7266
|
+
* The slot attribute for composition with parent components like Table.
|
|
7267
|
+
* Pass `null` to explicitly opt out of slot context lookup.
|
|
7268
|
+
*/
|
|
7269
|
+
slot?: string | null;
|
|
6560
7270
|
}
|
|
6561
7271
|
|
|
6562
7272
|
declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLLabelElement>>;
|
|
@@ -6841,7 +7551,7 @@ interface UNSAFE_ListBoxProps extends StylingProps, Omit<AriaListBoxProps<ListIt
|
|
|
6841
7551
|
}
|
|
6842
7552
|
|
|
6843
7553
|
type SelectionMode = "single" | "multiple";
|
|
6844
|
-
interface SelectProps<M extends SelectionMode = SelectionMode> extends Omit<AriaSelectOptions<ListItem, M> & SelectStateOptions<ListItem, M> & PopoverContentProps, "validationState" | "items" | "children" | "isRequired" | "className" | "style" | "triggerRef" | "validate" | "validationBehavior" | "keyboardDelegate" | "state" | "overlayProps">, Pick<UNSAFE_ListBoxProps, "items" | "optionStyle" | "optionClassName">, Pick<ColorInputProps, "onTriggerPress">, StylingProps {
|
|
7554
|
+
interface SelectProps<M extends SelectionMode = SelectionMode> extends Omit<AriaSelectOptions<ListItem, M> & SelectStateOptions<ListItem, M> & PopoverContentProps, "validationState" | "items" | "children" | "isRequired" | "className" | "style" | "triggerRef" | "validate" | "validationBehavior" | "keyboardDelegate" | "state" | "overlayProps">, Pick<UNSAFE_ListBoxProps, "items" | "optionStyle" | "optionClassName" | "showSectionHeader">, Pick<ColorInputProps, "onTriggerPress">, StylingProps {
|
|
6845
7555
|
/**
|
|
6846
7556
|
* The position of the label.
|
|
6847
7557
|
*
|
|
@@ -8531,9 +9241,22 @@ declare function useFrameDimensions(): {
|
|
|
8531
9241
|
};
|
|
8532
9242
|
declare const FrameProvider: React__default.FC<FrameProviderProps>;
|
|
8533
9243
|
|
|
8534
|
-
|
|
9244
|
+
type DateFieldPickerType = "none" | "presentation" | "calendar";
|
|
9245
|
+
type DateFieldProps = StylingProps & Omit<Omit<DateFieldStateOptions, "locale"> & AriaDateFieldProps<DateValue>, "validationState" | "isInvalid" | "isRequired" | "validate" | "createCalendar"> & Pick<SharedInputProps, "variant" | "labelPosition" | "validationState" | "label"> & InputMessage & {
|
|
9246
|
+
/**
|
|
9247
|
+
* Controls the calendar picker integration.
|
|
9248
|
+
* - `"none"`: No calendar icon or picker (default).
|
|
9249
|
+
* - `"presentation"`: Trailing calendar icon, non-interactive.
|
|
9250
|
+
* - `"calendar"`: Trailing calendar icon button that opens a Calendar popover.
|
|
9251
|
+
*
|
|
9252
|
+
* @default "none"
|
|
9253
|
+
*/
|
|
9254
|
+
pickerType?: DateFieldPickerType;
|
|
9255
|
+
};
|
|
8535
9256
|
|
|
8536
|
-
|
|
9257
|
+
declare const DateField: React__default.ForwardRefExoticComponent<StylingProps & Omit<Omit<DateFieldStateOptions<DateValue>, "locale"> & AriaDateFieldProps<DateValue>, "isRequired" | "isInvalid" | "validationState" | "validate" | "createCalendar"> & Pick<SharedInputProps, "label" | "validationState" | "variant" | "labelPosition"> & InputMessage & {
|
|
9258
|
+
pickerType?: DateFieldPickerType;
|
|
9259
|
+
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
8537
9260
|
|
|
8538
9261
|
interface Breakpoints {
|
|
8539
9262
|
mobile: number;
|
|
@@ -8768,6 +9491,13 @@ declare const VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS: {
|
|
|
8768
9491
|
preserveAspectRatio: boolean;
|
|
8769
9492
|
};
|
|
8770
9493
|
};
|
|
9494
|
+
TABLE: {
|
|
9495
|
+
layout: typeof TableLayout;
|
|
9496
|
+
layoutOptions: {
|
|
9497
|
+
rowHeight: number;
|
|
9498
|
+
headingHeight: number;
|
|
9499
|
+
};
|
|
9500
|
+
};
|
|
8771
9501
|
};
|
|
8772
9502
|
|
|
8773
9503
|
interface CodeProps extends Omit<StylingProps, keyof BlockProps> {
|
|
@@ -8883,6 +9613,45 @@ interface KbdProps extends Omit<StylingProps, "data-block-id" | "data-block-clas
|
|
|
8883
9613
|
|
|
8884
9614
|
declare const Kbd: React__default.ForwardRefExoticComponent<KbdProps & React__default.RefAttributes<HTMLSpanElement>>;
|
|
8885
9615
|
|
|
9616
|
+
type TableProps = TableProps$1;
|
|
9617
|
+
type TableHeaderProps<T extends object = object> = TableHeaderProps$1<T>;
|
|
9618
|
+
type LoadMoreProps = {
|
|
9619
|
+
/**
|
|
9620
|
+
* Called when the table scrolls near the end of the currently loaded rows.
|
|
9621
|
+
* TableBody automatically renders an internal loading sentinel when this is provided.
|
|
9622
|
+
*/
|
|
9623
|
+
onLoadMore: TableLoadMoreItemProps["onLoadMore"];
|
|
9624
|
+
/** Whether the automatic loading indicator should be visible. Also suppresses re-triggering while a fetch is in flight. */
|
|
9625
|
+
isLoading?: TableLoadMoreItemProps["isLoading"];
|
|
9626
|
+
/**
|
|
9627
|
+
* Distance from the end of the scroll region that triggers loading, as a fraction of the container height.
|
|
9628
|
+
* @default 1 (100% of container height — triggers when the sentinel enters view)
|
|
9629
|
+
*/
|
|
9630
|
+
scrollOffset?: TableLoadMoreItemProps["scrollOffset"];
|
|
9631
|
+
} | {
|
|
9632
|
+
onLoadMore?: never;
|
|
9633
|
+
isLoading?: never;
|
|
9634
|
+
scrollOffset?: never;
|
|
9635
|
+
};
|
|
9636
|
+
type TableBodyProps<T extends object = object> = TableBodyProps$1<T> & LoadMoreProps;
|
|
9637
|
+
type ColumnProps = Omit<ColumnProps$1, "width" | "defaultWidth" | "minWidth" | "maxWidth">;
|
|
9638
|
+
type RowProps<T extends object = object> = RowProps$1<T>;
|
|
9639
|
+
type CellProps = CellProps$1;
|
|
9640
|
+
|
|
9641
|
+
declare const Table: React__default.ForwardRefExoticComponent<TableProps$1 & React__default.RefAttributes<HTMLDivElement | HTMLTableElement>>;
|
|
9642
|
+
declare const TableHeader: React__default.ForwardRefExoticComponent<TableHeaderProps & React__default.RefAttributes<HTMLTableSectionElement>>;
|
|
9643
|
+
declare const Column: React__default.ForwardRefExoticComponent<ColumnProps & React__default.RefAttributes<HTMLTableCellElement>>;
|
|
9644
|
+
declare const TableBody: React__default.ForwardRefExoticComponent<TableBodyProps & React__default.RefAttributes<HTMLDivElement | HTMLTableSectionElement>>;
|
|
9645
|
+
declare const Row: React__default.ForwardRefExoticComponent<RowProps & React__default.RefAttributes<HTMLTableRowElement>>;
|
|
9646
|
+
declare const Cell: React__default.ForwardRefExoticComponent<CellProps$1 & React__default.RefAttributes<HTMLTableCellElement>>;
|
|
9647
|
+
|
|
9648
|
+
interface UseTableDragAndDropOptions<T extends object = object> extends DragAndDropOptions<T> {
|
|
9649
|
+
/** Ref to the scrollable container element. When provided, auto-scroll
|
|
9650
|
+
* activates when dragging near container edges. */
|
|
9651
|
+
scrollRef?: React__default.RefObject<HTMLElement>;
|
|
9652
|
+
}
|
|
9653
|
+
declare function useTableDragAndDrop<T extends object = object>(options: UseTableDragAndDropOptions<T>): DragAndDrop<T>;
|
|
9654
|
+
|
|
8886
9655
|
interface SkeletonProps {
|
|
8887
9656
|
/** The className applied to the root element of the component. */
|
|
8888
9657
|
className?: string;
|
|
@@ -9302,4 +10071,4 @@ declare namespace reactStately {
|
|
|
9302
10071
|
export { type reactStately_Color as Color, type reactStately_ListData as ListData, type reactStately_TreeData as TreeData, reactStately_useListData as useListData, reactStately_useTreeData as useTreeData };
|
|
9303
10072
|
}
|
|
9304
10073
|
|
|
9305
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, Actionable, type ActionableProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Autocomplete, type AutocompleteProps, Avatar, type AvatarProps, type BlockProps, type BoundaryAxis, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, Code, type CodeProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateField, type DateFieldProps, DateFormat, type DateFormatProps, DefaultListOption, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, type DisclosureProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FocusScope, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridLayout, GridList, type GridListProps, Group, type GroupProps, type HorizontalBoundaryBehavior, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Kbd, type KbdProps, type Key, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle$1 as ListHandle, ListLayout, type ListOption, LocaleAwareGridLayout, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, PointPicker, PointPickerContent, type PointPickerContentProps, PointPickerDisplay, type PointPickerDisplayProps, type PointPickerProps, Popover, PopoverContent, type PopoverContentHandle, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, type PressEvent, Pressable, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, type Rect, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Size, Skeleton, type SkeletonProps, Slider, type SliderProps, StatusCard, type StatusCardProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, TableLayout, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, type TagVariant, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToastQueue, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, type TreeListItem, TreeView, type TreeViewProps, UNSAFE_ListBox, type UNSAFE_ListBoxProps, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS, Virtualizer, type VirtualizerProps, VisuallyHidden, WaterfallLayout, announce, booleanOrObjectToConfig, calculateFontSizeToFitWidth, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, iconMap, invariant, isFocusableElement, isInIframe, isInShadowDOM, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useDragAndDrop, useFilter, useFocusRing, useFocusVisible, useFrameDimensions, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useListData, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, usePreventFocus, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
|
|
10074
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, Actionable, type ActionableProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Autocomplete, type AutocompleteProps, Avatar, type AvatarProps, type BlockProps, type BoundaryAxis, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Calendar, type CalendarHeaderVariant, type CalendarProps, type CalendarSize, Cell, type CellProps, Checkbox, type CheckboxProps, Code, type CodeProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, DateField, type DateFieldPickerType, type DateFieldProps, DateFormat, type DateFormatProps, DefaultListOption, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, type DisclosureProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FocusScope, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridLayout, GridList, type GridListProps, Group, type GroupProps, type HorizontalBoundaryBehavior, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Kbd, type KbdProps, type Key, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle$1 as ListHandle, ListLayout, type ListOption, LocaleAwareGridLayout, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, PointPicker, PointPickerContent, type PointPickerContentProps, PointPickerDisplay, type PointPickerDisplayProps, type PointPickerProps, Popover, PopoverContent, type PopoverContentHandle, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, type PressEvent, Pressable, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, RangeCalendar, type RangeCalendarProps, Reaction, type ReactionProps, type Rect, Row, type RowProps, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Size, Skeleton, type SkeletonProps, Slider, type SliderProps, StatusCard, type StatusCardProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Table, TableBody, type TableBodyProps, TableHeader, type TableHeaderProps, TableLayout, type TableProps, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, type TagVariant, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToastQueue, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, type TreeListItem, TreeView, type TreeViewProps, UNSAFE_ListBox, type UNSAFE_ListBoxProps, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, type UseTableDragAndDropOptions, VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS, Virtualizer, type VirtualizerProps, VisuallyHidden, WaterfallLayout, announce, booleanOrObjectToConfig, calculateFontSizeToFitWidth, capitalize, clamp, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, iconMap, invariant, isFocusableElement, isInIframe, isInShadowDOM, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useDragAndDrop, useFilter, useFocusRing, useFocusVisible, useFrameDimensions, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useListData, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, usePreventFocus, useResizeObserver, useTableDragAndDrop, useTextSelection, useUndoRedo, useUserPreferences };
|