@assure-one/design-system 1.47.1 → 1.49.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/codemods/lib/entry-map.mjs +4 -0
- package/dist/{brand-scope-DwLzUrSY.d.ts → brand-scope-ObBYNT0J.d.ts} +3 -63
- package/dist/{chunk-FIRPQWYR.js → chunk-4OAER6Q6.js} +1258 -270
- package/dist/chunk-4OAER6Q6.js.map +1 -0
- package/dist/{chunk-6CXI3KRG.js → chunk-7VPEFOTS.js} +796 -336
- package/dist/chunk-7VPEFOTS.js.map +1 -0
- package/dist/{chunk-IIBDSTOG.js → chunk-SFHFY72L.js} +229 -17
- package/dist/chunk-SFHFY72L.js.map +1 -0
- package/dist/css/components.css +1 -1
- package/dist/{data-table-view-D9a1_IRF.d.ts → data-table-view-CNTfzEyS.d.ts} +769 -16
- package/dist/{design-system-provider-C6Tu1vyg.d.ts → design-system-provider-YblRtwYw.d.ts} +1 -1
- package/dist/index.d.ts +926 -393
- package/dist/index.js +3227 -340
- package/dist/index.js.map +1 -1
- package/dist/legacy/index.d.ts +4 -3
- package/dist/legacy/index.js +2 -2
- package/dist/next/index.d.ts +2 -2
- package/dist/option-izy_4w4Z.d.ts +64 -0
- package/dist/styles.css +1 -1
- package/dist/suite/index.d.ts +38 -4
- package/dist/suite/index.js +2 -2
- package/dist/{types-BTHIs2nk.d.ts → types-CKpkEBvW.d.ts} +282 -1
- package/docs/components.md +20 -8
- package/docs/components.registry.json +153 -9
- package/package.json +2 -1
- package/dist/chunk-6CXI3KRG.js.map +0 -1
- package/dist/chunk-FIRPQWYR.js.map +0 -1
- package/dist/chunk-IIBDSTOG.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -11,15 +11,15 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
|
|
|
11
11
|
import { VariantProps } from 'class-variance-authority';
|
|
12
12
|
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
13
13
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
14
|
-
import { c as AvatarSlot, d as FileUploadSlot, I as InputSlot, N as NumberInputSlot, P as PhoneFieldSlot, e as SearchInputSlot, f as ThemeDensity, g as TextareaSlot, h as BadgeSize, i as BadgeShape, j as
|
|
15
|
-
export {
|
|
14
|
+
import { c as AvatarSlot, d as FileUploadSlot, I as InputSlot, N as NumberInputSlot, P as PhoneFieldSlot, e as SearchInputSlot, f as ThemeDensity, g as TextareaSlot, h as BadgeSize, i as BadgeShape, j as DataTableController, k as DataTableSlot, l as TableProps, m as DataTableRowModel } from './data-table-view-CNTfzEyS.js';
|
|
15
|
+
export { n as AlertDialogSlot, o as Badge, p as BadgeAppearance, q as BadgeAppearanceInput, r as BadgeLegacyVariant, B as BadgeProps, s as BadgeSlot, t as BadgeVariant, u as BadgeVariantsProps, v as ButtonSlot, C as CardSlot, w as CheckboxSlot, x as ChipSlot, y as CodeSlot, z as ComboboxSlot, E as CommandSlot, G as ContextMenuSlot, H as DataTable, J as DataTableAccessor, K as DataTableAriaSort, L as DataTableBody, O as DataTableBodyProps, Q as DataTableCell, R as DataTableCellDue, U as DataTableCellDueProps, V as DataTableCellId, W as DataTableCellMono, X as DataTableCellName, Y as DataTableCellProps, Z as DataTableCellSecondary, _ as DataTableCellSecondaryProps, $ as DataTableCheckbox, a0 as DataTableCheckboxProps, a1 as DataTableColumn, a2 as DataTableColumnOrderApi, a3 as DataTableColumnOrderState, a4 as DataTableColumnPinningApi, a5 as DataTableColumnPinningState, a6 as DataTableColumnVisibilityApi, a7 as DataTableColumnVisibilityState, a8 as DataTableColumnWidthsApi, a9 as DataTableColumnWidthsState, aa as DataTableFilterDefinition, ab as DataTableFilterValue, ac as DataTableFiltersApi, ad as DataTableFiltersState, ae as DataTableHead, af as DataTableHeadProps, ag as DataTableHeader, ah as DataTableHeaderProps, ai as DataTableLoadMore, aj as DataTableLoadMoreProps, ak as DataTableMultiSortingState, al as DataTablePaginationApi, am as DataTablePaginationState, an as DataTableProps, ao as DataTableResultsCount, ap as DataTableResultsCountProps, aq as DataTableRow, ar as DataTableRowProps, as as DataTableSearch, at as DataTableSearchApi, au as DataTableSearchProps, av as DataTableSelectionApi, aw as DataTableSelectionState, ax as DataTableSortDirection, ay as DataTableSortToggleOptions, az as DataTableSortValue, aA as DataTableSortingApi, aB as DataTableSortingState, aC as DataTableSpacer, aD as DataTableSpacerProps, aE as DataTableSpacerRow, aF as DataTableSpacerRowProps, aG as DataTableState, aH as DataTableToolbar, aI as DataTableToolbarProps, aJ as DataTableView, aK as DataTableViewColumn, aL as DataTableViewFilter, aM as DataTableViewProps, aN as DataTableViewSelection, aO as DataTableViewSort, aP as DataTableVirtualRows, aQ as DialogSlot, aR as DropdownMenuSlot, aS as EmptyValue, aT as FieldSlot, aU as FieldsetSlot, aV as FileChip, aW as FileChipProps, F as FileKind, aX as FilterChipsSlot, aY as HeadingSlot, aZ as IconButtonSlot, a_ as InlineSlot, a$ as KbdSlot, b0 as LabelSlot, b1 as LinkButtonSlot, b2 as ListPageSlot, b3 as PaginationSlot, b4 as PopoverSlot, b5 as PressableSlot, b6 as RadioGroupSlot, b7 as SERVICE_TONES, b8 as Select, b9 as SelectClassNames, ba as SelectContent, bb as SelectContentProps, bc as SelectGroup, bd as SelectItem, be as SelectLabel, bf as SelectOption, bg as SelectProps, bh as SelectRoot, bi as SelectScrollDownButton, bj as SelectScrollUpButton, bk as SelectSeparator, S as SelectSize, bl as SelectSlot, bm as SelectTrigger, bn as SelectTriggerProps, bo as SelectValue, a as ServiceTone, bp as SheetSlot, bq as ShellSlot, br as SideDrawerSlot, bs as SidebarBrandSwitcherSlot, bt as SidebarSlot, bu as SortDirection, bv as StackSlot, bw as StatStripSlot, bx as StatusBadgeSlot, by as SurfaceSlot, bz as SwitchSlot, bA as Table, bB as TableBody, bC as TableBodyProps, bD as TableCaption, bE as TableCaptionProps, bF as TableCell, bG as TableCellAlign, bH as TableCellCommonProps, bI as TableCellProps, bJ as TableCellSecondary, bK as TableCellSecondaryProps, bL as TableFooter, bM as TableFooterProps, bN as TableGroupRow, bO as TableGroupRowProps, bP as TableGroupRowSubtotal, bQ as TableHead, bR as TableHeadProps, bS as TableHeader, bT as TableHeaderProps, bU as TableHeaderStyle, bV as TableRow, bW as TableRowData, bX as TableRowProps, bY as TableSlot, bZ as TableSortChangeMeta, b_ as TableSortDirection, b$ as TableStickyEdge, c0 as TableTone, c1 as TextSlot, c2 as ThemeBrand, c3 as ThemeDirection, c4 as ThemeScheme, c5 as ThemeScope, c6 as ThemeScopeProps, c7 as ThemeScopeValue, c8 as ToastSlot, c9 as TooltipSlot, ca as UseDataTableOptions, cb as UseDataTableVirtualRowsOptions, cc as UseScrollRestorationOptions, cd as badgeVariants, ce as compareSortValues, cf as nextSortDirection, cg as resolveBadgeAppearance, ch as serviceToneLabel, ci as serviceToneStyle, cj as useDataTable, ck as useDataTableVirtualRows, cl as useScrollRestoration } from './data-table-view-CNTfzEyS.js';
|
|
16
16
|
import { DayPickerProps } from 'react-day-picker';
|
|
17
17
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
18
|
-
import { C as ComboboxSize,
|
|
19
|
-
export { e as BrandScope, f as BrandScopeProps, g as BrandScopeProvider, h as Combobox, i as ComboboxBaseProps, j as ComboboxClassNames, k as ComboboxOptionState, l as ComboboxSelectionControls, m as ComboboxSingleProps, D as DEFAULT_COMBOBOX_MESSAGES, n as
|
|
18
|
+
import { C as ComboboxSize, c as ComboboxMultipleProps, d as ComboboxProps } from './brand-scope-ObBYNT0J.js';
|
|
19
|
+
export { e as BrandScope, f as BrandScopeProps, g as BrandScopeProvider, h as Combobox, i as ComboboxBaseProps, j as ComboboxClassNames, k as ComboboxOptionState, l as ComboboxSelectionControls, m as ComboboxSingleProps, D as DEFAULT_COMBOBOX_MESSAGES, n as brandScope, u as useBrandScope } from './brand-scope-ObBYNT0J.js';
|
|
20
20
|
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
21
|
-
import { d as CommandPaletteMessages, e as ConfirmMessages, f as CopyButtonMessages, E as ErrorStateMessages, F as FileUploadMessages, K as KeyboardShortcutsMessages, P as PaginationMessages, g as PhoneFieldMessages, h as SearchInputMessages, i as TableDensityMessages, j as ToastMessages, k as FieldMessages, l as TableStatesMessages, m as DataTableMessages } from './types-
|
|
22
|
-
export { C as ComboboxMessages, D as DsMessageNamespace, a as DsMessages, b as DsMessagesOverride, S as SelectMessages, T as TableMessages } from './types-
|
|
21
|
+
import { d as CommandPaletteMessages, e as ConfirmMessages, f as CopyButtonMessages, E as ErrorStateMessages, F as FileUploadMessages, K as KeyboardShortcutsMessages, P as PaginationMessages, g as PhoneFieldMessages, h as SearchInputMessages, i as TableDensityMessages, j as ToastMessages, k as FieldMessages, l as TableStatesMessages, m as DisplayMenuMessages, n as DisplayMenuFiltersMessages, o as FilterChipsMessages, L as ListPageMessages, p as DataTableMessages } from './types-CKpkEBvW.js';
|
|
22
|
+
export { B as BulkActionBarMessages, C as ComboboxMessages, D as DsMessageNamespace, a as DsMessages, b as DsMessagesOverride, S as SelectMessages, q as StatStripMessages, T as TableMessages } from './types-CKpkEBvW.js';
|
|
23
23
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
24
24
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
25
25
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
@@ -37,7 +37,9 @@ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
|
37
37
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
38
38
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
39
39
|
import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';
|
|
40
|
-
|
|
40
|
+
import { O as Option } from './option-izy_4w4Z.js';
|
|
41
|
+
export { a as OptionAccessors } from './option-izy_4w4Z.js';
|
|
42
|
+
export { a as DesignSystemProvider, D as DesignSystemProviderProps, b as DsDirection, I as ImageComponent, c as ImageComponentProps, L as LinkComponent, d as LinkComponentProps, T as TooltipDefaults, u as useDsMessages } from './design-system-provider-YblRtwYw.js';
|
|
41
43
|
import { ClassValue } from 'clsx';
|
|
42
44
|
import '@radix-ui/react-select';
|
|
43
45
|
import './brand-theme-ZYM867Jz.js';
|
|
@@ -1338,7 +1340,18 @@ interface DropdownMenuItemProps extends React$1.ComponentPropsWithoutRef<typeof
|
|
|
1338
1340
|
*/
|
|
1339
1341
|
declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1340
1342
|
declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1341
|
-
|
|
1343
|
+
interface DropdownMenuRadioItemProps extends React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> {
|
|
1344
|
+
/**
|
|
1345
|
+
* How the chosen item is marked. `dot` draws a filled dot in a well at the
|
|
1346
|
+
* start of the row. `check` draws a check at the end of the row instead, as
|
|
1347
|
+
* a Select option does, and drops the leading well: use it when each item
|
|
1348
|
+
* leads with its own glyph (a status dot, an icon, an avatar), so the row
|
|
1349
|
+
* never shows two dots side by side.
|
|
1350
|
+
* @default "dot"
|
|
1351
|
+
*/
|
|
1352
|
+
indicator?: "dot" | "check" | undefined;
|
|
1353
|
+
}
|
|
1354
|
+
declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1342
1355
|
declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
1343
1356
|
inset?: boolean;
|
|
1344
1357
|
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -4754,330 +4767,77 @@ type FieldsetLegendProps = HTMLAttributes<HTMLLegendElement>;
|
|
|
4754
4767
|
*/
|
|
4755
4768
|
declare const FieldsetLegend: React$1.ForwardRefExoticComponent<FieldsetLegendProps & React$1.RefAttributes<HTMLLegendElement>>;
|
|
4756
4769
|
|
|
4757
|
-
/**
|
|
4758
|
-
|
|
4759
|
-
|
|
4760
|
-
|
|
4761
|
-
|
|
4762
|
-
|
|
4763
|
-
|
|
4764
|
-
|
|
4765
|
-
|
|
4766
|
-
|
|
4767
|
-
* and hands back stable ids for the ARIA wiring the rendering layer adds.
|
|
4768
|
-
*
|
|
4769
|
-
* Why it exists: today `DataTableView` keeps sort, search and page in private
|
|
4770
|
-
* state, so TAX seeds it once through `initialSort` and *listens to header
|
|
4771
|
-
* clicks by header text* to keep the URL in step (`use-queue-view.ts`), and
|
|
4772
|
-
* PRO hand-rolls the same three states per table. Every slice here is
|
|
4773
|
-
* observable and settable, so those bridges become `sorting` +
|
|
4774
|
-
* `onSortingChange`.
|
|
4775
|
-
*
|
|
4776
|
-
* `manual` (W6-05) turns the row model off for server-side tables: the hook
|
|
4777
|
-
* then never sorts, filters, searches or pages `data` itself — it only holds
|
|
4778
|
-
* and emits state, and `rowCount` sizes the pager.
|
|
4779
|
-
*
|
|
4780
|
-
* Every state slice is plain JSON (arrays and records, no `Set`/`Map`), so it
|
|
4781
|
-
* can be written to a URL or storage as it is. Persisting column visibility is
|
|
4782
|
-
* the consumer's `onColumnVisibilityChange`; the design system never touches
|
|
4783
|
-
* `localStorage`.
|
|
4784
|
-
*
|
|
4785
|
-
* @experimental
|
|
4786
|
-
*/
|
|
4787
|
-
/** Sort direction of one column; `null` on the sorting slice means unsorted. */
|
|
4788
|
-
type DataTableSortDirection = "asc" | "desc";
|
|
4789
|
-
/** What a column reads from a row: a property name or a function. */
|
|
4790
|
-
type DataTableAccessor<TRow> = keyof TRow | ((row: TRow) => unknown);
|
|
4791
|
-
/** A value the built-in comparator orders. `null`/`undefined` always sort last. */
|
|
4792
|
-
type DataTableSortValue = string | number | boolean | Date | null | undefined;
|
|
4793
|
-
/**
|
|
4794
|
-
* One column of a data table. `id` is the stable key the sorting and
|
|
4795
|
-
* column-visibility slices refer to and the ids for ARIA are derived from.
|
|
4796
|
-
*
|
|
4797
|
-
* @experimental
|
|
4798
|
-
*/
|
|
4799
|
-
interface DataTableColumn<TRow> {
|
|
4800
|
-
/** Stable identifier: the key in `sorting`, `columnVisibility` and derived DOM ids. */
|
|
4801
|
-
id: string;
|
|
4802
|
-
/** Header content. Any node — not string-only, so a consumer never has to find a column by its text. */
|
|
4803
|
-
header: ReactNode;
|
|
4804
|
-
/** How the cell value is read. Defaults to `row[id]` when `id` is a key of the row. */
|
|
4805
|
-
accessor?: DataTableAccessor<TRow>;
|
|
4806
|
-
/** Cell renderer. Defaults to the accessor value rendered as text by the rendering layer. */
|
|
4807
|
-
cell?: (row: TRow, context: {
|
|
4808
|
-
value: unknown;
|
|
4809
|
-
rowId: string;
|
|
4810
|
-
index: number;
|
|
4811
|
-
}) => ReactNode;
|
|
4812
|
-
/** Whether the header offers sorting. Default `false`. */
|
|
4813
|
-
sortable?: boolean | undefined;
|
|
4814
|
-
/** Custom sort key (e.g. a numeric age behind a "5h ago" label). Defaults to the accessor value. */
|
|
4815
|
-
sortValue?: ((row: TRow) => DataTableSortValue) | undefined;
|
|
4816
|
-
/**
|
|
4817
|
-
* Whether the client-side search reads this column. Default `true` for a
|
|
4818
|
-
* column with an accessor. `searchText` overrides what is read.
|
|
4819
|
-
*/
|
|
4820
|
-
searchable?: boolean;
|
|
4821
|
-
/** Text the client-side search matches for this column. Defaults to `String(value)`. */
|
|
4822
|
-
searchText?: (row: TRow) => string;
|
|
4823
|
-
/** Whether the columns menu may hide it. Default `true`. */
|
|
4824
|
-
hideable?: boolean;
|
|
4825
|
-
/** Layout hint for the rendering layer (W6-01 `TableCell align`). */
|
|
4826
|
-
align?: "start" | "center" | "end";
|
|
4827
|
-
/** Layout hint: right-aligned, tabular figures (W6-01 `TableCell numeric`). */
|
|
4828
|
-
numeric?: boolean;
|
|
4829
|
-
/** Layout hint: a CSS width for the column. */
|
|
4830
|
-
width?: string;
|
|
4831
|
-
}
|
|
4832
|
-
/**
|
|
4833
|
-
* One filter of a data table: which rows a value keeps, and the options the
|
|
4834
|
-
* rendering layer offers, in the shared {@link Option} model.
|
|
4835
|
-
*
|
|
4836
|
-
* @experimental
|
|
4837
|
-
*/
|
|
4838
|
-
interface DataTableFilterDefinition<TRow, TValue extends string = string> {
|
|
4839
|
-
id: string;
|
|
4840
|
-
label: string;
|
|
4841
|
-
options: readonly Option<TValue>[];
|
|
4842
|
-
/** `true` keeps the row for the given value. Receives one value at a time, also for a multi-value filter. */
|
|
4843
|
-
match: (row: TRow, value: TValue) => boolean;
|
|
4844
|
-
/** Whether several values may be active (a row matches when any matches). Default `false`. */
|
|
4845
|
-
multiple?: boolean;
|
|
4846
|
-
}
|
|
4847
|
-
/** Sorting slice: one column and a direction, or `null` for unsorted. */
|
|
4848
|
-
interface DataTableSortingState {
|
|
4849
|
-
columnId: string;
|
|
4850
|
-
direction: DataTableSortDirection;
|
|
4851
|
-
}
|
|
4852
|
-
/** Pagination slice. `page` is 1-based, like `Pagination` and `DataTableView`. */
|
|
4853
|
-
interface DataTablePaginationState {
|
|
4854
|
-
page: number;
|
|
4855
|
-
pageSize: number;
|
|
4856
|
-
}
|
|
4857
|
-
/** Filters slice: filter id → active value(s). A missing key, `null` or `[]` means "all". */
|
|
4858
|
-
type DataTableFilterValue = string | readonly string[] | null;
|
|
4859
|
-
type DataTableFiltersState = Readonly<Record<string, DataTableFilterValue>>;
|
|
4860
|
-
/** Column-visibility slice: column id → shown. A missing key means shown. */
|
|
4861
|
-
type DataTableColumnVisibilityState = Readonly<Record<string, boolean>>;
|
|
4862
|
-
/** Selection slice: the ids of the selected rows, in selection order. */
|
|
4863
|
-
type DataTableSelectionState = readonly string[];
|
|
4864
|
-
/**
|
|
4865
|
-
* The whole serialisable state of a table, e.g. for a URL or storage mirror.
|
|
4866
|
-
*
|
|
4867
|
-
* @experimental
|
|
4868
|
-
*/
|
|
4869
|
-
interface DataTableState {
|
|
4870
|
-
sorting: DataTableSortingState | null;
|
|
4871
|
-
pagination: DataTablePaginationState;
|
|
4872
|
-
search: string;
|
|
4873
|
-
selection: DataTableSelectionState;
|
|
4874
|
-
columnVisibility: DataTableColumnVisibilityState;
|
|
4875
|
-
filters: DataTableFiltersState;
|
|
4770
|
+
/** The `DisplayMenu` grouping option meaning "no grouping". @experimental */
|
|
4771
|
+
declare const DATA_TABLE_NO_GROUPING = "none";
|
|
4772
|
+
/** One group of a {@link useDataTableGrouping} result. @experimental */
|
|
4773
|
+
interface DataTableGroup<TRow> {
|
|
4774
|
+
key: string;
|
|
4775
|
+
/** Every loaded row of the group, whether or not it is open. */
|
|
4776
|
+
rows: readonly TRow[];
|
|
4777
|
+
/** `rows.length`. */
|
|
4778
|
+
count: number;
|
|
4779
|
+
open: boolean;
|
|
4876
4780
|
}
|
|
4877
|
-
/**
|
|
4878
|
-
|
|
4879
|
-
|
|
4880
|
-
|
|
4781
|
+
/** One entry of the flat list a grouped table renders. @experimental */
|
|
4782
|
+
type DataTableGroupedItem<TRow> = {
|
|
4783
|
+
type: "group";
|
|
4784
|
+
key: string;
|
|
4785
|
+
group: DataTableGroup<TRow>;
|
|
4786
|
+
} | {
|
|
4787
|
+
type: "row";
|
|
4788
|
+
key: string;
|
|
4789
|
+
row: TRow;
|
|
4790
|
+
groupKey: string | null;
|
|
4791
|
+
};
|
|
4792
|
+
/** {@link useDataTableGrouping} options. @experimental */
|
|
4793
|
+
interface UseDataTableGroupingOptions<TRow> {
|
|
4794
|
+
/** The rows in display order (already filtered and sorted). */
|
|
4795
|
+
rows: readonly TRow[];
|
|
4796
|
+
/**
|
|
4797
|
+
* The grouping dimension, e.g. the selected key of a `DisplayMenu`
|
|
4798
|
+
* "Grouping" section. `null`, `undefined` or `"none"` turns grouping off.
|
|
4799
|
+
*/
|
|
4800
|
+
groupBy?: string | null | undefined;
|
|
4801
|
+
/** The group a row belongs to under `groupBy`. */
|
|
4802
|
+
getGroupKey: (row: TRow, groupBy: string) => string;
|
|
4803
|
+
/** A row's stable key. */
|
|
4804
|
+
getRowKey: (row: TRow, index: number) => string;
|
|
4805
|
+
/** Order of the groups. Default: the order each group is first met in `rows`. */
|
|
4806
|
+
compareGroups?: ((a: string, b: string) => number) | undefined;
|
|
4807
|
+
/** Collapsed group keys (controlled). */
|
|
4808
|
+
collapsed?: readonly string[] | undefined;
|
|
4809
|
+
/** Collapsed group keys to start with (uncontrolled). Default none. */
|
|
4810
|
+
defaultCollapsed?: readonly string[] | undefined;
|
|
4811
|
+
onCollapsedChange?: ((collapsed: readonly string[]) => void) | undefined;
|
|
4812
|
+
/**
|
|
4813
|
+
* Remember the uncontrolled collapse state under this key, per `groupBy`.
|
|
4814
|
+
* Read after mount only (SSR-safe).
|
|
4815
|
+
*/
|
|
4816
|
+
persistKey?: string | undefined;
|
|
4817
|
+
/** Storage for `persistKey`. Default `localStorage`. */
|
|
4818
|
+
storage?: Pick<Storage, "getItem" | "setItem"> | undefined;
|
|
4819
|
+
}
|
|
4820
|
+
/** What {@link useDataTableGrouping} returns. @experimental */
|
|
4821
|
+
interface DataTableGrouping<TRow> {
|
|
4822
|
+
/** Grouping is on (`groupBy` names a dimension). */
|
|
4823
|
+
enabled: boolean;
|
|
4824
|
+
groups: readonly DataTableGroup<TRow>[];
|
|
4825
|
+
/** Group headers and the rows of open groups, flat — render or virtualise this. */
|
|
4826
|
+
items: readonly DataTableGroupedItem<TRow>[];
|
|
4827
|
+
collapsed: readonly string[];
|
|
4828
|
+
isOpen: (groupKey: string) => boolean;
|
|
4829
|
+
setOpen: (groupKey: string, open: boolean) => void;
|
|
4830
|
+
toggle: (groupKey: string) => void;
|
|
4831
|
+
collapseAll: () => void;
|
|
4832
|
+
expandAll: () => void;
|
|
4833
|
+
}
|
|
4834
|
+
/**
|
|
4835
|
+
* Groups a table's rows by one dimension and flattens them into headers and
|
|
4836
|
+
* the rows of open groups.
|
|
4881
4837
|
*
|
|
4882
4838
|
* @experimental
|
|
4883
4839
|
*/
|
|
4884
|
-
|
|
4885
|
-
/** The rows. In client mode the full set; in `manual` mode the current page as the server returned it. */
|
|
4886
|
-
data: readonly TRow[];
|
|
4887
|
-
columns: readonly DataTableColumn<TRow>[];
|
|
4888
|
-
/** Filter definitions (`filters` is the state). */
|
|
4889
|
-
filterDefinitions?: readonly DataTableFilterDefinition<TRow>[] | undefined;
|
|
4890
|
-
/**
|
|
4891
|
-
* Stable id of a row. Defaults to `row.id` when it is a string or number,
|
|
4892
|
-
* otherwise the row's index (fine for static data; pass one for anything
|
|
4893
|
-
* that reorders).
|
|
4894
|
-
*/
|
|
4895
|
-
getRowId?: ((row: TRow, index: number) => string) | undefined;
|
|
4896
|
-
/** Whether a row may be selected. Default: every row. */
|
|
4897
|
-
isRowSelectable?: ((row: TRow) => boolean) | undefined;
|
|
4898
|
-
/** Base id for the derived DOM ids (`getColumnId`, `getRowDomId`). Generated when omitted. */
|
|
4899
|
-
id?: string | undefined;
|
|
4900
|
-
/**
|
|
4901
|
-
* Server mode (W6-05): the hook never sorts, filters, searches or pages
|
|
4902
|
-
* `data` — it only holds and emits state. `rowCount` sizes the pager.
|
|
4903
|
-
* Default `false`.
|
|
4904
|
-
*/
|
|
4905
|
-
manual?: boolean | undefined;
|
|
4906
|
-
/** Total number of rows matching the current search and filters, in `manual` mode. Defaults to `data.length`. */
|
|
4907
|
-
rowCount?: number | undefined;
|
|
4908
|
-
/**
|
|
4909
|
-
* Called by `selection.selectAllMatching()` in `manual` mode, where only the
|
|
4910
|
-
* server knows every matching id: receives the current state so the
|
|
4911
|
-
* consumer can resolve the ids and set the selection.
|
|
4912
|
-
*/
|
|
4913
|
-
onSelectAllMatching?: ((state: DataTableState) => void) | undefined;
|
|
4914
|
-
/**
|
|
4915
|
-
* Whether changing the search or a filter returns to page 1. Default
|
|
4916
|
-
* `true` (today's `DataTableView`). Sorting never resets the page.
|
|
4917
|
-
*/
|
|
4918
|
-
resetPageOnChange?: boolean | undefined;
|
|
4919
|
-
sorting?: DataTableSortingState | null | undefined;
|
|
4920
|
-
defaultSorting?: DataTableSortingState | null | undefined;
|
|
4921
|
-
onSortingChange?: ((sorting: DataTableSortingState | null) => void) | undefined;
|
|
4922
|
-
pagination?: DataTablePaginationState | undefined;
|
|
4923
|
-
defaultPagination?: Partial<DataTablePaginationState> | undefined;
|
|
4924
|
-
onPaginationChange?: ((pagination: DataTablePaginationState) => void) | undefined;
|
|
4925
|
-
search?: string | undefined;
|
|
4926
|
-
defaultSearch?: string | undefined;
|
|
4927
|
-
onSearchChange?: ((search: string) => void) | undefined;
|
|
4928
|
-
selection?: DataTableSelectionState | undefined;
|
|
4929
|
-
defaultSelection?: DataTableSelectionState | undefined;
|
|
4930
|
-
onSelectionChange?: ((selection: DataTableSelectionState) => void) | undefined;
|
|
4931
|
-
columnVisibility?: DataTableColumnVisibilityState | undefined;
|
|
4932
|
-
defaultColumnVisibility?: DataTableColumnVisibilityState | undefined;
|
|
4933
|
-
/** The persistence hook for column visibility: write it wherever the product keeps preferences. */
|
|
4934
|
-
onColumnVisibilityChange?: ((columnVisibility: DataTableColumnVisibilityState) => void) | undefined;
|
|
4935
|
-
filters?: DataTableFiltersState | undefined;
|
|
4936
|
-
defaultFilters?: DataTableFiltersState | undefined;
|
|
4937
|
-
onFiltersChange?: ((filters: DataTableFiltersState) => void) | undefined;
|
|
4938
|
-
/** Whole-state control. A granular prop (`sorting`, `search`, …) wins over the matching key. */
|
|
4939
|
-
state?: Partial<DataTableState> | undefined;
|
|
4940
|
-
defaultState?: Partial<DataTableState> | undefined;
|
|
4941
|
-
/** Called with the complete next state after any slice changes. */
|
|
4942
|
-
onStateChange?: ((state: DataTableState) => void) | undefined;
|
|
4943
|
-
}
|
|
4944
|
-
/** One row of the derived row model. */
|
|
4945
|
-
interface DataTableRowModel<TRow> {
|
|
4946
|
-
id: string;
|
|
4947
|
-
row: TRow;
|
|
4948
|
-
/** Index within the rows to render (the current page). */
|
|
4949
|
-
index: number;
|
|
4950
|
-
selected: boolean;
|
|
4951
|
-
selectable: boolean;
|
|
4952
|
-
}
|
|
4953
|
-
/** `aria-sort` value of a sortable header. `undefined` for a non-sortable column. */
|
|
4954
|
-
type DataTableAriaSort = "ascending" | "descending" | "none" | undefined;
|
|
4955
|
-
interface DataTableSortingApi {
|
|
4956
|
-
value: DataTableSortingState | null;
|
|
4957
|
-
set: (sorting: DataTableSortingState | null) => void;
|
|
4958
|
-
/** Direction of one column, `null` when it is not the sorted column. */
|
|
4959
|
-
getDirection: (columnId: string) => DataTableSortDirection | null;
|
|
4960
|
-
/** Advances one column through today's cycle: unsorted → asc → desc → unsorted. */
|
|
4961
|
-
toggle: (columnId: string) => void;
|
|
4962
|
-
/** `aria-sort` for a header (`"none"` for a sortable, unsorted column). */
|
|
4963
|
-
getAriaSort: (columnId: string) => DataTableAriaSort;
|
|
4964
|
-
}
|
|
4965
|
-
interface DataTablePaginationApi extends DataTablePaginationState {
|
|
4966
|
-
pageCount: number;
|
|
4967
|
-
/** Total rows matching the search and filters (`rowCount` in manual mode). */
|
|
4968
|
-
rowCount: number;
|
|
4969
|
-
/** 1-based index of the first and last row on the page; both `0` when empty. */
|
|
4970
|
-
rangeStart: number;
|
|
4971
|
-
rangeEnd: number;
|
|
4972
|
-
canPreviousPage: boolean;
|
|
4973
|
-
canNextPage: boolean;
|
|
4974
|
-
set: (pagination: DataTablePaginationState) => void;
|
|
4975
|
-
setPage: (page: number) => void;
|
|
4976
|
-
/** Changes the page size and returns to page 1. */
|
|
4977
|
-
setPageSize: (pageSize: number) => void;
|
|
4978
|
-
nextPage: () => void;
|
|
4979
|
-
previousPage: () => void;
|
|
4980
|
-
}
|
|
4981
|
-
interface DataTableSearchApi {
|
|
4982
|
-
value: string;
|
|
4983
|
-
set: (search: string) => void;
|
|
4984
|
-
clear: () => void;
|
|
4985
|
-
}
|
|
4986
|
-
interface DataTableSelectionApi {
|
|
4987
|
-
value: DataTableSelectionState;
|
|
4988
|
-
count: number;
|
|
4989
|
-
isSelected: (rowId: string) => boolean;
|
|
4990
|
-
set: (selection: DataTableSelectionState) => void;
|
|
4991
|
-
select: (rowId: string) => void;
|
|
4992
|
-
deselect: (rowId: string) => void;
|
|
4993
|
-
toggle: (rowId: string) => void;
|
|
4994
|
-
clear: () => void;
|
|
4995
|
-
/** Every selectable row on the current page is selected (false when there is none). */
|
|
4996
|
-
allPageSelected: boolean;
|
|
4997
|
-
/** Some, but not all, selectable rows on the current page are selected (the header checkbox's indeterminate). */
|
|
4998
|
-
somePageSelected: boolean;
|
|
4999
|
-
/** Selects (or clears) the selectable rows on the current page, keeping selections made elsewhere. */
|
|
5000
|
-
selectPage: () => void;
|
|
5001
|
-
deselectPage: () => void;
|
|
5002
|
-
togglePage: () => void;
|
|
5003
|
-
/**
|
|
5004
|
-
* Selects every row matching the search and filters. In client mode the
|
|
5005
|
-
* hook knows them; in `manual` mode it calls `onSelectAllMatching(state)`.
|
|
5006
|
-
*/
|
|
5007
|
-
selectAllMatching: () => void;
|
|
5008
|
-
}
|
|
5009
|
-
interface DataTableColumnVisibilityApi {
|
|
5010
|
-
value: DataTableColumnVisibilityState;
|
|
5011
|
-
isVisible: (columnId: string) => boolean;
|
|
5012
|
-
set: (columnVisibility: DataTableColumnVisibilityState) => void;
|
|
5013
|
-
setVisible: (columnId: string, visible: boolean) => void;
|
|
5014
|
-
toggle: (columnId: string) => void;
|
|
5015
|
-
/** Shows every column again. */
|
|
5016
|
-
reset: () => void;
|
|
5017
|
-
}
|
|
5018
|
-
interface DataTableFiltersApi<TRow> {
|
|
5019
|
-
value: DataTableFiltersState;
|
|
5020
|
-
definitions: readonly DataTableFilterDefinition<TRow>[];
|
|
5021
|
-
/** Active value(s) of one filter; `null` when it is not narrowing. */
|
|
5022
|
-
get: (filterId: string) => DataTableFilterValue;
|
|
5023
|
-
set: (filterId: string, value: DataTableFilterValue) => void;
|
|
5024
|
-
clear: (filterId: string) => void;
|
|
5025
|
-
clearAll: () => void;
|
|
5026
|
-
/** Number of filters that are narrowing. */
|
|
5027
|
-
activeCount: number;
|
|
5028
|
-
}
|
|
5029
|
-
/**
|
|
5030
|
-
* What {@link useDataTable} returns.
|
|
5031
|
-
*
|
|
5032
|
-
* @experimental
|
|
5033
|
-
*/
|
|
5034
|
-
interface DataTableController<TRow> {
|
|
5035
|
-
/** Base id of the derived DOM ids. */
|
|
5036
|
-
id: string;
|
|
5037
|
-
manual: boolean;
|
|
5038
|
-
/** The whole serialisable state. */
|
|
5039
|
-
state: DataTableState;
|
|
5040
|
-
/** Every column, in order. */
|
|
5041
|
-
allColumns: readonly DataTableColumn<TRow>[];
|
|
5042
|
-
/** The columns to render: `allColumns` minus the hidden ones. */
|
|
5043
|
-
columns: readonly DataTableColumn<TRow>[];
|
|
5044
|
-
/** The rows to render: filtered → searched → sorted → paged (client mode), or `data` as given (manual mode). */
|
|
5045
|
-
rows: readonly DataTableRowModel<TRow>[];
|
|
5046
|
-
/**
|
|
5047
|
-
* Every row matching the search and filters, sorted, across all pages
|
|
5048
|
-
* (client mode) — the scope of `selection.selectAllMatching()`; `data` as
|
|
5049
|
-
* given in manual mode.
|
|
5050
|
-
*/
|
|
5051
|
-
matchingRows: readonly TRow[];
|
|
5052
|
-
/** Reads a cell through the column's accessor. */
|
|
5053
|
-
getCellValue: (row: TRow, column: DataTableColumn<TRow>) => unknown;
|
|
5054
|
-
/** Renders a cell: the column's `cell`, or the accessor value as text. */
|
|
5055
|
-
renderCell: (model: DataTableRowModel<TRow>, column: DataTableColumn<TRow>) => ReactNode;
|
|
5056
|
-
/** Stable DOM id for a column's header cell (`aria-describedby`, `headers`). */
|
|
5057
|
-
getColumnId: (columnId: string) => string;
|
|
5058
|
-
/** Stable DOM id for a row. */
|
|
5059
|
-
getRowDomId: (rowId: string) => string;
|
|
5060
|
-
sorting: DataTableSortingApi;
|
|
5061
|
-
pagination: DataTablePaginationApi;
|
|
5062
|
-
search: DataTableSearchApi;
|
|
5063
|
-
selection: DataTableSelectionApi;
|
|
5064
|
-
columnVisibility: DataTableColumnVisibilityApi;
|
|
5065
|
-
filters: DataTableFiltersApi<TRow>;
|
|
5066
|
-
}
|
|
5067
|
-
/**
|
|
5068
|
-
* The comparator `DataTableView` uses today: case-insensitive strings,
|
|
5069
|
-
* numbers and dates by value, `null`/`undefined` last in both directions.
|
|
5070
|
-
*/
|
|
5071
|
-
declare function compareSortValues(a: DataTableSortValue, b: DataTableSortValue, direction: DataTableSortDirection): number;
|
|
5072
|
-
/** Advances through today's header cycle: unsorted → asc → desc → unsorted. */
|
|
5073
|
-
declare function nextSortDirection(current: DataTableSortDirection | null): DataTableSortDirection | null;
|
|
5074
|
-
/**
|
|
5075
|
-
* The headless data-table controller. See the module comment and
|
|
5076
|
-
* `docs/data-tables.md`.
|
|
5077
|
-
*
|
|
5078
|
-
* @experimental
|
|
5079
|
-
*/
|
|
5080
|
-
declare function useDataTable<TRow>(options: UseDataTableOptions<TRow>): DataTableController<TRow>;
|
|
4840
|
+
declare function useDataTableGrouping<TRow>({ rows, groupBy, getGroupKey, getRowKey, compareGroups, collapsed: collapsedProp, defaultCollapsed, onCollapsedChange, persistKey, storage, }: UseDataTableGroupingOptions<TRow>): DataTableGrouping<TRow>;
|
|
5081
4841
|
|
|
5082
4842
|
/** @experimental */
|
|
5083
4843
|
type MultiSelectProps<TItem = Option, TValue extends string = string> = Omit<ComboboxMultipleProps<TItem, TValue>, "multiple">;
|
|
@@ -5273,17 +5033,21 @@ interface SidebarContextValue {
|
|
|
5273
5033
|
toggle: () => void;
|
|
5274
5034
|
collapsible: boolean;
|
|
5275
5035
|
/**
|
|
5276
|
-
*
|
|
5277
|
-
*
|
|
5278
|
-
*
|
|
5279
|
-
|
|
5036
|
+
* The `id` of the collapsible `<aside>`, for `aria-controls` on
|
|
5037
|
+
* <SidebarTrigger> / <SidebarPinButton>. Generated by the provider (SSR-
|
|
5038
|
+
* stable via `useId`); a `<Sidebar id="…">` registers its own instead.
|
|
5039
|
+
*/
|
|
5040
|
+
sidebarId: string | undefined;
|
|
5041
|
+
/** @internal Lets <Sidebar> report a consumer-supplied `id`. */
|
|
5042
|
+
registerSidebarId: (id: string | undefined) => void;
|
|
5043
|
+
/**
|
|
5044
|
+
* @deprecated Always `0`. Hover-peek was removed; nothing can hold the
|
|
5045
|
+
* collapsed column visually expanded any more.
|
|
5280
5046
|
*/
|
|
5281
5047
|
peekLockCount: number;
|
|
5282
5048
|
/**
|
|
5283
|
-
*
|
|
5284
|
-
*
|
|
5285
|
-
* `useSidebarPeekLock` hook over calling this directly — it handles the
|
|
5286
|
-
* acquire/release lifecycle via useEffect cleanup.
|
|
5049
|
+
* @deprecated No-op. Returns an inert release function so existing
|
|
5050
|
+
* callers keep working.
|
|
5287
5051
|
*/
|
|
5288
5052
|
acquirePeekLock: () => () => void;
|
|
5289
5053
|
}
|
|
@@ -5339,48 +5103,33 @@ declare namespace SidebarProvider {
|
|
|
5339
5103
|
}
|
|
5340
5104
|
interface SidebarProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
5341
5105
|
/**
|
|
5342
|
-
* Opt into the
|
|
5343
|
-
*
|
|
5344
|
-
*
|
|
5345
|
-
*
|
|
5346
|
-
* `collapsible` alone is a no-op.
|
|
5106
|
+
* Opt into the two-state collapse. When false (default), the sidebar
|
|
5107
|
+
* always renders expanded. When true, the sidebar reads its state from
|
|
5108
|
+
* <SidebarProvider>; with no provider mounted it still renders expanded,
|
|
5109
|
+
* so dropping `collapsible` alone is a no-op.
|
|
5347
5110
|
*/
|
|
5348
5111
|
collapsible?: boolean;
|
|
5349
5112
|
/**
|
|
5350
5113
|
* Visual treatment.
|
|
5351
5114
|
* - `"classic"` (default) — full-height column flush to the left
|
|
5352
|
-
* edge with a right rule.
|
|
5115
|
+
* edge with a right rule.
|
|
5353
5116
|
* - `"floating"` — a detached, rounded card inset from the viewport
|
|
5354
|
-
* with a soft shadow
|
|
5355
|
-
*
|
|
5356
|
-
*
|
|
5357
|
-
* - `"flush"` — the polished row anatomy
|
|
5358
|
-
*
|
|
5359
|
-
*
|
|
5360
|
-
*
|
|
5361
|
-
*
|
|
5362
|
-
* scrollbar shows only while the nav scrolls, and a hairline
|
|
5363
|
-
* appears under the brand row once the list has scrolled — both
|
|
5364
|
-
* built in, no consumer wiring required.
|
|
5117
|
+
* with a soft shadow. Nav rows get larger hit areas and a tinted
|
|
5118
|
+
* active fill. Exposed as `data-variant` so descendant atoms
|
|
5119
|
+
* restyle via `group-data-[variant=floating]`.
|
|
5120
|
+
* - `"flush"` — the polished row anatomy (32px rows on the control
|
|
5121
|
+
* radius, brighter icons, a subtle active fill without an edge
|
|
5122
|
+
* indicator, an overline section label) on a flush full-height
|
|
5123
|
+
* column. An overlay scrollbar shows only while the nav scrolls,
|
|
5124
|
+
* and a hairline appears under the brand row once it has scrolled.
|
|
5365
5125
|
*/
|
|
5366
5126
|
variant?: "classic" | "floating" | "flush";
|
|
5367
5127
|
/**
|
|
5368
|
-
*
|
|
5369
|
-
*
|
|
5370
|
-
*
|
|
5371
|
-
*
|
|
5372
|
-
*
|
|
5373
|
-
* <SidebarTrigger> or Mod+\. Collapsed rows then explain themselves via
|
|
5374
|
-
* a tooltip on icon hover instead of by widening the column.
|
|
5375
|
-
*
|
|
5376
|
-
* Peek is an accelerator when the sidebar is the only chrome. It stops
|
|
5377
|
-
* being one next to a second fixed column (a product rail), where an
|
|
5378
|
-
* incidental mouse pass on the way to the rail expands the sidebar and
|
|
5379
|
-
* shoves the canvas sideways — motion the user did not ask for, from a
|
|
5380
|
-
* gesture they did not intend.
|
|
5381
|
-
*
|
|
5382
|
-
* Only meaningful alongside `collapsible`; with `collapsible={false}`
|
|
5383
|
-
* there is no rail to peek out of.
|
|
5128
|
+
* @deprecated Ignored. The collapsed rail no longer widens on hover —
|
|
5129
|
+
* the sidebar has exactly two states, switched only by
|
|
5130
|
+
* <SidebarTrigger>, <SidebarPinButton> or the keyboard shortcut.
|
|
5131
|
+
* Collapsed rows name themselves with a tooltip instead. Kept so
|
|
5132
|
+
* existing `peek` / `peek={false}` call sites still compile; remove it.
|
|
5384
5133
|
*/
|
|
5385
5134
|
peek?: boolean;
|
|
5386
5135
|
}
|
|
@@ -5390,6 +5139,11 @@ interface SidebarTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonEle
|
|
|
5390
5139
|
collapseLabel?: string;
|
|
5391
5140
|
}
|
|
5392
5141
|
declare const SidebarTrigger: React$1.ForwardRefExoticComponent<SidebarTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
5142
|
+
/**
|
|
5143
|
+
* @deprecated No-op. Hover-peek was removed, so the collapsed rail never
|
|
5144
|
+
* auto-expands and there is nothing to hold open: a menu anchored in the
|
|
5145
|
+
* rail now simply opens beside it. Kept so existing callers compile.
|
|
5146
|
+
*/
|
|
5393
5147
|
declare function useSidebarPeekLock(active: boolean): void;
|
|
5394
5148
|
interface SidebarPinButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
5395
5149
|
/** aria-label when state="rail" (default: the `sidebar.expand` message, "Expand sidebar"). */
|
|
@@ -5488,6 +5242,13 @@ interface SidebarLinkGroupProps extends Omit<React$1.HTMLAttributes<HTMLDivEleme
|
|
|
5488
5242
|
href?: string;
|
|
5489
5243
|
/** Highlights the body row. Independent of the open state. */
|
|
5490
5244
|
active?: boolean;
|
|
5245
|
+
/**
|
|
5246
|
+
* One of the group's descendants is the current page. Railed, the
|
|
5247
|
+
* children are hidden, so the group's own row then wears the active
|
|
5248
|
+
* treatment (tint, brand icon, classic edge bar) to say where you are; expanded,
|
|
5249
|
+
* nothing changes. `aria-current` stays on the real active link.
|
|
5250
|
+
*/
|
|
5251
|
+
activeDescendant?: boolean;
|
|
5491
5252
|
defaultOpen?: boolean;
|
|
5492
5253
|
open?: boolean;
|
|
5493
5254
|
onOpenChange?: (open: boolean) => void;
|
|
@@ -5600,7 +5361,7 @@ interface AppSidebarNavProps {
|
|
|
5600
5361
|
/**
|
|
5601
5362
|
* Whether the enclosing `Sidebar` collapses to a rail. Only used to decide
|
|
5602
5363
|
* when a row's native `title` is redundant with `SidebarLink`'s own
|
|
5603
|
-
* tooltip (collapsed rail
|
|
5364
|
+
* tooltip (collapsed rail) — pass the same value given to
|
|
5604
5365
|
* `AppSidebar`/`Sidebar`. Default `false`, matching `Sidebar`'s own.
|
|
5605
5366
|
*/
|
|
5606
5367
|
collapsible?: boolean | undefined;
|
|
@@ -5642,7 +5403,7 @@ interface AppSidebarProps extends Omit<SidebarProps, "children" | "variant">, Ap
|
|
|
5642
5403
|
* A complete app nav — brand, sections, footer — assembled from `sections`
|
|
5643
5404
|
* data instead of hand-nested `SidebarSection`/`SidebarLink` JSX. Renders
|
|
5644
5405
|
* only `Sidebar` parts: nothing here is a new primitive, so `collapsible`,
|
|
5645
|
-
*
|
|
5406
|
+
* rail behavior, tooltips and the flush row anatomy all come from
|
|
5646
5407
|
* `Sidebar` unchanged.
|
|
5647
5408
|
*
|
|
5648
5409
|
* @experimental
|
|
@@ -6320,29 +6081,343 @@ interface FilterChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElem
|
|
|
6320
6081
|
}
|
|
6321
6082
|
declare const FilterChip: React$1.ForwardRefExoticComponent<FilterChipProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
6322
6083
|
|
|
6323
|
-
|
|
6084
|
+
/** The intents a stat-strip cell can carry (ADR-007). @experimental */
|
|
6085
|
+
type StatStripIntent = Intent;
|
|
6086
|
+
/** Props of `StatStrip`. @experimental */
|
|
6087
|
+
interface StatStripProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
6088
|
+
/** The cells: `StatStripItem` elements. */
|
|
6089
|
+
children: React$1.ReactNode;
|
|
6090
|
+
/**
|
|
6091
|
+
* Accessible name of the strip (`role="group"`). Default from the messages
|
|
6092
|
+
* catalogue: `"Summary"`.
|
|
6093
|
+
*/
|
|
6094
|
+
label?: string | undefined;
|
|
6095
|
+
/**
|
|
6096
|
+
* The column count once the strip is wide (container ≥ 56rem). By default
|
|
6097
|
+
* every cell shares one row there. Narrower containers use two columns,
|
|
6098
|
+
* then three (≥ 32rem).
|
|
6099
|
+
*/
|
|
6100
|
+
columns?: number | undefined;
|
|
6101
|
+
/** Shows the collapse chevron in the top-right corner. Default `false`. */
|
|
6102
|
+
collapsible?: boolean | undefined;
|
|
6103
|
+
/** Collapsed state, controlled. */
|
|
6104
|
+
collapsed?: boolean | undefined;
|
|
6105
|
+
/** Collapsed state on the first render when uncontrolled. Default `false`. */
|
|
6106
|
+
defaultCollapsed?: boolean | undefined;
|
|
6107
|
+
/** Called with the next collapsed state when the chevron is pressed. */
|
|
6108
|
+
onCollapsedChange?: ((collapsed: boolean) => void) | undefined;
|
|
6109
|
+
/**
|
|
6110
|
+
* Remembers the collapsed state in `localStorage` under this key (a view
|
|
6111
|
+
* convenience, per browser). Applied before first paint after hydration, so
|
|
6112
|
+
* there is no mismatch and no flash. A controlled `collapsed` wins over it.
|
|
6113
|
+
*/
|
|
6114
|
+
storageKey?: string | undefined;
|
|
6115
|
+
/** Renders every cell's value and caption as skeletons and sets `aria-busy`. */
|
|
6116
|
+
loading?: boolean | undefined;
|
|
6117
|
+
/**
|
|
6118
|
+
* Numeric values count up to a new value (instant on the first render and
|
|
6119
|
+
* under reduced motion). Default `false`. A cell's own `countUp` wins.
|
|
6120
|
+
*/
|
|
6121
|
+
countUp?: boolean | undefined;
|
|
6122
|
+
/**
|
|
6123
|
+
* A cell tints briefly when its value changes, so a change made elsewhere on
|
|
6124
|
+
* the page visibly lands in the totals. Default `false`. A cell's own
|
|
6125
|
+
* `highlightChanges` wins.
|
|
6126
|
+
*/
|
|
6127
|
+
highlightChanges?: boolean | undefined;
|
|
6128
|
+
}
|
|
6129
|
+
/**
|
|
6130
|
+
* A row of headline numbers in one card. See the file header for anatomy.
|
|
6131
|
+
*
|
|
6132
|
+
* ```tsx
|
|
6133
|
+
* <StatStrip collapsible storageKey="deliver.stats">
|
|
6134
|
+
* <StatStripItem label="Ready" value={12} caption="Waiting on review" />
|
|
6135
|
+
* <StatStripItem label="Sent" value={48} progress={64} caption="64% of the season" />
|
|
6136
|
+
* </StatStrip>
|
|
6137
|
+
* ```
|
|
6138
|
+
*
|
|
6139
|
+
* @experimental
|
|
6140
|
+
*/
|
|
6141
|
+
declare const StatStrip: React$1.ForwardRefExoticComponent<StatStripProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
6142
|
+
/** Props of `StatStripItem`. @experimental */
|
|
6143
|
+
interface StatStripItemProps extends Omit<React$1.HTMLAttributes<HTMLElement>, "children" | "onChange"> {
|
|
6144
|
+
/** The small muted label above the number. */
|
|
6145
|
+
label: React$1.ReactNode;
|
|
6146
|
+
/**
|
|
6147
|
+
* The headline figure. A number is set in tabular figures through `format`
|
|
6148
|
+
* and can count up; any other node is rendered as-is.
|
|
6149
|
+
*/
|
|
6150
|
+
value: number | React$1.ReactNode;
|
|
6151
|
+
/** Formats a numeric `value` (and every frame of its count-up). Default: `toLocaleString`. */
|
|
6152
|
+
format?: ((value: number) => string) | undefined;
|
|
6153
|
+
/** One line of context under the number; truncated, never wraps. Hidden when collapsed. */
|
|
6154
|
+
caption?: React$1.ReactNode | undefined;
|
|
6155
|
+
/** 0–100: renders a slim meter on the number's line. Hidden when collapsed. */
|
|
6156
|
+
progress?: number | undefined;
|
|
6157
|
+
/** Accessible name of the meter. Defaults to the label when it is a string. */
|
|
6158
|
+
progressLabel?: string | undefined;
|
|
6159
|
+
/**
|
|
6160
|
+
* Meaning → colour (ADR-007): the meter fill, the selected fill and rule of
|
|
6161
|
+
* a filter cell, and the caption ink when `tintCaption`. Default `neutral`
|
|
6162
|
+
* (`brand` for the meter).
|
|
6163
|
+
*/
|
|
6164
|
+
intent?: StatStripIntent | undefined;
|
|
6165
|
+
/** Sets the caption in the intent colour (a warning count, an overdue total). */
|
|
6166
|
+
tintCaption?: boolean | undefined;
|
|
6167
|
+
/**
|
|
6168
|
+
* Makes the cell a filter toggle: it renders as a button with
|
|
6169
|
+
* `aria-pressed`, filled in its intent while pressed.
|
|
6170
|
+
*/
|
|
6171
|
+
pressed?: boolean | undefined;
|
|
6172
|
+
/** Called with the next pressed state. Giving it (or `pressed`) makes the cell a toggle. */
|
|
6173
|
+
onPressedChange?: ((pressed: boolean) => void) | undefined;
|
|
6174
|
+
/** Disables a filter cell. */
|
|
6175
|
+
disabled?: boolean | undefined;
|
|
6176
|
+
/** Skeleton for this cell alone (the strip's `loading` covers all of them). */
|
|
6177
|
+
loading?: boolean | undefined;
|
|
6178
|
+
/** Overrides the strip's `countUp` for this cell. */
|
|
6179
|
+
countUp?: boolean | undefined;
|
|
6180
|
+
/** Overrides the strip's `highlightChanges` for this cell. */
|
|
6181
|
+
highlightChanges?: boolean | undefined;
|
|
6182
|
+
}
|
|
6183
|
+
/**
|
|
6184
|
+
* One cell of a `StatStrip`. Reads as "label: value, caption" to a screen
|
|
6185
|
+
* reader whether it is static or a filter toggle.
|
|
6186
|
+
*
|
|
6187
|
+
* @experimental
|
|
6188
|
+
*/
|
|
6189
|
+
declare const StatStripItem: React$1.ForwardRefExoticComponent<StatStripItemProps & React$1.RefAttributes<HTMLElement>>;
|
|
6190
|
+
|
|
6191
|
+
/**
|
|
6192
|
+
* Where the bar sits. `floating` (new) is the page-floating placement with
|
|
6193
|
+
* the current defaults: light surface tone, always mounted with enter and
|
|
6194
|
+
* exit motion, one non-wrapping row that scrolls sideways, and a labelled
|
|
6195
|
+
* Clear with its `Esc` hint. The three older variants keep the look they
|
|
6196
|
+
* always had unless a prop opts in.
|
|
6197
|
+
*/
|
|
6198
|
+
type BulkActionBarVariant = "sidebar-anchored" | "page-floating" | "table-inline" | "floating";
|
|
6199
|
+
/** The bar's surface: `surface` (light, the page's own surface) or `inverse` (near-black pill). */
|
|
6200
|
+
type BulkActionBarTone = "surface" | "inverse";
|
|
6201
|
+
/** How the actions behave when they do not fit: `wrap` onto a second row, or `scroll` sideways in one row. */
|
|
6202
|
+
type BulkActionBarOverflow = "wrap" | "scroll";
|
|
6203
|
+
/** The Clear control: `icon` (X only), `text` (ghost text button) or `labelled` (X + label + `Esc` hint). */
|
|
6204
|
+
type BulkActionBarClearStyle = "icon" | "text" | "labelled";
|
|
6324
6205
|
interface BulkActionBarProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
6325
6206
|
variant?: BulkActionBarVariant;
|
|
6326
6207
|
selectedCount: number;
|
|
6327
|
-
/** Overrides the default "{N} selected" label. */
|
|
6208
|
+
/** Overrides the default "{N} selected" label (messages `bulkActionBar.selected`). */
|
|
6328
6209
|
label?: string;
|
|
6329
6210
|
/** Action controls supplied by the consumer. */
|
|
6330
6211
|
children: React$1.ReactNode;
|
|
6212
|
+
/** Actions shown inline when the row fits, otherwise in More. Primary children/pickers remain mounted. @experimental */
|
|
6213
|
+
secondaryActions?: ReadonlyArray<{
|
|
6214
|
+
key: string;
|
|
6215
|
+
label: string;
|
|
6216
|
+
icon?: React$1.ReactNode;
|
|
6217
|
+
onSelect: () => void;
|
|
6218
|
+
disabled?: boolean | undefined;
|
|
6219
|
+
destructive?: boolean | undefined;
|
|
6220
|
+
}> | undefined;
|
|
6331
6221
|
onClear: () => void;
|
|
6332
6222
|
clearLabel?: string;
|
|
6333
6223
|
clearDisabled?: boolean | undefined;
|
|
6334
6224
|
/** Optional content rendered beneath the bar, useful for inline warnings. */
|
|
6335
6225
|
footer?: React$1.ReactNode;
|
|
6226
|
+
/**
|
|
6227
|
+
* The selection scope beside the count — "Select all 239 matching" /
|
|
6228
|
+
* "Only this page". Its controls join the toolbar's arrow-key order.
|
|
6229
|
+
*/
|
|
6230
|
+
scope?: React$1.ReactNode | undefined;
|
|
6231
|
+
/** Accessible name of the `role="toolbar"`. Default messages `bulkActionBar.toolbar` ("Bulk actions"). */
|
|
6232
|
+
toolbarLabel?: string | undefined;
|
|
6233
|
+
/**
|
|
6234
|
+
* Escape clears the selection while the bar is shown. Stands down while a
|
|
6235
|
+
* dialog, menu, listbox or popover is open (they own Escape), while busy,
|
|
6236
|
+
* and when `clearDisabled`. Default `true`.
|
|
6237
|
+
*/
|
|
6238
|
+
escapeToClear?: boolean | undefined;
|
|
6239
|
+
/**
|
|
6240
|
+
* Keep the bar mounted at zero selected: hidden with `inert` and
|
|
6241
|
+
* `aria-hidden`, so it can animate out (fade + 8px fall) as well as in, and
|
|
6242
|
+
* the live region can announce the clear. Default `true` for `floating`,
|
|
6243
|
+
* `false` (render nothing at zero) for the other variants.
|
|
6244
|
+
*/
|
|
6245
|
+
keepMounted?: boolean | undefined;
|
|
6246
|
+
/** Surface tone. Default `inverse` for `page-floating`, `surface` for the rest. */
|
|
6247
|
+
tone?: BulkActionBarTone | undefined;
|
|
6248
|
+
/**
|
|
6249
|
+
* `scroll` keeps one row and scrolls sideways; `wrap` lets the actions
|
|
6250
|
+
* wrap. Default `scroll` for `floating`, `wrap` for the others. Put
|
|
6251
|
+
* low-priority actions in a `BulkActionBarMore` menu rather than letting
|
|
6252
|
+
* the row grow.
|
|
6253
|
+
*/
|
|
6254
|
+
overflow?: BulkActionBarOverflow | undefined;
|
|
6255
|
+
/** The Clear control. Default `labelled` for `floating`, `icon` for `page-floating`, `text` otherwise. */
|
|
6256
|
+
clearStyle?: BulkActionBarClearStyle | undefined;
|
|
6257
|
+
/**
|
|
6258
|
+
* An action is running: every control in the bar is disabled (one
|
|
6259
|
+
* `fieldset disabled`, so consumer controls are covered too) and the bar is
|
|
6260
|
+
* `aria-busy`. Mark the running action with `BulkActionBarAction loading`.
|
|
6261
|
+
*/
|
|
6262
|
+
busy?: boolean | undefined;
|
|
6263
|
+
/**
|
|
6264
|
+
* Where focus goes when the selection is cleared from the bar (Clear,
|
|
6265
|
+
* `Esc`) or the bar hides while focus is inside it — typically the table or
|
|
6266
|
+
* its select-all checkbox. Without it, focus that was in the bar would be
|
|
6267
|
+
* stranded on an inert element.
|
|
6268
|
+
*/
|
|
6269
|
+
returnFocusRef?: React$1.RefObject<HTMLElement | null> | undefined;
|
|
6336
6270
|
}
|
|
6337
6271
|
interface BulkActionBarActionProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6338
|
-
asChild?: boolean;
|
|
6339
|
-
destructive?: boolean;
|
|
6272
|
+
asChild?: boolean | undefined;
|
|
6273
|
+
destructive?: boolean | undefined;
|
|
6274
|
+
/** Shows a spinner in place of the leading icon and sets `aria-busy`; the action stays at full opacity while the bar is busy. */
|
|
6275
|
+
loading?: boolean | undefined;
|
|
6340
6276
|
}
|
|
6341
6277
|
declare const BulkActionBarAction: React$1.ForwardRefExoticComponent<BulkActionBarActionProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
6342
6278
|
declare function BulkActionBarSeparator({ className }: {
|
|
6343
6279
|
className?: string;
|
|
6344
6280
|
}): react_jsx_runtime.JSX.Element;
|
|
6345
|
-
declare function BulkActionBar({ variant, selectedCount, label, children, onClear, clearLabel: clearLabelProp, clearDisabled, footer, className, ...props }: BulkActionBarProps): react_jsx_runtime.JSX.Element | null;
|
|
6281
|
+
declare function BulkActionBar({ variant, selectedCount, label, children, secondaryActions, onClear, clearLabel: clearLabelProp, clearDisabled, footer, scope, toolbarLabel, escapeToClear, keepMounted: keepMountedProp, tone: toneProp, overflow: overflowProp, clearStyle: clearStyleProp, busy, returnFocusRef, className, ...props }: BulkActionBarProps): react_jsx_runtime.JSX.Element | null;
|
|
6282
|
+
/** Props of `BulkActionBarMenu`. @experimental */
|
|
6283
|
+
interface BulkActionBarMenuProps {
|
|
6284
|
+
/** The trigger's visible label ("Status"). */
|
|
6285
|
+
label: React$1.ReactNode;
|
|
6286
|
+
/** Leading icon of the trigger. */
|
|
6287
|
+
icon?: React$1.ReactNode | undefined;
|
|
6288
|
+
/** The menu body: `BulkActionBarMenuRadioGroup`, `BulkActionBarMenuItem`, `BulkActionBarMenuSub`, any `DropdownMenu*` part. */
|
|
6289
|
+
children: React$1.ReactNode;
|
|
6290
|
+
/** Shows the ▾ affordance after the label. Default `true`. */
|
|
6291
|
+
chevron?: boolean | undefined;
|
|
6292
|
+
/** Tints the trigger as destructive. */
|
|
6293
|
+
destructive?: boolean | undefined;
|
|
6294
|
+
/** Disables the trigger. */
|
|
6295
|
+
disabled?: boolean | undefined;
|
|
6296
|
+
/** Accessible name when the label alone is not enough (or there is no visible label). */
|
|
6297
|
+
"aria-label"?: string | undefined;
|
|
6298
|
+
open?: boolean | undefined;
|
|
6299
|
+
defaultOpen?: boolean | undefined;
|
|
6300
|
+
onOpenChange?: ((open: boolean) => void) | undefined;
|
|
6301
|
+
/** Where the menu opens against the trigger. Default `start`. */
|
|
6302
|
+
align?: "start" | "center" | "end" | undefined;
|
|
6303
|
+
/** Extra class on the trigger. */
|
|
6304
|
+
className?: string | undefined;
|
|
6305
|
+
/** Extra class on the menu surface. */
|
|
6306
|
+
contentClassName?: string | undefined;
|
|
6307
|
+
}
|
|
6308
|
+
/**
|
|
6309
|
+
* A bar action that opens a `DropdownMenu` — the enumerations tier of a
|
|
6310
|
+
* two-tier bar (status, stage, visibility). Never put a search field in it:
|
|
6311
|
+
* Radix menus type-ahead on every key; use `BulkActionBarPicker` instead.
|
|
6312
|
+
*
|
|
6313
|
+
* @experimental
|
|
6314
|
+
*/
|
|
6315
|
+
declare function BulkActionBarMenu({ label, icon, children, chevron, destructive, disabled, "aria-label": ariaLabel, open, defaultOpen, onOpenChange, align, className, contentClassName, }: BulkActionBarMenuProps): react_jsx_runtime.JSX.Element;
|
|
6316
|
+
/** Props of `BulkActionBarMore`. @experimental */
|
|
6317
|
+
type BulkActionBarMoreProps = Omit<BulkActionBarMenuProps, "label" | "icon" | "chevron"> & {
|
|
6318
|
+
/** Visible label. Default messages `bulkActionBar.more` ("More"); pass `null` for an icon-only trigger (it keeps "More" as its name). */
|
|
6319
|
+
label?: React$1.ReactNode | null | undefined;
|
|
6320
|
+
};
|
|
6321
|
+
/**
|
|
6322
|
+
* The low-priority overflow: rare actions (exports, copy links) behind one
|
|
6323
|
+
* "More" trigger, so the row never wraps.
|
|
6324
|
+
*
|
|
6325
|
+
* @experimental
|
|
6326
|
+
*/
|
|
6327
|
+
declare function BulkActionBarMore({ label, "aria-label": ariaLabel, ...props }: BulkActionBarMoreProps): react_jsx_runtime.JSX.Element;
|
|
6328
|
+
/** One option of a `BulkActionBarMenuRadioGroup`. @experimental */
|
|
6329
|
+
interface BulkActionBarMenuOption {
|
|
6330
|
+
value: string;
|
|
6331
|
+
label: React$1.ReactNode;
|
|
6332
|
+
/** How many of the selected rows this option applies to. With `total`, shown as "5 of 8" when not all. */
|
|
6333
|
+
eligible?: number | undefined;
|
|
6334
|
+
/** Disables the option and says why, as visible helper text (not a tooltip). */
|
|
6335
|
+
disabledReason?: React$1.ReactNode | undefined;
|
|
6336
|
+
}
|
|
6337
|
+
/** Props of `BulkActionBarMenuRadioGroup`. @experimental */
|
|
6338
|
+
interface BulkActionBarMenuRadioGroupProps {
|
|
6339
|
+
options: readonly BulkActionBarMenuOption[];
|
|
6340
|
+
/**
|
|
6341
|
+
* The current value of every selected row. The option is ticked only when
|
|
6342
|
+
* the whole selection shares one value; a mixed selection ticks nothing.
|
|
6343
|
+
*/
|
|
6344
|
+
selectedValues: readonly (string | null | undefined)[];
|
|
6345
|
+
/** Applies the chosen value to the selection. Single choice applies immediately. */
|
|
6346
|
+
onValueChange: (value: string) => void;
|
|
6347
|
+
/** Denominator of each option's eligibility. Default `selectedValues.length`. */
|
|
6348
|
+
total?: number | undefined;
|
|
6349
|
+
}
|
|
6350
|
+
/** The value every row shares, or `undefined` when the selection is mixed or empty. */
|
|
6351
|
+
declare function sharedBulkValue<T>(values: readonly T[]): T | undefined;
|
|
6352
|
+
/**
|
|
6353
|
+
* Radio items for an enumeration, with the bulk rules built in: tick only
|
|
6354
|
+
* when the selection agrees, per-option eligibility, visible disabled reason.
|
|
6355
|
+
*
|
|
6356
|
+
* @experimental
|
|
6357
|
+
*/
|
|
6358
|
+
declare function BulkActionBarMenuRadioGroup({ options, selectedValues, onValueChange, total, }: BulkActionBarMenuRadioGroupProps): react_jsx_runtime.JSX.Element;
|
|
6359
|
+
/** Props of `BulkActionBarMenuItem`. @experimental */
|
|
6360
|
+
interface BulkActionBarMenuItemProps extends Omit<React$1.ComponentPropsWithoutRef<typeof DropdownMenuItem>, "children"> {
|
|
6361
|
+
children: React$1.ReactNode;
|
|
6362
|
+
/** How many selected rows the action applies to; with `total`, shown as "5 of 8". */
|
|
6363
|
+
eligible?: number | undefined;
|
|
6364
|
+
total?: number | undefined;
|
|
6365
|
+
/** Disables the item and says why, as visible helper text. */
|
|
6366
|
+
disabledReason?: React$1.ReactNode | undefined;
|
|
6367
|
+
}
|
|
6368
|
+
/**
|
|
6369
|
+
* A menu action with eligibility and a visible disabled reason.
|
|
6370
|
+
*
|
|
6371
|
+
* @experimental
|
|
6372
|
+
*/
|
|
6373
|
+
declare const BulkActionBarMenuItem: React$1.ForwardRefExoticComponent<BulkActionBarMenuItemProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
6374
|
+
/** Props of `BulkActionBarMenuSub`. @experimental */
|
|
6375
|
+
interface BulkActionBarMenuSubProps {
|
|
6376
|
+
label: React$1.ReactNode;
|
|
6377
|
+
children: React$1.ReactNode;
|
|
6378
|
+
disabled?: boolean | undefined;
|
|
6379
|
+
}
|
|
6380
|
+
/**
|
|
6381
|
+
* One nested level inside a `BulkActionBarMenu` ("Shift by ▸"). A second
|
|
6382
|
+
* level is a development error: deeper menus are a picker's job.
|
|
6383
|
+
*
|
|
6384
|
+
* @experimental
|
|
6385
|
+
*/
|
|
6386
|
+
declare function BulkActionBarMenuSub({ label, children, disabled }: BulkActionBarMenuSubProps): react_jsx_runtime.JSX.Element;
|
|
6387
|
+
/** Props of `BulkActionBarPicker`. @experimental */
|
|
6388
|
+
interface BulkActionBarPickerProps {
|
|
6389
|
+
/** The trigger's visible label ("Assign"). */
|
|
6390
|
+
label: React$1.ReactNode;
|
|
6391
|
+
icon?: React$1.ReactNode | undefined;
|
|
6392
|
+
/**
|
|
6393
|
+
* The picker — a `PeoplePicker`, `Calendar`, tag list. A function receives
|
|
6394
|
+
* `close`, to call after a single choice is applied.
|
|
6395
|
+
*/
|
|
6396
|
+
children: React$1.ReactNode | ((helpers: {
|
|
6397
|
+
close: () => void;
|
|
6398
|
+
}) => React$1.ReactNode);
|
|
6399
|
+
chevron?: boolean | undefined;
|
|
6400
|
+
disabled?: boolean | undefined;
|
|
6401
|
+
"aria-label"?: string | undefined;
|
|
6402
|
+
open?: boolean | undefined;
|
|
6403
|
+
defaultOpen?: boolean | undefined;
|
|
6404
|
+
onOpenChange?: ((open: boolean) => void) | undefined;
|
|
6405
|
+
align?: "start" | "center" | "end" | undefined;
|
|
6406
|
+
/** Surface width. Default `md` (18rem). */
|
|
6407
|
+
width?: React$1.ComponentPropsWithoutRef<typeof PopoverContent>["width"];
|
|
6408
|
+
/** Surface padding. Default `sm`. */
|
|
6409
|
+
padding?: React$1.ComponentPropsWithoutRef<typeof PopoverContent>["padding"];
|
|
6410
|
+
className?: string | undefined;
|
|
6411
|
+
contentClassName?: string | undefined;
|
|
6412
|
+
}
|
|
6413
|
+
/**
|
|
6414
|
+
* A bar action that opens a `Popover` — the searchable tier of a two-tier
|
|
6415
|
+
* bar (assignee, tags, date). A popover, not a menu, so a search field keeps
|
|
6416
|
+
* its keys.
|
|
6417
|
+
*
|
|
6418
|
+
* @experimental
|
|
6419
|
+
*/
|
|
6420
|
+
declare function BulkActionBarPicker({ label, icon, children, chevron, disabled, "aria-label": ariaLabel, open: openProp, defaultOpen, onOpenChange, align, width, padding, className, contentClassName, }: BulkActionBarPickerProps): react_jsx_runtime.JSX.Element;
|
|
6346
6421
|
|
|
6347
6422
|
interface PrimaryActionProps extends Omit<ButtonProps, "variant" | "size"> {
|
|
6348
6423
|
arrow?: boolean;
|
|
@@ -6388,33 +6463,200 @@ declare const KbdHint: React$1.ForwardRefExoticComponent<KbdHintProps & React$1.
|
|
|
6388
6463
|
interface DisplayMenuOption {
|
|
6389
6464
|
key: string;
|
|
6390
6465
|
label: string;
|
|
6466
|
+
/**
|
|
6467
|
+
* Faceted count — how many rows carry this value given the *other* active
|
|
6468
|
+
* filters. Rendered right-aligned in tabular figures. Omit when unknown;
|
|
6469
|
+
* `0` is a real answer (see `DisplayMenuSection.hideZero`).
|
|
6470
|
+
*/
|
|
6471
|
+
count?: number | undefined;
|
|
6472
|
+
/** Leading visual (an `Avatar` for a person, a `StatusDot` for a status). Decorative. */
|
|
6473
|
+
icon?: ReactNode;
|
|
6474
|
+
/**
|
|
6475
|
+
* Pinned above the rest of the list, never hidden by the flyout search or
|
|
6476
|
+
* `hideZero` — "Me" and "Unassigned" on a person section.
|
|
6477
|
+
*/
|
|
6478
|
+
pinned?: boolean | undefined;
|
|
6479
|
+
}
|
|
6480
|
+
/**
|
|
6481
|
+
* Which half of the menu a section belongs to. **filter** changes which rows
|
|
6482
|
+
* exist; **arrange** changes their order or shape (ordering, grouping,
|
|
6483
|
+
* columns). Rendered under a heading each; sections with no group render flat
|
|
6484
|
+
* (the 1.47 shape).
|
|
6485
|
+
*/
|
|
6486
|
+
type DisplayMenuGroup = "filter" | "arrange";
|
|
6487
|
+
/** How a value-list filter section matches its selected values. */
|
|
6488
|
+
type DisplayMenuOperator = "is" | "isNot" | "isAnyOf" | "isNoneOf" | "isEmpty" | "isNotEmpty";
|
|
6489
|
+
/** Top-level filter combinator, and the tags any/all toggle. */
|
|
6490
|
+
type DisplayMenuMatch = "all" | "any";
|
|
6491
|
+
/** An inclusive calendar range as ISO dates (`yyyy-mm-dd`); either end may be open. */
|
|
6492
|
+
interface DisplayMenuDateRange {
|
|
6493
|
+
from?: string | undefined;
|
|
6494
|
+
to?: string | undefined;
|
|
6495
|
+
}
|
|
6496
|
+
/** Due-date presets, relative to "today". */
|
|
6497
|
+
type DisplayMenuDuePreset = "overdue" | "dueToday" | "dueNext7" | "dueThisMonth" | "noDate";
|
|
6498
|
+
/** Calendar presets, relative to "today". */
|
|
6499
|
+
type DisplayMenuCalendarPreset = "today" | "last7" | "last30" | "thisMonth" | "lastMonth" | "thisQuarter" | "lastQuarter" | "ytd";
|
|
6500
|
+
type DisplayMenuDatePreset = DisplayMenuDuePreset | DisplayMenuCalendarPreset | "custom";
|
|
6501
|
+
/**
|
|
6502
|
+
* A date filter's value. `range` is the resolved inclusive range (absent for
|
|
6503
|
+
* `overdue` / `noDate`, which are not ranges); `preset` is what the user
|
|
6504
|
+
* picked. A value with `preset: "custom"` whose range happens to equal a
|
|
6505
|
+
* preset's range is shown as that preset (auto-detection).
|
|
6506
|
+
*/
|
|
6507
|
+
interface DisplayMenuDateValue {
|
|
6508
|
+
preset: DisplayMenuDatePreset;
|
|
6509
|
+
range?: DisplayMenuDateRange | undefined;
|
|
6510
|
+
}
|
|
6511
|
+
type DisplayMenuNumberOperator = "eq" | "ne" | "lt" | "lte" | "gt" | "gte" | "between";
|
|
6512
|
+
/** A number/money filter's value. `to` is the upper bound of `between`. */
|
|
6513
|
+
interface DisplayMenuNumberValue {
|
|
6514
|
+
operator: DisplayMenuNumberOperator;
|
|
6515
|
+
value: number | null;
|
|
6516
|
+
to?: number | null | undefined;
|
|
6517
|
+
}
|
|
6518
|
+
type DisplayMenuTextOperator = "contains" | "startsWith";
|
|
6519
|
+
interface DisplayMenuTextValue {
|
|
6520
|
+
operator: DisplayMenuTextOperator;
|
|
6521
|
+
text: string;
|
|
6522
|
+
}
|
|
6523
|
+
type DisplayMenuSortDirection = "asc" | "desc";
|
|
6524
|
+
/** One key of a multi-key ordering. Index 0 is the primary sort. */
|
|
6525
|
+
interface DisplayMenuSortKey {
|
|
6526
|
+
key: string;
|
|
6527
|
+
direction: DisplayMenuSortDirection;
|
|
6391
6528
|
}
|
|
6529
|
+
/** A field the ordering section can sort by — need not be a visible column. */
|
|
6530
|
+
interface DisplayMenuSortField {
|
|
6531
|
+
key: string;
|
|
6532
|
+
label: string;
|
|
6533
|
+
/** Direction a newly added key starts in (dates and money usually `desc`). Default `asc`. */
|
|
6534
|
+
defaultDirection?: DisplayMenuSortDirection | undefined;
|
|
6535
|
+
}
|
|
6536
|
+
interface DisplayMenuColumn {
|
|
6537
|
+
key: string;
|
|
6538
|
+
label: string;
|
|
6539
|
+
/** Cannot be moved (the identity column). Implies not hideable. */
|
|
6540
|
+
locked?: boolean | undefined;
|
|
6541
|
+
/** `false` keeps the column visible (its checkbox is disabled). Default `true`. */
|
|
6542
|
+
hideable?: boolean | undefined;
|
|
6543
|
+
}
|
|
6544
|
+
/**
|
|
6545
|
+
* The typed body of a section's flyout. `person` and `tags` keep using the
|
|
6546
|
+
* section's `options` / `selected` / `onSelect`; every other kind ignores
|
|
6547
|
+
* them (pass `mode: "single"` and `options: []`) and owns its value here.
|
|
6548
|
+
*/
|
|
6549
|
+
type DisplayMenuSectionSpec = {
|
|
6550
|
+
kind: "person";
|
|
6551
|
+
/** Option key of the signed-in user — pinned first as "Me". */
|
|
6552
|
+
meKey?: string | undefined;
|
|
6553
|
+
/** Option key standing for "no assignee" — pinned after "Me". */
|
|
6554
|
+
unassignedKey?: string | undefined;
|
|
6555
|
+
} | {
|
|
6556
|
+
kind: "tags";
|
|
6557
|
+
/** Whether a row needs any or all of the selected tags. */
|
|
6558
|
+
tagMatch: DisplayMenuMatch;
|
|
6559
|
+
onTagMatchChange: (match: DisplayMenuMatch) => void;
|
|
6560
|
+
} | {
|
|
6561
|
+
kind: "date";
|
|
6562
|
+
value: DisplayMenuDateValue | null;
|
|
6563
|
+
onChange: (value: DisplayMenuDateValue | null) => void;
|
|
6564
|
+
/** Presets offered, in order. Default: every due preset, then every calendar preset, then `custom`. */
|
|
6565
|
+
presets?: readonly DisplayMenuDatePreset[] | undefined;
|
|
6566
|
+
/** "Today" for preset resolution — inject for deterministic stories and tests. Default `new Date()`. */
|
|
6567
|
+
now?: Date | undefined;
|
|
6568
|
+
} | {
|
|
6569
|
+
kind: "number";
|
|
6570
|
+
value: DisplayMenuNumberValue | null;
|
|
6571
|
+
onChange: (value: DisplayMenuNumberValue | null) => void;
|
|
6572
|
+
/** `currency` formats the summary as money. Parsing accepts `$`, `,` and `(neg)` either way. */
|
|
6573
|
+
format?: "number" | "currency" | undefined;
|
|
6574
|
+
} | {
|
|
6575
|
+
kind: "text";
|
|
6576
|
+
value: DisplayMenuTextValue | null;
|
|
6577
|
+
onChange: (value: DisplayMenuTextValue | null) => void;
|
|
6578
|
+
placeholder?: string | undefined;
|
|
6579
|
+
} | {
|
|
6580
|
+
kind: "boolean";
|
|
6581
|
+
/** `null` is "any". */
|
|
6582
|
+
value: boolean | null;
|
|
6583
|
+
onChange: (value: boolean | null) => void;
|
|
6584
|
+
trueLabel?: string | undefined;
|
|
6585
|
+
falseLabel?: string | undefined;
|
|
6586
|
+
} | {
|
|
6587
|
+
kind: "sort";
|
|
6588
|
+
fields: readonly DisplayMenuSortField[];
|
|
6589
|
+
value: readonly DisplayMenuSortKey[];
|
|
6590
|
+
onChange: (value: DisplayMenuSortKey[]) => void;
|
|
6591
|
+
/** How many keys may be stacked. Default `2` (primary + secondary). */
|
|
6592
|
+
maxKeys?: number | undefined;
|
|
6593
|
+
} | {
|
|
6594
|
+
kind: "columns";
|
|
6595
|
+
columns: readonly DisplayMenuColumn[];
|
|
6596
|
+
/** Column keys in display order. Keys missing here follow in `columns` order. */
|
|
6597
|
+
order: readonly string[];
|
|
6598
|
+
hidden: ReadonlySet<string>;
|
|
6599
|
+
onOrderChange: (order: string[]) => void;
|
|
6600
|
+
onHiddenChange: (hidden: Set<string>) => void;
|
|
6601
|
+
onReset?: (() => void) | undefined;
|
|
6602
|
+
};
|
|
6603
|
+
type DisplayMenuSectionKind = DisplayMenuSectionSpec["kind"];
|
|
6392
6604
|
interface DisplayMenuSection {
|
|
6393
6605
|
/** Stable id — also the open-flyout key. */
|
|
6394
6606
|
key: string;
|
|
6395
6607
|
label: string;
|
|
6396
6608
|
icon?: ReactNode;
|
|
6397
|
-
/**
|
|
6398
|
-
|
|
6609
|
+
/**
|
|
6610
|
+
* `multi` → checkboxes (filters); `single` → radios (grouping/ordering);
|
|
6611
|
+
* `toggle` → one on/off rendered as a single checkbox row on the root panel
|
|
6612
|
+
* (no flyout) — uses `options[0]`.
|
|
6613
|
+
*/
|
|
6614
|
+
mode: "multi" | "single" | "toggle";
|
|
6399
6615
|
options: DisplayMenuOption[];
|
|
6400
6616
|
/** Selected option keys. `single` sections hold exactly one.
|
|
6401
|
-
*
|
|
6617
|
+
* ReadonlySet so callers can pass a narrower `Set<SomeUnion>` without a cast. */
|
|
6402
6618
|
selected: ReadonlySet<string>;
|
|
6403
6619
|
onSelect: (key: string) => void;
|
|
6404
|
-
/** Clears
|
|
6620
|
+
/** Clears the selection in this section. `multi` only. */
|
|
6405
6621
|
onClear?: () => void;
|
|
6406
6622
|
/** Rendered beside the row — e.g. a sort-direction toggle. */
|
|
6407
6623
|
trailing?: ReactNode;
|
|
6408
6624
|
/** Force the flyout search box. Auto-enabled past SEARCH_THRESHOLD options. */
|
|
6409
6625
|
searchable?: boolean;
|
|
6410
|
-
/** Escape hatch:
|
|
6411
|
-
* dimensions a list can't express (a date range, a numeric bound). Sections
|
|
6412
|
-
* using this supply their own controls and are skipped by root search —
|
|
6413
|
-
* there are no option labels to match. Prefer `options` where it fits. */
|
|
6626
|
+
/** Escape hatch: rendered in the flyout *instead of* the option list. Prefer `spec`. */
|
|
6414
6627
|
content?: ReactNode;
|
|
6415
|
-
/** Value summary on the root row.
|
|
6416
|
-
* selected option; `content` sections have no options, so pass it here. */
|
|
6628
|
+
/** Value summary on the root row. Derived when omitted. */
|
|
6417
6629
|
summary?: string;
|
|
6630
|
+
/** Heading the section renders under. Omitted on every section → flat list (1.47). */
|
|
6631
|
+
group?: DisplayMenuGroup | undefined;
|
|
6632
|
+
/** Hide options whose `count` is `0` (selected and pinned options stay). */
|
|
6633
|
+
hideZero?: boolean | undefined;
|
|
6634
|
+
/** Operators offered in the flyout's operator picker. Omitted → no picker (implicit "is any of"). */
|
|
6635
|
+
operators?: readonly DisplayMenuOperator[] | undefined;
|
|
6636
|
+
/** Current operator. Default the first of `operators`. */
|
|
6637
|
+
operator?: DisplayMenuOperator | undefined;
|
|
6638
|
+
onOperatorChange?: ((operator: DisplayMenuOperator) => void) | undefined;
|
|
6639
|
+
/** What the summary reads with nothing selected ("Any", "All"). */
|
|
6640
|
+
emptyLabel?: string | undefined;
|
|
6641
|
+
/** Typed flyout body — person, tags, date, number, text, boolean, sort, columns. */
|
|
6642
|
+
spec?: DisplayMenuSectionSpec | undefined;
|
|
6643
|
+
}
|
|
6644
|
+
/** A saved view, as the picker lists it. */
|
|
6645
|
+
interface DisplayMenuView {
|
|
6646
|
+
key: string;
|
|
6647
|
+
label: string;
|
|
6648
|
+
/** Quiet second line ("Firm default", "Shared"). */
|
|
6649
|
+
description?: string | undefined;
|
|
6650
|
+
}
|
|
6651
|
+
/** The saved-views slot. UI only — the consumer owns storage. */
|
|
6652
|
+
interface DisplayMenuViews {
|
|
6653
|
+
items: readonly DisplayMenuView[];
|
|
6654
|
+
activeKey: string | null;
|
|
6655
|
+
onSelect: (key: string) => void;
|
|
6656
|
+
/** Renders "Save view"; called when activated. */
|
|
6657
|
+
onSave?: (() => void) | undefined;
|
|
6658
|
+
/** The current state differs from the active view: shows the dirty dot. */
|
|
6659
|
+
dirty?: boolean | undefined;
|
|
6418
6660
|
}
|
|
6419
6661
|
interface DisplayMenuProps {
|
|
6420
6662
|
sections: DisplayMenuSection[];
|
|
@@ -6428,14 +6670,187 @@ interface DisplayMenuProps {
|
|
|
6428
6670
|
triggerLabel?: string;
|
|
6429
6671
|
/** Extra classes for the trigger button. */
|
|
6430
6672
|
className?: string;
|
|
6431
|
-
/** Which side of the panel
|
|
6432
|
-
* opens left whenever the panel has room there — the usual case for a
|
|
6433
|
-
* Display button sitting at the right of a toolbar. Pass `"right"` when the
|
|
6434
|
-
* trigger lives in a left-anchored surface (e.g. an inbox panel) and the
|
|
6435
|
-
* free space is on the right. */
|
|
6673
|
+
/** Which side of the panel section flyouts open on. Default `"auto"`. */
|
|
6436
6674
|
flyoutSide?: "auto" | "left" | "right" | undefined;
|
|
6675
|
+
/**
|
|
6676
|
+
* How many dimensions sit away from their default. Drives the trigger's dot
|
|
6677
|
+
* and its accessible name ("Display, 3 active") — the Tax menu's semantics.
|
|
6678
|
+
* Omitted → derived from `isAtDefault` and multi-section selections (1.47).
|
|
6679
|
+
*/
|
|
6680
|
+
activeCount?: number | undefined;
|
|
6681
|
+
/** Top-level combinator across filter sections; renders "Match all / any" when set. */
|
|
6682
|
+
match?: DisplayMenuMatch | undefined;
|
|
6683
|
+
onMatchChange?: ((match: DisplayMenuMatch) => void) | undefined;
|
|
6684
|
+
/** Renders the density segmented control (`TableDensityToggle`) in the footer. */
|
|
6685
|
+
density?: ThemeDensity | undefined;
|
|
6686
|
+
onDensityChange?: ((density: ThemeDensity) => void) | undefined;
|
|
6687
|
+
/** Saved-views picker + "Save view" + dirty dot, at the top of the panel. */
|
|
6688
|
+
views?: DisplayMenuViews | undefined;
|
|
6689
|
+
/** Controlled open state of the panel. */
|
|
6690
|
+
open?: boolean | undefined;
|
|
6691
|
+
defaultOpen?: boolean | undefined;
|
|
6692
|
+
onOpenChange?: ((open: boolean) => void) | undefined;
|
|
6693
|
+
/**
|
|
6694
|
+
* Controlled open flyout (section key). With `open`, lets a filter chip
|
|
6695
|
+
* reopen "its" facet for editing.
|
|
6696
|
+
*/
|
|
6697
|
+
openSection?: string | null | undefined;
|
|
6698
|
+
onOpenSectionChange?: ((key: string | null) => void) | undefined;
|
|
6699
|
+
/** Copy; prop > provider > English default. */
|
|
6700
|
+
messages?: Partial<DisplayMenuMessages> | undefined;
|
|
6437
6701
|
}
|
|
6438
|
-
|
|
6702
|
+
|
|
6703
|
+
declare function DisplayMenu({ sections, onReset, isAtDefault, tooltip: tooltipProp, dataTour, triggerIcon, triggerLabel: triggerLabelProp, className, flyoutSide, activeCount, match, onMatchChange, density, onDensityChange, views, open: openProp, defaultOpen, onOpenChange, openSection: openSectionProp, onOpenSectionChange, messages: messagesProp, }: DisplayMenuProps): react_jsx_runtime.JSX.Element;
|
|
6704
|
+
|
|
6705
|
+
/**
|
|
6706
|
+
* The inclusive range a preset stands for, relative to `now`. `overdue`,
|
|
6707
|
+
* `noDate` and `custom` are not ranges and return `undefined`.
|
|
6708
|
+
*
|
|
6709
|
+
* @experimental
|
|
6710
|
+
*/
|
|
6711
|
+
declare function resolveDisplayMenuDatePreset(preset: DisplayMenuDatePreset, now: Date): DisplayMenuDateRange | undefined;
|
|
6712
|
+
/**
|
|
6713
|
+
* The preset whose range equals `range`, among `presets` (default: all), or
|
|
6714
|
+
* `"custom"`. Lets a hand-typed range that happens to be "last 7 days" show
|
|
6715
|
+
* as that preset. The first match in `presets` order wins (so `dueToday` is
|
|
6716
|
+
* reported before `today`; pass the presets the section offers).
|
|
6717
|
+
*
|
|
6718
|
+
* @experimental
|
|
6719
|
+
*/
|
|
6720
|
+
declare function detectDisplayMenuDatePreset(value: DisplayMenuDateRange | undefined, now: Date, presets?: readonly DisplayMenuDatePreset[]): DisplayMenuDatePreset;
|
|
6721
|
+
/**
|
|
6722
|
+
* Whether a row's date passes a date filter. `overdue` is strictly before
|
|
6723
|
+
* today; `noDate` is a missing date; every other preset (and `custom`)
|
|
6724
|
+
* tests the inclusive range — a missing date never matches a range.
|
|
6725
|
+
*
|
|
6726
|
+
* @experimental
|
|
6727
|
+
*/
|
|
6728
|
+
declare function matchesDisplayMenuDate(value: Date | string | null | undefined, filter: DisplayMenuDateValue | null | undefined, now: Date): boolean;
|
|
6729
|
+
/**
|
|
6730
|
+
* A typed number: tolerates `$`, thousands commas, whitespace, a leading `-`
|
|
6731
|
+
* and accounting negatives — `"(1,000)"` is `-1000`. Anything else (letters,
|
|
6732
|
+
* `1k`, two decimal points, an empty string) is `null`.
|
|
6733
|
+
*
|
|
6734
|
+
* @experimental
|
|
6735
|
+
*/
|
|
6736
|
+
declare function parseDisplayMenuNumber(input: string): number | null;
|
|
6737
|
+
/** Whether a row's number passes a number filter. A missing number never matches. @experimental */
|
|
6738
|
+
declare function matchesDisplayMenuNumber(value: number | null | undefined, filter: DisplayMenuNumberValue | null | undefined): boolean;
|
|
6739
|
+
/** Whether a row's text passes a text filter (case-insensitive, trimmed). @experimental */
|
|
6740
|
+
declare function matchesDisplayMenuText(value: string | null | undefined, filter: DisplayMenuTextValue | null | undefined): boolean;
|
|
6741
|
+
/**
|
|
6742
|
+
* Whether a row's value(s) pass a value-list filter under `operator`.
|
|
6743
|
+
* `is` / `isAnyOf` need any selected value; `isNot` / `isNoneOf` need none;
|
|
6744
|
+
* `isEmpty` / `isNotEmpty` ignore the selection. An empty selection passes
|
|
6745
|
+
* every row (the filter is off) except under the two emptiness operators.
|
|
6746
|
+
*
|
|
6747
|
+
* @experimental
|
|
6748
|
+
*/
|
|
6749
|
+
declare function matchesDisplayMenuOperator(rowValues: readonly string[] | string | null | undefined, selected: ReadonlySet<string>, operator?: DisplayMenuOperator): boolean;
|
|
6750
|
+
/** Tags: `any` needs one selected tag, `all` needs every one. @experimental */
|
|
6751
|
+
declare function matchesDisplayMenuTags(rowTags: readonly string[] | null | undefined, selected: ReadonlySet<string>, match?: DisplayMenuMatch): boolean;
|
|
6752
|
+
/**
|
|
6753
|
+
* Whether a section currently narrows the rows: a selection, an emptiness
|
|
6754
|
+
* operator, or a typed value. Ordering and columns arrange rows and are never
|
|
6755
|
+
* active filters.
|
|
6756
|
+
*
|
|
6757
|
+
* @experimental
|
|
6758
|
+
*/
|
|
6759
|
+
declare function isDisplayMenuSectionActive(section: DisplayMenuSection): boolean;
|
|
6760
|
+
/** Options for {@link summarizeDisplayMenuSection}. @experimental */
|
|
6761
|
+
interface SummarizeDisplayMenuSectionOptions {
|
|
6762
|
+
/** "Today" for preset detection. Default the section's own `now`, else `new Date()`. */
|
|
6763
|
+
now?: Date | undefined;
|
|
6764
|
+
/** Locale for dates and figures. Default `en-US`. */
|
|
6765
|
+
locale?: string | undefined;
|
|
6766
|
+
}
|
|
6767
|
+
/**
|
|
6768
|
+
* The words a section's current value reads as — the root-row summary and
|
|
6769
|
+
* the filter chip text ("is any of Active, Draft", "Due in 7 days",
|
|
6770
|
+
* "> $1,000"). `null` when the section is inactive.
|
|
6771
|
+
*
|
|
6772
|
+
* @experimental
|
|
6773
|
+
*/
|
|
6774
|
+
declare function summarizeDisplayMenuSection(section: DisplayMenuSection, messages: DisplayMenuFiltersMessages, options?: SummarizeDisplayMenuSectionOptions): string | null;
|
|
6775
|
+
|
|
6776
|
+
/** One selected value of a facet, for the overflow panel's per-value remove. @experimental */
|
|
6777
|
+
interface FilterChipsValue {
|
|
6778
|
+
key: string;
|
|
6779
|
+
label: string;
|
|
6780
|
+
}
|
|
6781
|
+
/** One active facet. @experimental */
|
|
6782
|
+
interface FilterChipsFacet {
|
|
6783
|
+
/** Stable id — passed back to `onEdit` / `onRemove`. Usually the Display section key. */
|
|
6784
|
+
key: string;
|
|
6785
|
+
/** The facet name: "Status". */
|
|
6786
|
+
label: string;
|
|
6787
|
+
/**
|
|
6788
|
+
* What the chip reads after the label ("Active, Draft", "is not Archived",
|
|
6789
|
+
* "> $1,000"). Defaults to the `values` labels joined with ", ".
|
|
6790
|
+
*/
|
|
6791
|
+
summary?: string | undefined;
|
|
6792
|
+
/** The selected values, when the facet is a value list — enables per-value × in the overflow panel. */
|
|
6793
|
+
values?: readonly FilterChipsValue[] | undefined;
|
|
6794
|
+
}
|
|
6795
|
+
/** @experimental */
|
|
6796
|
+
interface FilterChipsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
6797
|
+
facets: readonly FilterChipsFacet[];
|
|
6798
|
+
/** The chip body was activated: open the editor for this facet (e.g. `DisplayMenu openSection`). */
|
|
6799
|
+
onEdit?: ((facetKey: string) => void) | undefined;
|
|
6800
|
+
/** The chip's × was activated: drop the whole facet. */
|
|
6801
|
+
onRemove: (facetKey: string) => void;
|
|
6802
|
+
/** A value's × in the overflow panel was activated. Without it the panel offers a facet-level × only. */
|
|
6803
|
+
onRemoveValue?: ((facetKey: string, valueKey: string) => void) | undefined;
|
|
6804
|
+
/** Renders the trailing "Clear all" (and the panel's "Clear filters"). */
|
|
6805
|
+
onClearAll?: (() => void) | undefined;
|
|
6806
|
+
/**
|
|
6807
|
+
* How many facet chips render before the rest collapse into "+N". Default
|
|
6808
|
+
* `3`. `Infinity` never collapses.
|
|
6809
|
+
*/
|
|
6810
|
+
maxVisible?: number | undefined;
|
|
6811
|
+
/** Chip height from the control scale. Default `sm` (the toolbar's). */
|
|
6812
|
+
size?: ChipSize | undefined;
|
|
6813
|
+
/** Content after the chips and before "Clear all" (rare — e.g. a saved-view hint). */
|
|
6814
|
+
trailing?: ReactNode;
|
|
6815
|
+
/** Copy; prop > provider > English default. */
|
|
6816
|
+
messages?: Partial<FilterChipsMessages> | undefined;
|
|
6817
|
+
}
|
|
6818
|
+
/**
|
|
6819
|
+
* FilterChips — the active-filter row of a list toolbar. Renders nothing when
|
|
6820
|
+
* no facet is active, so it can sit in the toolbar unconditionally.
|
|
6821
|
+
*
|
|
6822
|
+
* @experimental
|
|
6823
|
+
*/
|
|
6824
|
+
declare const FilterChips: React$1.ForwardRefExoticComponent<FilterChipsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
6825
|
+
/** {@link useDisplayMenuFilterChips} options. @experimental */
|
|
6826
|
+
interface UseDisplayMenuFilterChipsOptions {
|
|
6827
|
+
/** Only sections in this group become chips. Default: `"filter"` sections, or every section when none is grouped. */
|
|
6828
|
+
group?: "filter" | "arrange" | "all" | undefined;
|
|
6829
|
+
/** "Today" for date summaries (deterministic stories and tests). */
|
|
6830
|
+
now?: Date | undefined;
|
|
6831
|
+
}
|
|
6832
|
+
/** What {@link useDisplayMenuFilterChips} returns — spread into `<FilterChips>`. @experimental */
|
|
6833
|
+
interface DisplayMenuFilterChips {
|
|
6834
|
+
facets: FilterChipsFacet[];
|
|
6835
|
+
onRemove: (facetKey: string) => void;
|
|
6836
|
+
onRemoveValue: (facetKey: string, valueKey: string) => void;
|
|
6837
|
+
onClearAll: () => void;
|
|
6838
|
+
}
|
|
6839
|
+
/**
|
|
6840
|
+
* Derives `FilterChips` props from the `sections` a `DisplayMenu` renders: one
|
|
6841
|
+
* facet per active filter section (summary from the same words the menu's own
|
|
6842
|
+
* row shows), and remove handlers that go through each section's own
|
|
6843
|
+
* callbacks (`onClear` / `onSelect` / `spec.onChange`). Sort and column
|
|
6844
|
+
* sections never become chips.
|
|
6845
|
+
*
|
|
6846
|
+
* ```tsx
|
|
6847
|
+
* const chips = useDisplayMenuFilterChips(sections);
|
|
6848
|
+
* <FilterChips {...chips} onEdit={(key) => { setOpenSection(key); setMenuOpen(true); }} />
|
|
6849
|
+
* ```
|
|
6850
|
+
*
|
|
6851
|
+
* @experimental
|
|
6852
|
+
*/
|
|
6853
|
+
declare function useDisplayMenuFilterChips(sections: readonly DisplayMenuSection[], options?: UseDisplayMenuFilterChipsOptions): DisplayMenuFilterChips;
|
|
6439
6854
|
|
|
6440
6855
|
/**
|
|
6441
6856
|
* How a layer holds its place (W7-08, upstreamed from Tax's fork):
|
|
@@ -6494,6 +6909,124 @@ type StickyStackSectionHeaderProps = StickyStackStickyProps;
|
|
|
6494
6909
|
*/
|
|
6495
6910
|
declare const StickyStackSectionHeader: React$1.ForwardRefExoticComponent<StickyStackStickyProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
6496
6911
|
|
|
6912
|
+
/** @experimental */
|
|
6913
|
+
interface DataTableHeaderMenuProps {
|
|
6914
|
+
/** The column's name — names the trigger ("Column options for Status"). */
|
|
6915
|
+
label: string;
|
|
6916
|
+
onSortAscending?: (() => void) | undefined;
|
|
6917
|
+
onSortDescending?: (() => void) | undefined;
|
|
6918
|
+
/** Shown only while the column is sorted. */
|
|
6919
|
+
onClearSort?: (() => void) | undefined;
|
|
6920
|
+
sorted?: boolean | undefined;
|
|
6921
|
+
onMoveLeft?: (() => void) | undefined;
|
|
6922
|
+
onMoveRight?: (() => void) | undefined;
|
|
6923
|
+
canMoveLeft?: boolean | undefined;
|
|
6924
|
+
canMoveRight?: boolean | undefined;
|
|
6925
|
+
onHide?: (() => void) | undefined;
|
|
6926
|
+
/** `pinned` decides whether Pin or Unpin shows. */
|
|
6927
|
+
pinned?: boolean | undefined;
|
|
6928
|
+
onPinChange?: ((pinned: boolean) => void) | undefined;
|
|
6929
|
+
onAutoSize?: (() => void) | undefined;
|
|
6930
|
+
onResetColumns?: (() => void) | undefined;
|
|
6931
|
+
className?: string | undefined;
|
|
6932
|
+
}
|
|
6933
|
+
/**
|
|
6934
|
+
* DataTableHeaderMenu — a column's options menu, for a header cell's `menu` slot.
|
|
6935
|
+
*
|
|
6936
|
+
* @experimental
|
|
6937
|
+
*/
|
|
6938
|
+
declare const DataTableHeaderMenu: React$1.ForwardRefExoticComponent<DataTableHeaderMenuProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
6939
|
+
|
|
6940
|
+
/** @experimental */
|
|
6941
|
+
interface ListPageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
6942
|
+
/** Optional stat strip above the toolbar. */
|
|
6943
|
+
stats?: ReactNode;
|
|
6944
|
+
/** The toolbar row — usually a `ListPageToolbar`. */
|
|
6945
|
+
toolbar?: ReactNode;
|
|
6946
|
+
/** The table card — usually a `ListPageTable`. */
|
|
6947
|
+
children: ReactNode;
|
|
6948
|
+
/** The bulk-action bar, below the table; in flow, so it never covers a row. */
|
|
6949
|
+
bulkBar?: ReactNode;
|
|
6950
|
+
}
|
|
6951
|
+
/**
|
|
6952
|
+
* ListPage — full-height, non-scrolling list screen: `stats`, `toolbar`, the
|
|
6953
|
+
* table (`children`) and `bulkBar`, top to bottom.
|
|
6954
|
+
*
|
|
6955
|
+
* @experimental
|
|
6956
|
+
*/
|
|
6957
|
+
declare const ListPage: React$1.ForwardRefExoticComponent<ListPageProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
6958
|
+
/** @experimental */
|
|
6959
|
+
interface ListPageToolbarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
6960
|
+
/** The search box, left and fixed-width (`DataTableSearch` is 280px). */
|
|
6961
|
+
search?: ReactNode;
|
|
6962
|
+
/** Active filters — usually `FilterChips`. */
|
|
6963
|
+
chips?: ReactNode;
|
|
6964
|
+
/** The result count — usually `ListPageResultCount`. */
|
|
6965
|
+
count?: ReactNode;
|
|
6966
|
+
/** Trailing controls: Display, Export, the one primary action. */
|
|
6967
|
+
actions?: ReactNode;
|
|
6968
|
+
/** Extra content between the chips and the spacer. */
|
|
6969
|
+
children?: ReactNode;
|
|
6970
|
+
}
|
|
6971
|
+
/**
|
|
6972
|
+
* ListPageToolbar — search left, chips, a spacer, the result count and the
|
|
6973
|
+
* actions. Wraps onto a second line only when the viewport cannot hold it.
|
|
6974
|
+
*
|
|
6975
|
+
* @experimental
|
|
6976
|
+
*/
|
|
6977
|
+
declare const ListPageToolbar: React$1.ForwardRefExoticComponent<ListPageToolbarProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
6978
|
+
/** @experimental */
|
|
6979
|
+
interface ListPageResultCountProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
|
|
6980
|
+
/** Total matching rows (server `total`). */
|
|
6981
|
+
total: number;
|
|
6982
|
+
/** Paged: 1-based first row on the page. With `end`, reads "1–20 of 239". */
|
|
6983
|
+
start?: number | undefined;
|
|
6984
|
+
/** Paged: last row on the page. */
|
|
6985
|
+
end?: number | undefined;
|
|
6986
|
+
/** Infinite: rows loaded so far. Reads "240 of 1,240 loaded". Wins over `start`/`end`. */
|
|
6987
|
+
loaded?: number | undefined;
|
|
6988
|
+
/** BCP 47 locale for the figures. Default: the runtime's. */
|
|
6989
|
+
locale?: string | undefined;
|
|
6990
|
+
/** Copy; prop > provider > English default. */
|
|
6991
|
+
messages?: Partial<ListPageMessages> | undefined;
|
|
6992
|
+
}
|
|
6993
|
+
/**
|
|
6994
|
+
* ListPageResultCount — "1–20 of 239" / "240 of 1,240 loaded" / "239 results",
|
|
6995
|
+
* in tabular figures. A polite live region, so a filter change is announced
|
|
6996
|
+
* with its result count (plan §2, a11y).
|
|
6997
|
+
*
|
|
6998
|
+
* @experimental
|
|
6999
|
+
*/
|
|
7000
|
+
declare const ListPageResultCount: React$1.ForwardRefExoticComponent<ListPageResultCountProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
7001
|
+
/** @experimental */
|
|
7002
|
+
interface ListPageTableProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7003
|
+
/** Pinned under the scroll region: pagination, "All 1,240 loaded". */
|
|
7004
|
+
footer?: ReactNode;
|
|
7005
|
+
}
|
|
7006
|
+
/**
|
|
7007
|
+
* ListPageTable — the table card. Put a `<Table stickyHeader>` (or a
|
|
7008
|
+
* `DataTable`, or a `ListPageScroll`) directly inside; it becomes the only
|
|
7009
|
+
* scroll region. Shrinks to its content when short.
|
|
7010
|
+
*
|
|
7011
|
+
* @experimental
|
|
7012
|
+
*/
|
|
7013
|
+
declare const ListPageTable: React$1.ForwardRefExoticComponent<ListPageTableProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
7014
|
+
/** @experimental */
|
|
7015
|
+
interface ListPageScrollProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7016
|
+
/** Copy; prop > provider > English default. */
|
|
7017
|
+
messages?: Partial<ListPageMessages> | undefined;
|
|
7018
|
+
}
|
|
7019
|
+
/**
|
|
7020
|
+
* ListPageScroll — the scroll region for content that is not a `Table` (a
|
|
7021
|
+
* bare `<table>` of `DataTable*` parts, a virtualised list). Becomes a
|
|
7022
|
+
* focusable, labelled region only while it actually overflows, so a short
|
|
7023
|
+
* list adds no tab stop. Forward a ref to hand it to a virtualiser as the
|
|
7024
|
+
* scroll element.
|
|
7025
|
+
*
|
|
7026
|
+
* @experimental
|
|
7027
|
+
*/
|
|
7028
|
+
declare const ListPageScroll: React$1.ForwardRefExoticComponent<ListPageScrollProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
7029
|
+
|
|
6497
7030
|
/** What `useConfirm()` asks with: the copy and the meaning of one confirmation. @experimental */
|
|
6498
7031
|
interface ConfirmOptions {
|
|
6499
7032
|
title: React$1.ReactNode;
|
|
@@ -6782,4 +7315,4 @@ interface UseTableDensityResult {
|
|
|
6782
7315
|
*/
|
|
6783
7316
|
declare function useTableDensity(options?: UseTableDensityOptions): UseTableDensityResult;
|
|
6784
7317
|
|
|
6785
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActivityDotVariant, ActivityEventItem, type ActivityEventItemProps, ActivityItem, type ActivityItemProps, ActivityList, type ActivityListProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, AppHeader, AppHeaderActions, type AppHeaderActionsProps, AppHeaderBreadcrumb, type AppHeaderBreadcrumbProps, type AppHeaderProps, AppHeaderSearch, type AppHeaderSearchProps, AppHeaderTitle, type AppHeaderTitleProps, AppSidebar, type AppSidebarClassNames, type AppSidebarItem, type AppSidebarMatch, AppSidebarNav, type AppSidebarNavProps, type AppSidebarProps, type AppSidebarSection, AreaChart, type AreaChartProps, type AreaPoint, AspectRatio, AttachmentChip, type AttachmentChipProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarGroupSize, type AvatarProps, AvatarSlot, BadgeShape, BadgeSize, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, BulkActionBar, BulkActionBarAction, type BulkActionBarActionProps, type BulkActionBarProps, BulkActionBarSeparator, type BulkActionBarVariant, Button, type ButtonEmphasis, type ButtonIconProps, type ButtonIconSize, type ButtonIntent, type ButtonIntentAlias, type ButtonLegacyVariant, type ButtonLook, type ButtonProps, type ButtonSize, type ButtonStyle, type ButtonVariant, type ButtonVariantsProps, COUNTRY_CODES, Calendar, type CalendarBaseProps, type CalendarCaptionLayout, type CalendarHighlight, type CalendarHighlightColor, type CalendarProps, type CalendarRange, type CalendarRangeProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, type CardTitleProps, type CardVariants, type CellValue, Checkbox, type CheckboxChecked, type CheckboxProps, Chip, type ChipIntent, type ChipProps, type ChipSize, type ChipStyle, type ChipVariant, Code, type CodeProps, type CodeVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, ComboboxMultipleProps, ComboboxProps, ComboboxSize, type CommandItem, CommandPalette, CommandPaletteMessages, ConfirmActionButton, type ConfirmActionButtonProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmFn, ConfirmHost, type ConfirmHostProps, type ConfirmInitialFocus, type ConfirmIntent, ConfirmMessages, type ConfirmOptions, type ConfirmPresentation, type ConfirmResult, Content$1 as Content, type ContentProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ControlSize, CopyButton, type CountryCode, CountryFlag, CountrySelect, DATE_DISPLAY_PLACEHOLDER, DEFAULT_PHONE_FIELD_MESSAGES, DangerAction, type DangerActionProps, DataItem, type DataTableAccessor, type DataTableAriaSort, type DataTableColumn, type DataTableColumnVisibilityApi, type DataTableColumnVisibilityState, type DataTableController, type DataTableFilterDefinition, type DataTableFilterValue, type DataTableFiltersApi, type DataTableFiltersState, DataTablePagination, type DataTablePaginationApi, type DataTablePaginationProps, type DataTablePaginationState, DataTablePattern, type DataTablePatternBulkActionsProps, type DataTablePatternColumnsMenuProps, type DataTablePatternContentProps, type DataTablePatternEmptyProps, type DataTablePatternErrorProps, type DataTablePatternFiltersProps, type DataTablePatternLoadingProps, type DataTablePatternPaginationProps, type DataTablePatternProps, type DataTablePatternSearchProps, type DataTablePatternToolbarProps, type DataTableRowModel, type DataTableSearchApi, type DataTableSelectionApi, type DataTableSelectionState, DataTableSlot, type DataTableSortDirection, type DataTableSortValue, type DataTableSortingApi, type DataTableSortingState, type DataTableState, type DatePattern, DatePicker, type DatePickerProps, type DateRangeNames, DateRangePicker, type DateRangePickerProps, type DateRangeValue, DetailGrid, type DetailGridProps, DetailMain, type DetailMainProps, DetailSpine, DetailSpineHeader, type DetailSpineHeaderProps, type DetailSpineProps, DetailSpineSection, type DetailSpineSectionProps, DetailSpineStats, type DetailSpineStatsProps, Dialog, DialogBody, type DialogBodyProps, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, type DialogHeight, type DialogMessages, DialogOverlay, DialogPortal, type DialogPresentation, type DialogSize, DialogTitle, DialogTrigger, DismissibleChip, DisplayMenu, type DisplayMenuOption, type DisplayMenuProps, type DisplayMenuSection, DonutChart, type DonutChartProps, type DonutSegment, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateAlign, type EmptyStateProps, type EmptyStateSize, ErrorState, ErrorStateMessages, type ErrorStateProps, type ErrorStateSize, Eyebrow, type EyebrowProps, Field, FieldControl, type FieldControlProps, type FieldControlWiring, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldMessages, type FieldOrientation, type FieldProps, Fieldset, FieldsetLegend, type FieldsetLegendProps, type FieldsetProps, FileTypeBadge, type FileTypeBadgeProps, type FileTypeTone, FileUpload, FileUploadMessages, type FileUploadProps, FileUploadSlot, type FileUploadVariant, FilterChip, type FilterChipProps, type FolderNode, FolderTree, type FolderTreeProps, FormError, FormSection, FormSuccess, Heading, type HeadingLevel, type HeadingProps, type HeadingSize, HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardPadding, HoverCardPortal, HoverCardTrigger, type HoverCardWidth, ICON_TILE_TONE_TO_INTENT, IconAction, type IconActionProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonTooltipSide, IconTile, type IconTileIntent, type IconTileProps, type IconTileSize, type IconTileSuiteTone, type IconTileTone, type IconTileVariantProps, InfoHint, type InfoHintPresentation, type InfoHintProps, Inline, type InlineProps, Input, type InputProps$1 as InputProps, type InputSize, type InputSizeAlias, InputSlot, type InputVariant, type InputVariants, type InputVariantsOptions, Intent, Kanban, KanbanCard, type KanbanCardProps, KanbanColumn, type KanbanColumnProps, type KanbanProps, Kbd, type KbdGlyph, KbdHint, type KbdHintProps, type KbdProps, type KbdVariant, type KeyboardShortcut, type KeyboardShortcutSection, KeyboardShortcutsDialog, type KeyboardShortcutsDialogProps, KeyboardShortcutsMessages, KpiCard, type KpiCardProps, type KpiDelta, Label, type LayoutAlign, type LayoutBreakpoint, type LayoutGap, type LayoutJustify, LinkAction, type LinkActionProps, LinkButton, type LinkButtonProps$1 as LinkButtonProps, LoadingRows, Main, type MainProps, MasterDetailLayout, type MasterDetailLayoutProps, MessageBubble, MessageBubbleAction, type MessageBubbleActionProps, type MessageBubbleProps, MessageBubbleTombstone, type MessageBubbleTombstoneProps, MessageComposer, type MessageComposerProps, MetadataGrid, MultiFilterPill, MultiSelect, MultiSelectField, type MultiSelectProps, MutedSpec, type MutedSpecProps, NotificationFilter, type NotificationFilterProps, type NotificationFilterValue, NotificationItem, type NotificationItemProps, NotificationList, type NotificationListProps, NotificationPanel, NotificationPanelFooter, type NotificationPanelFooterProps, NotificationPanelHeader, type NotificationPanelHeaderProps, type NotificationPanelProps, NumberInput, type NumberInputProps, NumberInputSlot, Numeric, type NumericProps, OTPInput, type OTPInputProps, type OnlyStatuses, Option, PROGRESS_LEGACY_TO_INTENT, PageHeader, type PageHeaderProps, PageHeaderSep, type PageHeaderSepProps, PageHeaderSpec, type PageHeaderSpecProps, Pagination, PaginationMessages, type PaginationProps, PdfPreview, type PdfPreviewProps, PeoplePicker, type PeoplePickerMultipleProps, type PeoplePickerProps, type PeoplePickerSingleProps, type Person, PhoneCountryInput, PhoneField, type PhoneFieldChangeDetails, PhoneFieldMessages, type PhoneFieldProps, PhoneFieldSlot, PhoneInput, Popover, PopoverAnchor, PopoverClose, PopoverContent, type PopoverContentProps, type PopoverPadding, PopoverPortal, PopoverTrigger, type PopoverWidth, Pressable, type PressableProps, PrimaryAction, type PrimaryActionProps, type Priority, PriorityIcon, type PriorityIconProps, ProgressBar, type ProgressBarProps, type ProgressBarVariant, type ProgressBarVariantProps, type ProgressIntent, type ProgressLegacyColour, ProgressRing, type ProgressRingProps, type ProgressRingVariant, type ProgressRingVariantProps, type PromptFn, type PromptOptions, QuestionnairePanel, type QuestionnairePanelGroup, type QuestionnairePanelProps, type QuestionnairePanelSection, type QuestionnairePanelStatus, type QuickReplyChip, RadioGroup, type RadioGroupAppearance, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RankedBar, RankedBars, type RankedBarsProps, type Responsive, ResponsiveDialog, type ResponsiveDialogProps, RouteTransition, type RouteTransitionProps, SPINNER_TONE_TO_INTENT, STATUS_DOT_TONE_TO_INTENT, ScrollArea, ScrollBar, SearchInput, SearchInputMessages, type SearchInputProps, type SearchInputSize, SearchInputSlot, type SearchInputVariants, type SearchInputVariantsOptions, SearchSelect, type SearchSelectOption, type SearchSelectProps, SecondaryAction, type SecondaryActionProps, SectionCard, type SectionCardProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SegmentedProgress, type SegmentedProgressProps, type SegmentedServiceTone, type SegmentedTone, SelectableKpiCard, type SelectableKpiCardProps, Separator, Sheet, SheetBody, type SheetBodyProps, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, type SheetMessages, SheetOverlay, SheetPortal, type SheetSide, type SheetSize, SheetTitle, SheetTrigger, type SheetWidth, Shell, type ShellProps, SideDrawer, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarBrandText, type SidebarBrandTextProps, SidebarDrawer, type SidebarDrawerProps, SidebarFooter, type SidebarFooterProps, SidebarLink, SidebarLinkAction, type SidebarLinkActionProps, SidebarLinkBadge, type SidebarLinkBadgeProps, type SidebarLinkBadgeVariants, SidebarLinkGroup, type SidebarLinkGroupProps, SidebarLinkLabel, type SidebarLinkLabelProps, type SidebarLinkProps, SidebarPinButton, type SidebarPinButtonProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarSection, type SidebarSectionProps, type SidebarState, SidebarTrigger, type SidebarTriggerProps, SidebarUser, type SidebarUserProps, Skeleton, SkeletonCircle, SkeletonText, Slider, type SliderProps, type SliderSize, Spinner, type SpinnerIntent, type SpinnerProps, type SpinnerSize, type SpinnerTone, type SpinnerVariantProps, SpreadsheetPreview, type SpreadsheetPreviewProps, Stack, type StackDirection, type StackProps, StackedBarChart, type StackedBarChartProps, type StackedBarDatum, type StackedBarSeries, StarRating, type StarRatingProps, StatusBadge, type StatusBadgeProps, StatusDot, type StatusDotIntent, type StatusDotProps, type StatusDotSize, type StatusDotTone, type StatusDotVariantProps, StatusIcon, type StatusIconProps, type StatusMap, type StatusPresentation, type StatusState, type Step, Stepper, type StepperProps, StickyActionBar, type StickyActionBarProps, StickyStack, StickyStackLayer, type StickyStackLayerMode, type StickyStackLayerProps, type StickyStackProps, StickyStackSectionHeader, type StickyStackSectionHeaderProps, StickyStackSticky, type StickyStackStickyProps, SubmitButton, SuiteProgress, type SuiteProgressFillVariantProps, type SuiteProgressProps, type SuiteProgressSize, type SuiteProgressSuiteTone, type SuiteProgressTone, Surface, type SurfaceElevation, type SurfacePadding, type SurfaceProps, type SurfaceRadius, Switch, type SwitchProps, type SwitchSize, TableDensityMessages, TableDensityToggle, type TableDensityToggleProps, TableEmpty, type TableEmptyProps, TableError, type TableErrorProps, TableLoading, type TableLoadingProps, TableProps, type TableStateProps, TableStatesMessages, Tabs, TabsContent, TabsList, type TabsListVariant, TabsTrigger, Text, type TextColor, type TextProps, type TextSize, type TextWeight, Textarea, type TextareaProps, type TextareaSize, TextareaSlot, type TextareaVariant, type TextareaVariants, type TextareaVariantsOptions, ThemeDensity, type ToastAction, type ToastContextValue, ToastMessages, type ToastOptions, ToastProvider, type ToastVariant, ToggleGroup, type ToggleGroupFormProps, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleGroupSize, type ToggleGroupVariant, Toolbar, type ToolbarProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipMaxWidth, TooltipPortal, type TooltipProps, TooltipProvider, TooltipTrigger, type UseDataTableOptions, type UseFieldControlProps, type UseTableDensityOptions, type UseTableDensityResult, Variant, VisuallyHidden, YEAR_DISPLAY_PLACEHOLDER, alertVariants, applyMask, applyYearMask, assetPath, attachmentChipVariants, buttonVariants, cardVariants, chipVariants, cn, compareSortValues, dateToIso, defineStatusMap, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, getAssetBasePath, getFlagEmoji, iconButtonVariants, resolveIconTileVariants as iconTileVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, nextSortDirection, parsePhoneForEditing, progressBarVariants, progressRingVariants, resolveButtonStyle, resolveChipStyle, searchInputVariants, setAssetBasePath, sidebarLinkBadgeVariants, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, textareaVariants, useConfirm, useDataTable, useFieldControl, usePrompt, useSidebarPeekLock, useSidebarState, useTableDensity, useToast, yearToIso };
|
|
7318
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActivityDotVariant, ActivityEventItem, type ActivityEventItemProps, ActivityItem, type ActivityItemProps, ActivityList, type ActivityListProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, AppHeader, AppHeaderActions, type AppHeaderActionsProps, AppHeaderBreadcrumb, type AppHeaderBreadcrumbProps, type AppHeaderProps, AppHeaderSearch, type AppHeaderSearchProps, AppHeaderTitle, type AppHeaderTitleProps, AppSidebar, type AppSidebarClassNames, type AppSidebarItem, type AppSidebarMatch, AppSidebarNav, type AppSidebarNavProps, type AppSidebarProps, type AppSidebarSection, AreaChart, type AreaChartProps, type AreaPoint, AspectRatio, AttachmentChip, type AttachmentChipProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarGroupSize, type AvatarProps, AvatarSlot, BadgeShape, BadgeSize, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, BulkActionBar, BulkActionBarAction, type BulkActionBarActionProps, type BulkActionBarClearStyle, BulkActionBarMenu, BulkActionBarMenuItem, type BulkActionBarMenuItemProps, type BulkActionBarMenuOption, type BulkActionBarMenuProps, BulkActionBarMenuRadioGroup, type BulkActionBarMenuRadioGroupProps, BulkActionBarMenuSub, type BulkActionBarMenuSubProps, BulkActionBarMore, type BulkActionBarMoreProps, type BulkActionBarOverflow, BulkActionBarPicker, type BulkActionBarPickerProps, type BulkActionBarProps, BulkActionBarSeparator, type BulkActionBarTone, type BulkActionBarVariant, Button, type ButtonEmphasis, type ButtonIconProps, type ButtonIconSize, type ButtonIntent, type ButtonIntentAlias, type ButtonLegacyVariant, type ButtonLook, type ButtonProps, type ButtonSize, type ButtonStyle, type ButtonVariant, type ButtonVariantsProps, COUNTRY_CODES, Calendar, type CalendarBaseProps, type CalendarCaptionLayout, type CalendarHighlight, type CalendarHighlightColor, type CalendarProps, type CalendarRange, type CalendarRangeProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, type CardTitleProps, type CardVariants, type CellValue, Checkbox, type CheckboxChecked, type CheckboxProps, Chip, type ChipIntent, type ChipProps, type ChipSize, type ChipStyle, type ChipVariant, Code, type CodeProps, type CodeVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, ComboboxMultipleProps, ComboboxProps, ComboboxSize, type CommandItem, CommandPalette, CommandPaletteMessages, ConfirmActionButton, type ConfirmActionButtonProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmFn, ConfirmHost, type ConfirmHostProps, type ConfirmInitialFocus, type ConfirmIntent, ConfirmMessages, type ConfirmOptions, type ConfirmPresentation, type ConfirmResult, Content$1 as Content, type ContentProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ControlSize, CopyButton, type CountryCode, CountryFlag, CountrySelect, DATA_TABLE_NO_GROUPING, DATE_DISPLAY_PLACEHOLDER, DEFAULT_PHONE_FIELD_MESSAGES, DangerAction, type DangerActionProps, DataItem, DataTableController, type DataTableGroup, type DataTableGroupedItem, type DataTableGrouping, DataTableHeaderMenu, type DataTableHeaderMenuProps, DataTablePagination, type DataTablePaginationProps, DataTablePattern, type DataTablePatternBulkActionsProps, type DataTablePatternColumnsMenuProps, type DataTablePatternContentProps, type DataTablePatternEmptyProps, type DataTablePatternErrorProps, type DataTablePatternFiltersProps, type DataTablePatternLoadingProps, type DataTablePatternPaginationProps, type DataTablePatternProps, type DataTablePatternSearchProps, type DataTablePatternToolbarProps, DataTableRowModel, DataTableSlot, type DatePattern, DatePicker, type DatePickerProps, type DateRangeNames, DateRangePicker, type DateRangePickerProps, type DateRangeValue, DetailGrid, type DetailGridProps, DetailMain, type DetailMainProps, DetailSpine, DetailSpineHeader, type DetailSpineHeaderProps, type DetailSpineProps, DetailSpineSection, type DetailSpineSectionProps, DetailSpineStats, type DetailSpineStatsProps, Dialog, DialogBody, type DialogBodyProps, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, type DialogHeight, type DialogMessages, DialogOverlay, DialogPortal, type DialogPresentation, type DialogSize, DialogTitle, DialogTrigger, DismissibleChip, DisplayMenu, type DisplayMenuCalendarPreset, type DisplayMenuColumn, type DisplayMenuDatePreset, type DisplayMenuDateRange, type DisplayMenuDateValue, type DisplayMenuDuePreset, type DisplayMenuFilterChips, type DisplayMenuGroup, type DisplayMenuMatch, type DisplayMenuNumberOperator, type DisplayMenuNumberValue, type DisplayMenuOperator, type DisplayMenuOption, type DisplayMenuProps, type DisplayMenuSection, type DisplayMenuSectionKind, type DisplayMenuSectionSpec, type DisplayMenuSortDirection, type DisplayMenuSortField, type DisplayMenuSortKey, type DisplayMenuTextOperator, type DisplayMenuTextValue, type DisplayMenuView, type DisplayMenuViews, DonutChart, type DonutChartProps, type DonutSegment, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateAlign, type EmptyStateProps, type EmptyStateSize, ErrorState, ErrorStateMessages, type ErrorStateProps, type ErrorStateSize, Eyebrow, type EyebrowProps, Field, FieldControl, type FieldControlProps, type FieldControlWiring, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldMessages, type FieldOrientation, type FieldProps, Fieldset, FieldsetLegend, type FieldsetLegendProps, type FieldsetProps, FileTypeBadge, type FileTypeBadgeProps, type FileTypeTone, FileUpload, FileUploadMessages, type FileUploadProps, FileUploadSlot, type FileUploadVariant, FilterChip, type FilterChipProps, FilterChips, type FilterChipsFacet, FilterChipsMessages, type FilterChipsProps, type FilterChipsValue, type FolderNode, FolderTree, type FolderTreeProps, FormError, FormSection, FormSuccess, Heading, type HeadingLevel, type HeadingProps, type HeadingSize, HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardPadding, HoverCardPortal, HoverCardTrigger, type HoverCardWidth, ICON_TILE_TONE_TO_INTENT, IconAction, type IconActionProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonTooltipSide, IconTile, type IconTileIntent, type IconTileProps, type IconTileSize, type IconTileSuiteTone, type IconTileTone, type IconTileVariantProps, InfoHint, type InfoHintPresentation, type InfoHintProps, Inline, type InlineProps, Input, type InputProps$1 as InputProps, type InputSize, type InputSizeAlias, InputSlot, type InputVariant, type InputVariants, type InputVariantsOptions, Intent, Kanban, KanbanCard, type KanbanCardProps, KanbanColumn, type KanbanColumnProps, type KanbanProps, Kbd, type KbdGlyph, KbdHint, type KbdHintProps, type KbdProps, type KbdVariant, type KeyboardShortcut, type KeyboardShortcutSection, KeyboardShortcutsDialog, type KeyboardShortcutsDialogProps, KeyboardShortcutsMessages, KpiCard, type KpiCardProps, type KpiDelta, Label, type LayoutAlign, type LayoutBreakpoint, type LayoutGap, type LayoutJustify, LinkAction, type LinkActionProps, LinkButton, type LinkButtonProps$1 as LinkButtonProps, ListPage, ListPageMessages, type ListPageProps, ListPageResultCount, type ListPageResultCountProps, ListPageScroll, type ListPageScrollProps, ListPageTable, type ListPageTableProps, ListPageToolbar, type ListPageToolbarProps, LoadingRows, Main, type MainProps, MasterDetailLayout, type MasterDetailLayoutProps, MessageBubble, MessageBubbleAction, type MessageBubbleActionProps, type MessageBubbleProps, MessageBubbleTombstone, type MessageBubbleTombstoneProps, MessageComposer, type MessageComposerProps, MetadataGrid, MultiFilterPill, MultiSelect, MultiSelectField, type MultiSelectProps, MutedSpec, type MutedSpecProps, NotificationFilter, type NotificationFilterProps, type NotificationFilterValue, NotificationItem, type NotificationItemProps, NotificationList, type NotificationListProps, NotificationPanel, NotificationPanelFooter, type NotificationPanelFooterProps, NotificationPanelHeader, type NotificationPanelHeaderProps, type NotificationPanelProps, NumberInput, type NumberInputProps, NumberInputSlot, Numeric, type NumericProps, OTPInput, type OTPInputProps, type OnlyStatuses, Option, PROGRESS_LEGACY_TO_INTENT, PageHeader, type PageHeaderProps, PageHeaderSep, type PageHeaderSepProps, PageHeaderSpec, type PageHeaderSpecProps, Pagination, PaginationMessages, type PaginationProps, PdfPreview, type PdfPreviewProps, PeoplePicker, type PeoplePickerMultipleProps, type PeoplePickerProps, type PeoplePickerSingleProps, type Person, PhoneCountryInput, PhoneField, type PhoneFieldChangeDetails, PhoneFieldMessages, type PhoneFieldProps, PhoneFieldSlot, PhoneInput, Popover, PopoverAnchor, PopoverClose, PopoverContent, type PopoverContentProps, type PopoverPadding, PopoverPortal, PopoverTrigger, type PopoverWidth, Pressable, type PressableProps, PrimaryAction, type PrimaryActionProps, type Priority, PriorityIcon, type PriorityIconProps, ProgressBar, type ProgressBarProps, type ProgressBarVariant, type ProgressBarVariantProps, type ProgressIntent, type ProgressLegacyColour, ProgressRing, type ProgressRingProps, type ProgressRingVariant, type ProgressRingVariantProps, type PromptFn, type PromptOptions, QuestionnairePanel, type QuestionnairePanelGroup, type QuestionnairePanelProps, type QuestionnairePanelSection, type QuestionnairePanelStatus, type QuickReplyChip, RadioGroup, type RadioGroupAppearance, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RankedBar, RankedBars, type RankedBarsProps, type Responsive, ResponsiveDialog, type ResponsiveDialogProps, RouteTransition, type RouteTransitionProps, SPINNER_TONE_TO_INTENT, STATUS_DOT_TONE_TO_INTENT, ScrollArea, ScrollBar, SearchInput, SearchInputMessages, type SearchInputProps, type SearchInputSize, SearchInputSlot, type SearchInputVariants, type SearchInputVariantsOptions, SearchSelect, type SearchSelectOption, type SearchSelectProps, SecondaryAction, type SecondaryActionProps, SectionCard, type SectionCardProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SegmentedProgress, type SegmentedProgressProps, type SegmentedServiceTone, type SegmentedTone, SelectableKpiCard, type SelectableKpiCardProps, Separator, Sheet, SheetBody, type SheetBodyProps, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, type SheetMessages, SheetOverlay, SheetPortal, type SheetSide, type SheetSize, SheetTitle, SheetTrigger, type SheetWidth, Shell, type ShellProps, SideDrawer, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarBrandText, type SidebarBrandTextProps, SidebarDrawer, type SidebarDrawerProps, SidebarFooter, type SidebarFooterProps, SidebarLink, SidebarLinkAction, type SidebarLinkActionProps, SidebarLinkBadge, type SidebarLinkBadgeProps, type SidebarLinkBadgeVariants, SidebarLinkGroup, type SidebarLinkGroupProps, SidebarLinkLabel, type SidebarLinkLabelProps, type SidebarLinkProps, SidebarPinButton, type SidebarPinButtonProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarSection, type SidebarSectionProps, type SidebarState, SidebarTrigger, type SidebarTriggerProps, SidebarUser, type SidebarUserProps, Skeleton, SkeletonCircle, SkeletonText, Slider, type SliderProps, type SliderSize, Spinner, type SpinnerIntent, type SpinnerProps, type SpinnerSize, type SpinnerTone, type SpinnerVariantProps, SpreadsheetPreview, type SpreadsheetPreviewProps, Stack, type StackDirection, type StackProps, StackedBarChart, type StackedBarChartProps, type StackedBarDatum, type StackedBarSeries, StarRating, type StarRatingProps, StatStrip, type StatStripIntent, StatStripItem, type StatStripItemProps, type StatStripProps, StatusBadge, type StatusBadgeProps, StatusDot, type StatusDotIntent, type StatusDotProps, type StatusDotSize, type StatusDotTone, type StatusDotVariantProps, StatusIcon, type StatusIconProps, type StatusMap, type StatusPresentation, type StatusState, type Step, Stepper, type StepperProps, StickyActionBar, type StickyActionBarProps, StickyStack, StickyStackLayer, type StickyStackLayerMode, type StickyStackLayerProps, type StickyStackProps, StickyStackSectionHeader, type StickyStackSectionHeaderProps, StickyStackSticky, type StickyStackStickyProps, SubmitButton, SuiteProgress, type SuiteProgressFillVariantProps, type SuiteProgressProps, type SuiteProgressSize, type SuiteProgressSuiteTone, type SuiteProgressTone, type SummarizeDisplayMenuSectionOptions, Surface, type SurfaceElevation, type SurfacePadding, type SurfaceProps, type SurfaceRadius, Switch, type SwitchProps, type SwitchSize, TableDensityMessages, TableDensityToggle, type TableDensityToggleProps, TableEmpty, type TableEmptyProps, TableError, type TableErrorProps, TableLoading, type TableLoadingProps, TableProps, type TableStateProps, TableStatesMessages, Tabs, TabsContent, TabsList, type TabsListVariant, TabsTrigger, Text, type TextColor, type TextProps, type TextSize, type TextWeight, Textarea, type TextareaProps, type TextareaSize, TextareaSlot, type TextareaVariant, type TextareaVariants, type TextareaVariantsOptions, ThemeDensity, type ToastAction, type ToastContextValue, ToastMessages, type ToastOptions, ToastProvider, type ToastVariant, ToggleGroup, type ToggleGroupFormProps, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleGroupSize, type ToggleGroupVariant, Toolbar, type ToolbarProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipMaxWidth, TooltipPortal, type TooltipProps, TooltipProvider, TooltipTrigger, type UseDataTableGroupingOptions, type UseDisplayMenuFilterChipsOptions, type UseFieldControlProps, type UseTableDensityOptions, type UseTableDensityResult, Variant, VisuallyHidden, YEAR_DISPLAY_PLACEHOLDER, alertVariants, applyMask, applyYearMask, assetPath, attachmentChipVariants, buttonVariants, cardVariants, chipVariants, cn, dateToIso, defineStatusMap, detectDisplayMenuDatePreset, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, getAssetBasePath, getFlagEmoji, iconButtonVariants, resolveIconTileVariants as iconTileVariants, inputVariants, isDisplayMenuSectionActive, isoToDate, isoToDisplay, isoToYear, labelVariants, matchesDisplayMenuDate, matchesDisplayMenuNumber, matchesDisplayMenuOperator, matchesDisplayMenuTags, matchesDisplayMenuText, parseDisplayMenuNumber, parsePhoneForEditing, progressBarVariants, progressRingVariants, resolveButtonStyle, resolveChipStyle, resolveDisplayMenuDatePreset, searchInputVariants, setAssetBasePath, sharedBulkValue, sidebarLinkBadgeVariants, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, summarizeDisplayMenuSection, textareaVariants, useConfirm, useDataTableGrouping, useDisplayMenuFilterChips, useFieldControl, usePrompt, useSidebarPeekLock, useSidebarState, useTableDensity, useToast, yearToIso };
|