@backstage/ui 0.15.0-next.1 → 0.15.0-next.3
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/CHANGELOG.md +53 -0
- package/dist/components/Accordion/Accordion.module.css.esm.js +2 -2
- package/dist/components/Box/Box.module.css.esm.js +2 -2
- package/dist/components/Card/Card.module.css.esm.js +2 -2
- package/dist/components/Combobox/Combobox.esm.js +72 -0
- package/dist/components/Combobox/Combobox.esm.js.map +1 -0
- package/dist/components/Combobox/Combobox.module.css.esm.js +8 -0
- package/dist/components/Combobox/Combobox.module.css.esm.js.map +1 -0
- package/dist/components/Combobox/ComboboxInput.esm.js +21 -0
- package/dist/components/Combobox/ComboboxInput.esm.js.map +1 -0
- package/dist/components/Combobox/ComboboxListBox.esm.js +46 -0
- package/dist/components/Combobox/ComboboxListBox.esm.js.map +1 -0
- package/dist/components/Combobox/definition.esm.js +74 -0
- package/dist/components/Combobox/definition.esm.js.map +1 -0
- package/dist/components/DatePicker/DatePicker.esm.js +60 -0
- package/dist/components/DatePicker/DatePicker.esm.js.map +1 -0
- package/dist/components/DatePicker/DatePicker.module.css.esm.js +8 -0
- package/dist/components/DatePicker/DatePicker.module.css.esm.js.map +1 -0
- package/dist/components/DatePicker/DatePickerCalendar.esm.js +24 -0
- package/dist/components/DatePicker/DatePickerCalendar.esm.js.map +1 -0
- package/dist/components/DatePicker/DatePickerGroup.esm.js +28 -0
- package/dist/components/DatePicker/DatePickerGroup.esm.js.map +1 -0
- package/dist/components/DatePicker/definition.esm.js +52 -0
- package/dist/components/DatePicker/definition.esm.js.map +1 -0
- package/dist/components/Flex/Flex.module.css.esm.js +2 -2
- package/dist/components/Grid/Grid.module.css.esm.js +2 -2
- package/dist/components/Header/Header.module.css.esm.js +2 -2
- package/dist/components/Link/Link.esm.js +4 -2
- package/dist/components/Link/Link.esm.js.map +1 -1
- package/dist/components/Link/Link.module.css.esm.js +2 -2
- package/dist/components/PluginHeader/PluginHeader.esm.js +8 -17
- package/dist/components/PluginHeader/PluginHeader.esm.js.map +1 -1
- package/dist/components/PluginHeader/PluginHeader.module.css.esm.js +2 -2
- package/dist/components/Table/Table.module.css.esm.js +2 -2
- package/dist/components/Table/hooks/useCompletePagination.esm.js +28 -11
- package/dist/components/Table/hooks/useCompletePagination.esm.js.map +1 -1
- package/dist/components/Table/hooks/useDebouncedValue.esm.js +16 -0
- package/dist/components/Table/hooks/useDebouncedValue.esm.js.map +1 -0
- package/dist/css/styles.css +34 -0
- package/dist/index.d.ts +286 -56
- package/dist/index.esm.js +4 -0
- package/dist/index.esm.js.map +1 -1
- package/package.json +2 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { CSSProperties, ReactNode, HTMLAttributes, ComponentPropsWithoutRef, ReactElement, ElementType, ComponentPropsWithRef, ComponentProps } from 'react';
|
|
3
|
-
import { DisclosureProps, DisclosureGroupProps, DisclosurePanelProps, HeadingProps, ButtonProps as ButtonProps$1, DateRangePickerProps as DateRangePickerProps$1, ModalOverlayProps, DialogTriggerProps as DialogTriggerProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1, LinkProps as LinkProps$1, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SliderProps as SliderProps$1, CellProps as CellProps$1, ColumnProps as ColumnProps$1, RowProps as RowProps$1, TableProps as TableProps$1, TableBodyProps as TableBodyProps$1, TableHeaderProps as TableHeaderProps$1, TagProps as TagProps$1, TagListProps, TagGroupProps as TagGroupProps$1, TextFieldProps as TextFieldProps$1, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, PopoverProps as PopoverProps$1, MenuProps as MenuProps$1, ListBoxProps, MenuItemProps as MenuItemProps$1, ListBoxItemProps, MenuSectionProps as MenuSectionProps$1, SeparatorProps, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, SearchFieldProps as SearchFieldProps$1, GridListProps, GridListItemProps,
|
|
3
|
+
import { DisclosureProps, DisclosureGroupProps, DisclosurePanelProps, HeadingProps, ButtonProps as ButtonProps$1, DatePickerProps as DatePickerProps$1, DateRangePickerProps as DateRangePickerProps$1, ModalOverlayProps, DialogTriggerProps as DialogTriggerProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1, LinkProps as LinkProps$1, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, SelectProps as SelectProps$1, ComboBoxProps, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SliderProps as SliderProps$1, CellProps as CellProps$1, ColumnProps as ColumnProps$1, RowProps as RowProps$1, TableProps as TableProps$1, TableBodyProps as TableBodyProps$1, TableHeaderProps as TableHeaderProps$1, TagProps as TagProps$1, TagListProps, TagGroupProps as TagGroupProps$1, TextFieldProps as TextFieldProps$1, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, PopoverProps as PopoverProps$1, MenuProps as MenuProps$1, ListBoxProps, MenuItemProps as MenuItemProps$1, ListBoxItemProps, MenuSectionProps as MenuSectionProps$1, SeparatorProps, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, SearchFieldProps as SearchFieldProps$1, GridListProps, GridListItemProps, SwitchProps as SwitchProps$1, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1 } from 'react-aria-components';
|
|
4
4
|
import { DateValue } from '@internationalized/date';
|
|
5
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
6
|
import { NavigateOptions } from 'react-router-dom';
|
|
@@ -1104,6 +1104,92 @@ type FieldLabelOwnProps = {
|
|
|
1104
1104
|
interface FieldLabelProps extends FieldLabelOwnProps, Omit<React.ComponentPropsWithoutRef<'div'>, keyof FieldLabelOwnProps> {
|
|
1105
1105
|
}
|
|
1106
1106
|
|
|
1107
|
+
/** @public */
|
|
1108
|
+
type DatePickerOwnProps = {
|
|
1109
|
+
/**
|
|
1110
|
+
* The size of the date picker
|
|
1111
|
+
* @defaultValue 'small'
|
|
1112
|
+
*/
|
|
1113
|
+
size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
|
|
1114
|
+
className?: string;
|
|
1115
|
+
label?: FieldLabelProps['label'];
|
|
1116
|
+
description?: FieldLabelProps['description'];
|
|
1117
|
+
secondaryLabel?: FieldLabelProps['secondaryLabel'];
|
|
1118
|
+
};
|
|
1119
|
+
/** @public */
|
|
1120
|
+
interface DatePickerProps extends Omit<DatePickerProps$1<DateValue>, 'className' | 'children'>, DatePickerOwnProps {
|
|
1121
|
+
}
|
|
1122
|
+
|
|
1123
|
+
/**
|
|
1124
|
+
* A date picker that combines a date field and a calendar popover, allowing
|
|
1125
|
+
* users to enter or select a date with full keyboard and screen reader
|
|
1126
|
+
* accessibility.
|
|
1127
|
+
*
|
|
1128
|
+
* @public
|
|
1129
|
+
*/
|
|
1130
|
+
declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLDivElement>>;
|
|
1131
|
+
|
|
1132
|
+
/**
|
|
1133
|
+
* Component definition for DatePicker
|
|
1134
|
+
* @public
|
|
1135
|
+
*/
|
|
1136
|
+
declare const DatePickerDefinition: {
|
|
1137
|
+
readonly styles: {
|
|
1138
|
+
readonly [key: string]: string;
|
|
1139
|
+
};
|
|
1140
|
+
readonly classNames: {
|
|
1141
|
+
readonly root: "bui-DatePicker";
|
|
1142
|
+
};
|
|
1143
|
+
readonly propDefs: {
|
|
1144
|
+
readonly size: {
|
|
1145
|
+
readonly dataAttribute: true;
|
|
1146
|
+
readonly default: "small";
|
|
1147
|
+
};
|
|
1148
|
+
readonly className: {};
|
|
1149
|
+
readonly label: {};
|
|
1150
|
+
readonly description: {};
|
|
1151
|
+
readonly secondaryLabel: {};
|
|
1152
|
+
};
|
|
1153
|
+
};
|
|
1154
|
+
/**
|
|
1155
|
+
* Component definition for DatePickerGroup
|
|
1156
|
+
* @public
|
|
1157
|
+
*/
|
|
1158
|
+
declare const DatePickerGroupDefinition: {
|
|
1159
|
+
readonly styles: {
|
|
1160
|
+
readonly [key: string]: string;
|
|
1161
|
+
};
|
|
1162
|
+
readonly classNames: {
|
|
1163
|
+
readonly root: "bui-DatePickerGroup";
|
|
1164
|
+
readonly dateInput: "bui-DatePickerDateInput";
|
|
1165
|
+
readonly segment: "bui-DatePickerSegment";
|
|
1166
|
+
readonly button: "bui-DatePickerButton";
|
|
1167
|
+
};
|
|
1168
|
+
readonly bg: "consumer";
|
|
1169
|
+
readonly propDefs: {};
|
|
1170
|
+
};
|
|
1171
|
+
/**
|
|
1172
|
+
* Component definition for DatePickerCalendar
|
|
1173
|
+
* @public
|
|
1174
|
+
*/
|
|
1175
|
+
declare const DatePickerCalendarDefinition: {
|
|
1176
|
+
readonly styles: {
|
|
1177
|
+
readonly [key: string]: string;
|
|
1178
|
+
};
|
|
1179
|
+
readonly classNames: {
|
|
1180
|
+
readonly root: "bui-DatePickerCalendar";
|
|
1181
|
+
readonly header: "bui-DatePickerCalendarHeader";
|
|
1182
|
+
readonly heading: "bui-DatePickerCalendarHeading";
|
|
1183
|
+
readonly navButton: "bui-DatePickerCalendarNavButton";
|
|
1184
|
+
readonly grid: "bui-DatePickerCalendarGrid";
|
|
1185
|
+
readonly gridHeader: "bui-DatePickerCalendarGridHeader";
|
|
1186
|
+
readonly headerCell: "bui-DatePickerCalendarHeaderCell";
|
|
1187
|
+
readonly gridBody: "bui-DatePickerCalendarGridBody";
|
|
1188
|
+
readonly cell: "bui-DatePickerCalendarCell";
|
|
1189
|
+
};
|
|
1190
|
+
readonly propDefs: {};
|
|
1191
|
+
};
|
|
1192
|
+
|
|
1107
1193
|
/** @public */
|
|
1108
1194
|
type DateRangePickerOwnProps = {
|
|
1109
1195
|
/**
|
|
@@ -2034,6 +2120,191 @@ declare const CheckboxGroupDefinition: {
|
|
|
2034
2120
|
};
|
|
2035
2121
|
};
|
|
2036
2122
|
|
|
2123
|
+
/** @public */
|
|
2124
|
+
type Option = {
|
|
2125
|
+
value: string;
|
|
2126
|
+
label: string;
|
|
2127
|
+
disabled?: boolean;
|
|
2128
|
+
};
|
|
2129
|
+
/** @public */
|
|
2130
|
+
type OptionSection = {
|
|
2131
|
+
title: string;
|
|
2132
|
+
options: Option[];
|
|
2133
|
+
};
|
|
2134
|
+
/** @public */
|
|
2135
|
+
type SelectOwnProps = {
|
|
2136
|
+
/**
|
|
2137
|
+
* An icon to render before the input
|
|
2138
|
+
*/
|
|
2139
|
+
icon?: ReactNode;
|
|
2140
|
+
/**
|
|
2141
|
+
* The size of the select field
|
|
2142
|
+
* @defaultValue 'small'
|
|
2143
|
+
*/
|
|
2144
|
+
size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
|
|
2145
|
+
/**
|
|
2146
|
+
* The options of the select field. Pass flat options, option sections for
|
|
2147
|
+
* grouped display, or a mix of both in the same array.
|
|
2148
|
+
*/
|
|
2149
|
+
options?: Array<Option | OptionSection>;
|
|
2150
|
+
/**
|
|
2151
|
+
* Enable search/filter functionality in the dropdown
|
|
2152
|
+
* @defaultValue false
|
|
2153
|
+
*/
|
|
2154
|
+
searchable?: boolean;
|
|
2155
|
+
/**
|
|
2156
|
+
* placeholder text for the search input
|
|
2157
|
+
* only used when searchable is true
|
|
2158
|
+
* @defaultvalue 'search...'
|
|
2159
|
+
*/
|
|
2160
|
+
searchPlaceholder?: string;
|
|
2161
|
+
label?: FieldLabelProps['label'];
|
|
2162
|
+
secondaryLabel?: FieldLabelProps['secondaryLabel'];
|
|
2163
|
+
description?: FieldLabelProps['description'];
|
|
2164
|
+
isRequired?: boolean;
|
|
2165
|
+
className?: string;
|
|
2166
|
+
};
|
|
2167
|
+
/** @public */
|
|
2168
|
+
interface SelectProps<T extends 'single' | 'multiple'> extends SelectOwnProps, Omit<SelectProps$1<Option, T>, keyof SelectOwnProps> {
|
|
2169
|
+
/**
|
|
2170
|
+
* Selection mode, single or multiple
|
|
2171
|
+
* @defaultvalue 'single'
|
|
2172
|
+
*/
|
|
2173
|
+
selectionMode?: T;
|
|
2174
|
+
}
|
|
2175
|
+
|
|
2176
|
+
/** @public */
|
|
2177
|
+
type ComboboxOwnProps = {
|
|
2178
|
+
/**
|
|
2179
|
+
* An icon to render before the input
|
|
2180
|
+
*/
|
|
2181
|
+
icon?: ReactNode;
|
|
2182
|
+
/**
|
|
2183
|
+
* The size of the combobox field
|
|
2184
|
+
* @defaultValue 'small'
|
|
2185
|
+
*/
|
|
2186
|
+
size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
|
|
2187
|
+
/**
|
|
2188
|
+
* The options of the combobox field. Pass flat options, option sections for
|
|
2189
|
+
* grouped display, or a mix of both in the same array.
|
|
2190
|
+
*/
|
|
2191
|
+
options?: Array<Option | OptionSection>;
|
|
2192
|
+
/**
|
|
2193
|
+
* Placeholder text for the input.
|
|
2194
|
+
*/
|
|
2195
|
+
placeholder?: string;
|
|
2196
|
+
label?: FieldLabelProps['label'];
|
|
2197
|
+
secondaryLabel?: FieldLabelProps['secondaryLabel'];
|
|
2198
|
+
description?: FieldLabelProps['description'];
|
|
2199
|
+
isRequired?: boolean;
|
|
2200
|
+
className?: string;
|
|
2201
|
+
};
|
|
2202
|
+
/** @public */
|
|
2203
|
+
interface ComboboxProps extends ComboboxOwnProps, Omit<ComboBoxProps<Option>, keyof ComboboxOwnProps> {
|
|
2204
|
+
}
|
|
2205
|
+
|
|
2206
|
+
/**
|
|
2207
|
+
* A text input combined with a dropdown list of options. The user can type to filter
|
|
2208
|
+
* suggestions, navigate with the keyboard, and pick a value. With `allowsCustomValue`
|
|
2209
|
+
* the typed text can be committed even if no option matches.
|
|
2210
|
+
*
|
|
2211
|
+
* @public
|
|
2212
|
+
*/
|
|
2213
|
+
declare const Combobox: react.ForwardRefExoticComponent<ComboboxProps & react.RefAttributes<HTMLDivElement>>;
|
|
2214
|
+
|
|
2215
|
+
/**
|
|
2216
|
+
* Component definition for Combobox
|
|
2217
|
+
* @public
|
|
2218
|
+
*/
|
|
2219
|
+
declare const ComboboxDefinition: {
|
|
2220
|
+
readonly styles: {
|
|
2221
|
+
readonly [key: string]: string;
|
|
2222
|
+
};
|
|
2223
|
+
readonly classNames: {
|
|
2224
|
+
readonly root: "bui-Combobox";
|
|
2225
|
+
readonly popover: "bui-ComboboxPopover";
|
|
2226
|
+
};
|
|
2227
|
+
readonly propDefs: {
|
|
2228
|
+
readonly icon: {};
|
|
2229
|
+
readonly size: {
|
|
2230
|
+
readonly dataAttribute: true;
|
|
2231
|
+
readonly default: "small";
|
|
2232
|
+
};
|
|
2233
|
+
readonly options: {};
|
|
2234
|
+
readonly placeholder: {};
|
|
2235
|
+
readonly label: {};
|
|
2236
|
+
readonly secondaryLabel: {};
|
|
2237
|
+
readonly description: {};
|
|
2238
|
+
readonly isRequired: {};
|
|
2239
|
+
readonly className: {};
|
|
2240
|
+
};
|
|
2241
|
+
};
|
|
2242
|
+
/**
|
|
2243
|
+
* Component definition for ComboboxInput
|
|
2244
|
+
* @public
|
|
2245
|
+
*/
|
|
2246
|
+
declare const ComboboxInputDefinition: {
|
|
2247
|
+
readonly styles: {
|
|
2248
|
+
readonly [key: string]: string;
|
|
2249
|
+
};
|
|
2250
|
+
readonly classNames: {
|
|
2251
|
+
readonly root: "bui-ComboboxInput";
|
|
2252
|
+
readonly icon: "bui-ComboboxInputIcon";
|
|
2253
|
+
readonly input: "bui-ComboboxInputField";
|
|
2254
|
+
readonly chevron: "bui-ComboboxInputChevron";
|
|
2255
|
+
};
|
|
2256
|
+
readonly bg: "consumer";
|
|
2257
|
+
readonly propDefs: {
|
|
2258
|
+
readonly icon: {};
|
|
2259
|
+
readonly placeholder: {};
|
|
2260
|
+
};
|
|
2261
|
+
};
|
|
2262
|
+
/**
|
|
2263
|
+
* Component definition for ComboboxListBox
|
|
2264
|
+
* @public
|
|
2265
|
+
*/
|
|
2266
|
+
declare const ComboboxListBoxDefinition: {
|
|
2267
|
+
readonly styles: {
|
|
2268
|
+
readonly [key: string]: string;
|
|
2269
|
+
};
|
|
2270
|
+
readonly classNames: {
|
|
2271
|
+
readonly root: "bui-ComboboxList";
|
|
2272
|
+
readonly noResults: "bui-ComboboxNoResults";
|
|
2273
|
+
};
|
|
2274
|
+
readonly propDefs: {
|
|
2275
|
+
readonly options: {};
|
|
2276
|
+
};
|
|
2277
|
+
};
|
|
2278
|
+
/**
|
|
2279
|
+
* Component definition for ComboboxListBoxItem
|
|
2280
|
+
* @public
|
|
2281
|
+
*/
|
|
2282
|
+
declare const ComboboxListBoxItemDefinition: {
|
|
2283
|
+
readonly styles: {
|
|
2284
|
+
readonly [key: string]: string;
|
|
2285
|
+
};
|
|
2286
|
+
readonly classNames: {
|
|
2287
|
+
readonly root: "bui-ComboboxItem";
|
|
2288
|
+
readonly indicator: "bui-ComboboxItemIndicator";
|
|
2289
|
+
readonly label: "bui-ComboboxItemLabel";
|
|
2290
|
+
};
|
|
2291
|
+
readonly propDefs: {};
|
|
2292
|
+
};
|
|
2293
|
+
/**
|
|
2294
|
+
* Component definition for ComboboxSection
|
|
2295
|
+
* @public
|
|
2296
|
+
*/
|
|
2297
|
+
declare const ComboboxSectionDefinition: {
|
|
2298
|
+
readonly styles: {
|
|
2299
|
+
readonly [key: string]: string;
|
|
2300
|
+
};
|
|
2301
|
+
readonly classNames: {
|
|
2302
|
+
readonly root: "bui-ComboboxSection";
|
|
2303
|
+
readonly header: "bui-ComboboxSectionHeader";
|
|
2304
|
+
};
|
|
2305
|
+
readonly propDefs: {};
|
|
2306
|
+
};
|
|
2307
|
+
|
|
2037
2308
|
/** @public */
|
|
2038
2309
|
type RadioGroupOwnProps = {
|
|
2039
2310
|
children?: ReactNode;
|
|
@@ -2595,6 +2866,18 @@ type UseTableCompleteOptions<T extends TableItem, TFilter = unknown> = QueryOpti
|
|
|
2595
2866
|
sortFn?: (data: T[], sort: SortDescriptor) => T[];
|
|
2596
2867
|
filterFn?: (data: T[], filter: TFilter) => T[];
|
|
2597
2868
|
searchFn?: (data: T[], search: string) => T[];
|
|
2869
|
+
/**
|
|
2870
|
+
* Trailing-edge debounce delay (ms) applied to the search value before it
|
|
2871
|
+
* reaches `searchFn`. Defaults to `0` — no debounce, no extra render. The
|
|
2872
|
+
* controlled `search` / `onSearchChange` surface is unaffected.
|
|
2873
|
+
*/
|
|
2874
|
+
searchDebounceMs?: number;
|
|
2875
|
+
/**
|
|
2876
|
+
* Trailing-edge debounce delay (ms) applied to the filter value before it
|
|
2877
|
+
* reaches `filterFn`. Defaults to `0` — no debounce, no extra render. The
|
|
2878
|
+
* controlled `filter` / `onFilterChange` surface is unaffected.
|
|
2879
|
+
*/
|
|
2880
|
+
filterDebounceMs?: number;
|
|
2598
2881
|
} & ({
|
|
2599
2882
|
data: T[] | undefined;
|
|
2600
2883
|
getData?: never;
|
|
@@ -3550,59 +3833,6 @@ declare const ListRowDefinition: {
|
|
|
3550
3833
|
};
|
|
3551
3834
|
};
|
|
3552
3835
|
|
|
3553
|
-
/** @public */
|
|
3554
|
-
type Option = {
|
|
3555
|
-
value: string;
|
|
3556
|
-
label: string;
|
|
3557
|
-
disabled?: boolean;
|
|
3558
|
-
};
|
|
3559
|
-
/** @public */
|
|
3560
|
-
type OptionSection = {
|
|
3561
|
-
title: string;
|
|
3562
|
-
options: Option[];
|
|
3563
|
-
};
|
|
3564
|
-
/** @public */
|
|
3565
|
-
type SelectOwnProps = {
|
|
3566
|
-
/**
|
|
3567
|
-
* An icon to render before the input
|
|
3568
|
-
*/
|
|
3569
|
-
icon?: ReactNode;
|
|
3570
|
-
/**
|
|
3571
|
-
* The size of the select field
|
|
3572
|
-
* @defaultValue 'small'
|
|
3573
|
-
*/
|
|
3574
|
-
size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
|
|
3575
|
-
/**
|
|
3576
|
-
* The options of the select field. Pass flat options, option sections for
|
|
3577
|
-
* grouped display, or a mix of both in the same array.
|
|
3578
|
-
*/
|
|
3579
|
-
options?: Array<Option | OptionSection>;
|
|
3580
|
-
/**
|
|
3581
|
-
* Enable search/filter functionality in the dropdown
|
|
3582
|
-
* @defaultValue false
|
|
3583
|
-
*/
|
|
3584
|
-
searchable?: boolean;
|
|
3585
|
-
/**
|
|
3586
|
-
* placeholder text for the search input
|
|
3587
|
-
* only used when searchable is true
|
|
3588
|
-
* @defaultvalue 'search...'
|
|
3589
|
-
*/
|
|
3590
|
-
searchPlaceholder?: string;
|
|
3591
|
-
label?: FieldLabelProps['label'];
|
|
3592
|
-
secondaryLabel?: FieldLabelProps['secondaryLabel'];
|
|
3593
|
-
description?: FieldLabelProps['description'];
|
|
3594
|
-
isRequired?: boolean;
|
|
3595
|
-
className?: string;
|
|
3596
|
-
};
|
|
3597
|
-
/** @public */
|
|
3598
|
-
interface SelectProps<T extends 'single' | 'multiple'> extends SelectOwnProps, Omit<SelectProps$1<Option, T>, keyof SelectOwnProps> {
|
|
3599
|
-
/**
|
|
3600
|
-
* Selection mode, single or multiple
|
|
3601
|
-
* @defaultvalue 'single'
|
|
3602
|
-
*/
|
|
3603
|
-
selectionMode?: T;
|
|
3604
|
-
}
|
|
3605
|
-
|
|
3606
3836
|
/**
|
|
3607
3837
|
* A dropdown picker for selecting one or multiple options from a list, with optional search filtering and inline error display.
|
|
3608
3838
|
*
|
|
@@ -3975,5 +4205,5 @@ declare function useAnalytics(): AnalyticsTracker;
|
|
|
3975
4205
|
*/
|
|
3976
4206
|
declare function getNodeText(node: ReactNode | ((...args: any[]) => ReactNode)): string | undefined;
|
|
3977
4207
|
|
|
3978
|
-
export { Accordion, AccordionDefinition, AccordionGroup, AccordionGroupDefinition, AccordionPanel, AccordionPanelDefinition, AccordionTrigger, AccordionTriggerDefinition, Alert, AlertDefinition, Avatar, AvatarDefinition, BUIProvider, Badge, BadgeDefinition, BgProvider, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardBodyDefinition, CardDefinition, CardFooter, CardFooterDefinition, CardHeader, CardHeaderDefinition, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, CheckboxGroup, CheckboxGroupDefinition, Column, Container, ContainerDefinition, DateRangePicker, DateRangePickerDefinition, Dialog, DialogBody, DialogBodyDefinition, DialogDefinition, DialogFooter, DialogFooterDefinition, DialogHeader, DialogHeaderDefinition, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, FullPage, FullPageDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, HeaderMetadataStatus, HeaderMetadataUsers, HeaderNavDefinition, HeaderNavGroupDefinition, HeaderNavItemDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, List, ListDefinition, ListRow, ListRowDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, PasswordField, PasswordFieldDefinition, PluginHeader, PluginHeaderDefinition, Popover, PopoverDefinition, Radio, RadioDefinition, RadioGroup, RadioGroupDefinition, Row, SearchAutocomplete, SearchAutocompleteDefinition, SearchAutocompleteItem, SearchField, SearchFieldDefinition, Select, SelectDefinition, Skeleton, SkeletonDefinition, Slider, SliderDefinition, SubmenuTrigger, Switch, SwitchDefinition, Tab, TabList, TabPanel, Table, TableBody, TableBodySkeleton, TableDefinition, TableHeader, TablePagination, TablePaginationDefinition, TableRoot, Tabs, TabsDefinition, Tag, TagGroup, TagGroupDefinition, Text, TextDefinition, TextField, TextFieldDefinition, ToggleButton, ToggleButtonDefinition, ToggleButtonGroup, ToggleButtonGroupDefinition, Tooltip, TooltipDefinition, TooltipTrigger, VisuallyHidden, VisuallyHiddenDefinition, getNodeText, useAnalytics, useBgConsumer, useBgProvider, useBreakpoint, useTable };
|
|
3979
|
-
export type { AccordionGroupOwnProps, AccordionGroupProps, AccordionOwnProps, AccordionPanelOwnProps, AccordionPanelProps, AccordionProps, AccordionTriggerOwnProps, AccordionTriggerProps, AlertOwnProps, AlertProps, AlignItems, AnalyticsEventAttributes, AnalyticsTracker, AvatarOwnProps, AvatarProps, BUIProviderProps, BadgeOwnProps, BadgeProps, BgContextValue, BgProviderProps, Border, BorderRadius, BoxOwnProps, BoxProps, BoxUtilityProps, Breakpoint, ButtonIconOwnProps, ButtonIconProps, ButtonLinkOwnProps, ButtonLinkProps, ButtonOwnProps, ButtonProps, CardBaseProps, CardBodyOwnProps, CardBodyProps, CardButtonVariant, CardFooterOwnProps, CardFooterProps, CardHeaderOwnProps, CardHeaderProps, CardLinkVariant, CardOwnProps, CardProps, CardStaticVariant, CellOwnProps, CellProfileOwnProps, CellProfileProps, CellProps, CellTextOwnProps, CellTextProps, CheckboxGroupOwnProps, CheckboxGroupProps, CheckboxOwnProps, CheckboxProps, ColumnConfig, ColumnOwnProps, ColumnProps, Columns, CompletePaginationOptions, ContainerBg, ContainerOwnProps, ContainerProps, CursorParams, CursorResponse, DateRangePickerOwnProps, DateRangePickerProps, DialogBodyOwnProps, DialogBodyProps, DialogFooterOwnProps, DialogFooterProps, DialogHeaderOwnProps, DialogHeaderProps, DialogOwnProps, DialogProps, DialogTriggerProps, Display, FieldLabelOwnProps, FieldLabelProps, FilterState, FlexDirection, FlexItemProps, FlexOwnProps, FlexProps, FlexWrap, FullPageOwnProps, FullPageProps, GridItemOwnProps, GridItemProps, GridOwnProps, GridProps, HeaderBreadcrumb, HeaderMetadataItem, HeaderMetadataStatusProps, HeaderMetadataUser, HeaderNavTab, HeaderNavTabGroup, HeaderNavTabItem, HeaderOwnProps, HeaderPageBreadcrumb, HeaderPageOwnProps, HeaderPageProps, HeaderProps, HeaderTab, HeaderTag, JustifyContent, LinkOwnProps, LinkProps, ListOwnProps, ListProps, ListRowOwnProps, ListRowProps, MarginProps, MenuAutocompleteListBoxOwnProps, MenuAutocompleteListBoxProps, MenuAutocompleteOwnProps, MenuAutocompleteProps, MenuItemOwnProps, MenuItemProps, MenuListBoxItemOwnProps, MenuListBoxItemProps, MenuListBoxOwnProps, MenuListBoxProps, MenuOwnProps, MenuPopoverOwnProps, MenuProps, MenuSectionOwnProps, MenuSectionProps, MenuSeparatorOwnProps, MenuSeparatorProps, MenuTriggerProps, NoPagination, OffsetParams, OffsetResponse, Option, OptionSection, PaddingProps, PagePagination, PageSizeOption, PaginationOptions, PasswordFieldOwnProps, PasswordFieldProps, PluginHeaderOwnProps, PluginHeaderProps, PopoverOwnProps, PopoverProps, ProviderBg, QueryOptions, RadioGroupOwnProps, RadioGroupProps, RadioOwnProps, RadioProps, Responsive, RowConfig, RowOwnProps, RowProps, RowRenderFn, SearchAutocompleteItemOwnProps, SearchAutocompleteItemProps, SearchAutocompleteOwnProps, SearchAutocompleteProps, SearchFieldOwnProps, SearchFieldProps, SearchState, SelectOwnProps, SelectProps, SkeletonOwnProps, SkeletonProps, SliderOwnProps, SliderProps, SortDescriptor, SortState, Space, SpaceProps, SubmenuTriggerProps, SwitchOwnProps, SwitchProps, TabListOwnProps, TabListProps, TabMatchStrategy, TabOwnProps, TabPanelOwnProps, TabPanelProps, TabProps, TableBodyOwnProps, TableBodyProps, TableHeaderOwnProps, TableHeaderProps, TableItem, TablePaginationOwnProps, TablePaginationProps, TablePaginationType, TableProps, TableRootOwnProps, TableRootProps, TableSelection, TabsOwnProps, TabsProps, TagGroupOwnProps, TagGroupProps, TagOwnProps, TagProps, TextColorStatus, TextColors, TextFieldOwnProps, TextFieldProps, TextOwnProps, TextProps, TextVariants, TextWeights, ToggleButtonGroupOwnProps, ToggleButtonGroupProps, ToggleButtonOwnProps, ToggleButtonProps, TooltipOwnProps, TooltipProps, UseAnalyticsFn, UseTableCompleteOptions, UseTableCursorOptions, UseTableOffsetOptions, UseTableOptions, UseTableResult, UtilityProps, VirtualizedProp, VisuallyHiddenOwnProps, VisuallyHiddenProps };
|
|
4208
|
+
export { Accordion, AccordionDefinition, AccordionGroup, AccordionGroupDefinition, AccordionPanel, AccordionPanelDefinition, AccordionTrigger, AccordionTriggerDefinition, Alert, AlertDefinition, Avatar, AvatarDefinition, BUIProvider, Badge, BadgeDefinition, BgProvider, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardBodyDefinition, CardDefinition, CardFooter, CardFooterDefinition, CardHeader, CardHeaderDefinition, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, CheckboxGroup, CheckboxGroupDefinition, Column, Combobox, ComboboxDefinition, ComboboxInputDefinition, ComboboxListBoxDefinition, ComboboxListBoxItemDefinition, ComboboxSectionDefinition, Container, ContainerDefinition, DatePicker, DatePickerCalendarDefinition, DatePickerDefinition, DatePickerGroupDefinition, DateRangePicker, DateRangePickerDefinition, Dialog, DialogBody, DialogBodyDefinition, DialogDefinition, DialogFooter, DialogFooterDefinition, DialogHeader, DialogHeaderDefinition, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, FullPage, FullPageDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, HeaderMetadataStatus, HeaderMetadataUsers, HeaderNavDefinition, HeaderNavGroupDefinition, HeaderNavItemDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, List, ListDefinition, ListRow, ListRowDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, PasswordField, PasswordFieldDefinition, PluginHeader, PluginHeaderDefinition, Popover, PopoverDefinition, Radio, RadioDefinition, RadioGroup, RadioGroupDefinition, Row, SearchAutocomplete, SearchAutocompleteDefinition, SearchAutocompleteItem, SearchField, SearchFieldDefinition, Select, SelectDefinition, Skeleton, SkeletonDefinition, Slider, SliderDefinition, SubmenuTrigger, Switch, SwitchDefinition, Tab, TabList, TabPanel, Table, TableBody, TableBodySkeleton, TableDefinition, TableHeader, TablePagination, TablePaginationDefinition, TableRoot, Tabs, TabsDefinition, Tag, TagGroup, TagGroupDefinition, Text, TextDefinition, TextField, TextFieldDefinition, ToggleButton, ToggleButtonDefinition, ToggleButtonGroup, ToggleButtonGroupDefinition, Tooltip, TooltipDefinition, TooltipTrigger, VisuallyHidden, VisuallyHiddenDefinition, getNodeText, useAnalytics, useBgConsumer, useBgProvider, useBreakpoint, useTable };
|
|
4209
|
+
export type { AccordionGroupOwnProps, AccordionGroupProps, AccordionOwnProps, AccordionPanelOwnProps, AccordionPanelProps, AccordionProps, AccordionTriggerOwnProps, AccordionTriggerProps, AlertOwnProps, AlertProps, AlignItems, AnalyticsEventAttributes, AnalyticsTracker, AvatarOwnProps, AvatarProps, BUIProviderProps, BadgeOwnProps, BadgeProps, BgContextValue, BgProviderProps, Border, BorderRadius, BoxOwnProps, BoxProps, BoxUtilityProps, Breakpoint, ButtonIconOwnProps, ButtonIconProps, ButtonLinkOwnProps, ButtonLinkProps, ButtonOwnProps, ButtonProps, CardBaseProps, CardBodyOwnProps, CardBodyProps, CardButtonVariant, CardFooterOwnProps, CardFooterProps, CardHeaderOwnProps, CardHeaderProps, CardLinkVariant, CardOwnProps, CardProps, CardStaticVariant, CellOwnProps, CellProfileOwnProps, CellProfileProps, CellProps, CellTextOwnProps, CellTextProps, CheckboxGroupOwnProps, CheckboxGroupProps, CheckboxOwnProps, CheckboxProps, ColumnConfig, ColumnOwnProps, ColumnProps, Columns, ComboboxOwnProps, ComboboxProps, CompletePaginationOptions, ContainerBg, ContainerOwnProps, ContainerProps, CursorParams, CursorResponse, DatePickerOwnProps, DatePickerProps, DateRangePickerOwnProps, DateRangePickerProps, DialogBodyOwnProps, DialogBodyProps, DialogFooterOwnProps, DialogFooterProps, DialogHeaderOwnProps, DialogHeaderProps, DialogOwnProps, DialogProps, DialogTriggerProps, Display, FieldLabelOwnProps, FieldLabelProps, FilterState, FlexDirection, FlexItemProps, FlexOwnProps, FlexProps, FlexWrap, FullPageOwnProps, FullPageProps, GridItemOwnProps, GridItemProps, GridOwnProps, GridProps, HeaderBreadcrumb, HeaderMetadataItem, HeaderMetadataStatusProps, HeaderMetadataUser, HeaderNavTab, HeaderNavTabGroup, HeaderNavTabItem, HeaderOwnProps, HeaderPageBreadcrumb, HeaderPageOwnProps, HeaderPageProps, HeaderProps, HeaderTab, HeaderTag, JustifyContent, LinkOwnProps, LinkProps, ListOwnProps, ListProps, ListRowOwnProps, ListRowProps, MarginProps, MenuAutocompleteListBoxOwnProps, MenuAutocompleteListBoxProps, MenuAutocompleteOwnProps, MenuAutocompleteProps, MenuItemOwnProps, MenuItemProps, MenuListBoxItemOwnProps, MenuListBoxItemProps, MenuListBoxOwnProps, MenuListBoxProps, MenuOwnProps, MenuPopoverOwnProps, MenuProps, MenuSectionOwnProps, MenuSectionProps, MenuSeparatorOwnProps, MenuSeparatorProps, MenuTriggerProps, NoPagination, OffsetParams, OffsetResponse, Option, OptionSection, PaddingProps, PagePagination, PageSizeOption, PaginationOptions, PasswordFieldOwnProps, PasswordFieldProps, PluginHeaderOwnProps, PluginHeaderProps, PopoverOwnProps, PopoverProps, ProviderBg, QueryOptions, RadioGroupOwnProps, RadioGroupProps, RadioOwnProps, RadioProps, Responsive, RowConfig, RowOwnProps, RowProps, RowRenderFn, SearchAutocompleteItemOwnProps, SearchAutocompleteItemProps, SearchAutocompleteOwnProps, SearchAutocompleteProps, SearchFieldOwnProps, SearchFieldProps, SearchState, SelectOwnProps, SelectProps, SkeletonOwnProps, SkeletonProps, SliderOwnProps, SliderProps, SortDescriptor, SortState, Space, SpaceProps, SubmenuTriggerProps, SwitchOwnProps, SwitchProps, TabListOwnProps, TabListProps, TabMatchStrategy, TabOwnProps, TabPanelOwnProps, TabPanelProps, TabProps, TableBodyOwnProps, TableBodyProps, TableHeaderOwnProps, TableHeaderProps, TableItem, TablePaginationOwnProps, TablePaginationProps, TablePaginationType, TableProps, TableRootOwnProps, TableRootProps, TableSelection, TabsOwnProps, TabsProps, TagGroupOwnProps, TagGroupProps, TagOwnProps, TagProps, TextColorStatus, TextColors, TextFieldOwnProps, TextFieldProps, TextOwnProps, TextProps, TextVariants, TextWeights, ToggleButtonGroupOwnProps, ToggleButtonGroupProps, ToggleButtonOwnProps, ToggleButtonProps, TooltipOwnProps, TooltipProps, UseAnalyticsFn, UseTableCompleteOptions, UseTableCursorOptions, UseTableOffsetOptions, UseTableOptions, UseTableResult, UtilityProps, VirtualizedProp, VisuallyHiddenOwnProps, VisuallyHiddenProps };
|
package/dist/index.esm.js
CHANGED
|
@@ -20,6 +20,8 @@ export { Button } from './components/Button/Button.esm.js';
|
|
|
20
20
|
export { ButtonDefinition } from './components/Button/definition.esm.js';
|
|
21
21
|
export { Card, CardBody, CardFooter, CardHeader } from './components/Card/Card.esm.js';
|
|
22
22
|
export { CardBodyDefinition, CardDefinition, CardFooterDefinition, CardHeaderDefinition } from './components/Card/definition.esm.js';
|
|
23
|
+
export { DatePicker } from './components/DatePicker/DatePicker.esm.js';
|
|
24
|
+
export { DatePickerCalendarDefinition, DatePickerDefinition, DatePickerGroupDefinition } from './components/DatePicker/definition.esm.js';
|
|
23
25
|
export { DateRangePicker } from './components/DateRangePicker/DateRangePicker.esm.js';
|
|
24
26
|
export { DateRangePickerDefinition } from './components/DateRangePicker/definition.esm.js';
|
|
25
27
|
export { Dialog, DialogBody, DialogFooter, DialogHeader, DialogTrigger } from './components/Dialog/Dialog.esm.js';
|
|
@@ -41,6 +43,8 @@ export { Checkbox } from './components/Checkbox/Checkbox.esm.js';
|
|
|
41
43
|
export { CheckboxDefinition } from './components/Checkbox/definition.esm.js';
|
|
42
44
|
export { CheckboxGroup } from './components/CheckboxGroup/CheckboxGroup.esm.js';
|
|
43
45
|
export { CheckboxGroupDefinition } from './components/CheckboxGroup/definition.esm.js';
|
|
46
|
+
export { Combobox } from './components/Combobox/Combobox.esm.js';
|
|
47
|
+
export { ComboboxDefinition, ComboboxInputDefinition, ComboboxListBoxDefinition, ComboboxListBoxItemDefinition, ComboboxSectionDefinition } from './components/Combobox/definition.esm.js';
|
|
44
48
|
export { Radio, RadioGroup } from './components/RadioGroup/RadioGroup.esm.js';
|
|
45
49
|
export { RadioDefinition, RadioGroupDefinition } from './components/RadioGroup/definition.esm.js';
|
|
46
50
|
export { Slider } from './components/Slider/Slider.esm.js';
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@backstage/ui",
|
|
3
|
-
"version": "0.15.0-next.
|
|
3
|
+
"version": "0.15.0-next.3",
|
|
4
4
|
"backstage": {
|
|
5
5
|
"role": "web-library"
|
|
6
6
|
},
|
|
@@ -64,6 +64,7 @@
|
|
|
64
64
|
},
|
|
65
65
|
"devDependencies": {
|
|
66
66
|
"@backstage/cli": "0.36.2-next.1",
|
|
67
|
+
"@backstage/core-components": "0.18.10-next.1",
|
|
67
68
|
"@storybook/react-vite": "^10.3.3",
|
|
68
69
|
"@testing-library/jest-dom": "^6.0.0",
|
|
69
70
|
"@testing-library/react": "^16.0.0",
|