@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.
Files changed (43) hide show
  1. package/CHANGELOG.md +53 -0
  2. package/dist/components/Accordion/Accordion.module.css.esm.js +2 -2
  3. package/dist/components/Box/Box.module.css.esm.js +2 -2
  4. package/dist/components/Card/Card.module.css.esm.js +2 -2
  5. package/dist/components/Combobox/Combobox.esm.js +72 -0
  6. package/dist/components/Combobox/Combobox.esm.js.map +1 -0
  7. package/dist/components/Combobox/Combobox.module.css.esm.js +8 -0
  8. package/dist/components/Combobox/Combobox.module.css.esm.js.map +1 -0
  9. package/dist/components/Combobox/ComboboxInput.esm.js +21 -0
  10. package/dist/components/Combobox/ComboboxInput.esm.js.map +1 -0
  11. package/dist/components/Combobox/ComboboxListBox.esm.js +46 -0
  12. package/dist/components/Combobox/ComboboxListBox.esm.js.map +1 -0
  13. package/dist/components/Combobox/definition.esm.js +74 -0
  14. package/dist/components/Combobox/definition.esm.js.map +1 -0
  15. package/dist/components/DatePicker/DatePicker.esm.js +60 -0
  16. package/dist/components/DatePicker/DatePicker.esm.js.map +1 -0
  17. package/dist/components/DatePicker/DatePicker.module.css.esm.js +8 -0
  18. package/dist/components/DatePicker/DatePicker.module.css.esm.js.map +1 -0
  19. package/dist/components/DatePicker/DatePickerCalendar.esm.js +24 -0
  20. package/dist/components/DatePicker/DatePickerCalendar.esm.js.map +1 -0
  21. package/dist/components/DatePicker/DatePickerGroup.esm.js +28 -0
  22. package/dist/components/DatePicker/DatePickerGroup.esm.js.map +1 -0
  23. package/dist/components/DatePicker/definition.esm.js +52 -0
  24. package/dist/components/DatePicker/definition.esm.js.map +1 -0
  25. package/dist/components/Flex/Flex.module.css.esm.js +2 -2
  26. package/dist/components/Grid/Grid.module.css.esm.js +2 -2
  27. package/dist/components/Header/Header.module.css.esm.js +2 -2
  28. package/dist/components/Link/Link.esm.js +4 -2
  29. package/dist/components/Link/Link.esm.js.map +1 -1
  30. package/dist/components/Link/Link.module.css.esm.js +2 -2
  31. package/dist/components/PluginHeader/PluginHeader.esm.js +8 -17
  32. package/dist/components/PluginHeader/PluginHeader.esm.js.map +1 -1
  33. package/dist/components/PluginHeader/PluginHeader.module.css.esm.js +2 -2
  34. package/dist/components/Table/Table.module.css.esm.js +2 -2
  35. package/dist/components/Table/hooks/useCompletePagination.esm.js +28 -11
  36. package/dist/components/Table/hooks/useCompletePagination.esm.js.map +1 -1
  37. package/dist/components/Table/hooks/useDebouncedValue.esm.js +16 -0
  38. package/dist/components/Table/hooks/useDebouncedValue.esm.js.map +1 -0
  39. package/dist/css/styles.css +34 -0
  40. package/dist/index.d.ts +286 -56
  41. package/dist/index.esm.js +4 -0
  42. package/dist/index.esm.js.map +1 -1
  43. 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, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1 } from 'react-aria-components';
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';
@@ -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.1",
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",