@backstage/ui 0.14.0-next.2 → 0.14.1

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 (55) hide show
  1. package/CHANGELOG.md +118 -0
  2. package/dist/components/ButtonLink/definition.esm.js +0 -1
  3. package/dist/components/ButtonLink/definition.esm.js.map +1 -1
  4. package/dist/components/Card/definition.esm.js +0 -1
  5. package/dist/components/Card/definition.esm.js.map +1 -1
  6. package/dist/components/CheckboxGroup/CheckboxGroup.esm.js +2 -1
  7. package/dist/components/CheckboxGroup/CheckboxGroup.esm.js.map +1 -1
  8. package/dist/components/Dialog/Dialog.esm.js +7 -7
  9. package/dist/components/Dialog/Dialog.esm.js.map +1 -1
  10. package/dist/components/Dialog/Dialog.module.css.esm.js +2 -2
  11. package/dist/components/Dialog/definition.esm.js +2 -1
  12. package/dist/components/Dialog/definition.esm.js.map +1 -1
  13. package/dist/components/FieldLabel/FieldLabel.esm.js +13 -3
  14. package/dist/components/FieldLabel/FieldLabel.esm.js.map +1 -1
  15. package/dist/components/FieldLabel/definition.esm.js +1 -0
  16. package/dist/components/FieldLabel/definition.esm.js.map +1 -1
  17. package/dist/components/Header/HeaderNavDefinition.esm.js +0 -1
  18. package/dist/components/Header/HeaderNavDefinition.esm.js.map +1 -1
  19. package/dist/components/Link/definition.esm.js +0 -1
  20. package/dist/components/Link/definition.esm.js.map +1 -1
  21. package/dist/components/List/definition.esm.js +0 -1
  22. package/dist/components/List/definition.esm.js.map +1 -1
  23. package/dist/components/Menu/definition.esm.js +0 -2
  24. package/dist/components/Menu/definition.esm.js.map +1 -1
  25. package/dist/components/PasswordField/PasswordField.esm.js +2 -1
  26. package/dist/components/PasswordField/PasswordField.esm.js.map +1 -1
  27. package/dist/components/RadioGroup/RadioGroup.esm.js +2 -1
  28. package/dist/components/RadioGroup/RadioGroup.esm.js.map +1 -1
  29. package/dist/components/SearchAutocomplete/SearchAutocomplete.esm.js +2 -2
  30. package/dist/components/SearchAutocomplete/SearchAutocomplete.esm.js.map +1 -1
  31. package/dist/components/SearchAutocomplete/definition.esm.js +0 -1
  32. package/dist/components/SearchAutocomplete/definition.esm.js.map +1 -1
  33. package/dist/components/SearchField/SearchField.esm.js +2 -1
  34. package/dist/components/SearchField/SearchField.esm.js.map +1 -1
  35. package/dist/components/Select/Select.esm.js +2 -1
  36. package/dist/components/Select/Select.esm.js.map +1 -1
  37. package/dist/components/Table/components/Table.esm.js +1 -1
  38. package/dist/components/Table/components/Table.esm.js.map +1 -1
  39. package/dist/components/Table/components/TableBodySkeleton.esm.js +3 -2
  40. package/dist/components/Table/components/TableBodySkeleton.esm.js.map +1 -1
  41. package/dist/components/Table/definition.esm.js +0 -3
  42. package/dist/components/Table/definition.esm.js.map +1 -1
  43. package/dist/components/Tabs/definition.esm.js +0 -1
  44. package/dist/components/Tabs/definition.esm.js.map +1 -1
  45. package/dist/components/TagGroup/definition.esm.js +0 -1
  46. package/dist/components/TagGroup/definition.esm.js.map +1 -1
  47. package/dist/components/Text/Text.esm.js.map +1 -1
  48. package/dist/components/TextField/TextField.esm.js +2 -1
  49. package/dist/components/TextField/TextField.esm.js.map +1 -1
  50. package/dist/hooks/useDefinition/useDefinition.esm.js +5 -7
  51. package/dist/hooks/useDefinition/useDefinition.esm.js.map +1 -1
  52. package/dist/index.d.ts +24 -9
  53. package/dist/index.esm.js +1 -0
  54. package/dist/index.esm.js.map +1 -1
  55. package/package.json +6 -9
package/dist/index.d.ts CHANGED
@@ -3,8 +3,7 @@ import { ReactNode, CSSProperties, HTMLAttributes, ComponentPropsWithoutRef, Rea
3
3
  import { DisclosureProps, DisclosureGroupProps, DisclosurePanelProps, HeadingProps, ButtonProps as ButtonProps$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';
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
5
  import { NavigateOptions } from 'react-router-dom';
6
- import { SortDescriptor as SortDescriptor$1 } from 'react-stately';
7
- import { ColumnSize, ColumnStaticSize } from '@react-types/table';
6
+ import { ColumnSize, ColumnStaticSize, SortDescriptor as SortDescriptor$1 } from 'react-stately';
8
7
 
9
8
  /** @public */
10
9
  type Breakpoint = 'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -978,7 +977,6 @@ declare const CardDefinition: {
978
977
  readonly styles: {
979
978
  readonly [key: string]: string;
980
979
  };
981
- readonly resolveHref: true;
982
980
  readonly classNames: {
983
981
  readonly root: "bui-Card";
984
982
  readonly trigger: "bui-CardTrigger";
@@ -1138,7 +1136,8 @@ declare const DialogDefinition: {
1138
1136
  };
1139
1137
  readonly classNames: {
1140
1138
  readonly root: "bui-DialogOverlay";
1141
- readonly dialog: "bui-Dialog";
1139
+ readonly container: "bui-Dialog";
1140
+ readonly inner: "bui-DialogInner";
1142
1141
  readonly content: "bui-DialogContent";
1143
1142
  };
1144
1143
  readonly propDefs: {
@@ -1225,6 +1224,10 @@ type FieldLabelOwnProps = {
1225
1224
  * The id to apply to the description element for aria-describedby
1226
1225
  */
1227
1226
  descriptionId?: string;
1227
+ /**
1228
+ * The slot name to set on the description's React Aria `<Text>` element.
1229
+ */
1230
+ descriptionSlot?: string;
1228
1231
  className?: string;
1229
1232
  };
1230
1233
  /** @public */
@@ -1259,6 +1262,7 @@ declare const FieldLabelDefinition: {
1259
1262
  readonly htmlFor: {};
1260
1263
  readonly id: {};
1261
1264
  readonly descriptionId: {};
1265
+ readonly descriptionSlot: {};
1262
1266
  readonly className: {};
1263
1267
  };
1264
1268
  };
@@ -1622,7 +1626,6 @@ declare const HeaderNavItemDefinition: {
1622
1626
  readonly root: "bui-HeaderNavItem";
1623
1627
  };
1624
1628
  readonly analytics: true;
1625
- readonly resolveHref: true;
1626
1629
  readonly propDefs: {
1627
1630
  readonly noTrack: {};
1628
1631
  readonly id: {};
@@ -1740,7 +1743,6 @@ declare const ButtonLinkDefinition: {
1740
1743
  };
1741
1744
  readonly bg: "consumer";
1742
1745
  readonly analytics: true;
1743
- readonly resolveHref: true;
1744
1746
  readonly propDefs: {
1745
1747
  readonly noTrack: {};
1746
1748
  readonly size: {
@@ -2316,6 +2318,21 @@ declare const CellText: {
2316
2318
  */
2317
2319
  declare const CellProfile: (props: CellProfileProps) => react_jsx_runtime.JSX.Element;
2318
2320
 
2321
+ /**
2322
+ * A table body that renders animated skeleton rows as a loading placeholder.
2323
+ *
2324
+ * @remarks
2325
+ * Accepts any column array whose items have an `id` property, making it
2326
+ * compatible with both `ColumnConfig` and custom column types.
2327
+ *
2328
+ * @public
2329
+ */
2330
+ declare function TableBodySkeleton<T extends {
2331
+ id: string;
2332
+ }>({ columns, }: {
2333
+ columns: readonly T[];
2334
+ }): react_jsx_runtime.JSX.Element;
2335
+
2319
2336
  /** @public */
2320
2337
  interface FilterState<TFilter> {
2321
2338
  value: TFilter | undefined;
@@ -3193,7 +3210,6 @@ declare const LinkDefinition: {
3193
3210
  readonly root: "bui-Link";
3194
3211
  };
3195
3212
  readonly analytics: true;
3196
- readonly resolveHref: true;
3197
3213
  readonly propDefs: {
3198
3214
  readonly noTrack: {};
3199
3215
  readonly variant: {
@@ -3318,7 +3334,6 @@ declare const ListRowDefinition: {
3318
3334
  readonly [key: string]: string;
3319
3335
  };
3320
3336
  readonly bg: "consumer";
3321
- readonly resolveHref: true;
3322
3337
  readonly classNames: {
3323
3338
  readonly root: "bui-ListRow";
3324
3339
  readonly check: "bui-ListRowCheck";
@@ -3756,5 +3771,5 @@ declare function useAnalytics(): AnalyticsTracker;
3756
3771
  */
3757
3772
  declare function getNodeText(node: ReactNode | ((...args: any[]) => ReactNode)): string | undefined;
3758
3773
 
3759
- 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, Dialog, DialogBody, DialogBodyDefinition, DialogDefinition, DialogFooter, DialogFooterDefinition, DialogHeader, DialogHeaderDefinition, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, FullPage, FullPageDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, 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, 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 };
3774
+ 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, Dialog, DialogBody, DialogBodyDefinition, DialogDefinition, DialogFooter, DialogFooterDefinition, DialogHeader, DialogHeaderDefinition, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, FullPage, FullPageDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, 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 };
3760
3775
  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, DialogBodyOwnProps, DialogBodyProps, DialogFooterOwnProps, DialogFooterProps, DialogHeaderOwnProps, DialogHeaderProps, DialogOwnProps, DialogProps, DialogTriggerProps, Display, FieldLabelOwnProps, FieldLabelProps, FilterState, FlexDirection, FlexOwnProps, FlexProps, FlexWrap, FullPageOwnProps, FullPageProps, GridItemOwnProps, GridItemProps, GridOwnProps, GridProps, HeaderBreadcrumb, HeaderNavTab, HeaderNavTabGroup, HeaderNavTabItem, HeaderOwnProps, HeaderPageBreadcrumb, HeaderPageOwnProps, HeaderPageProps, HeaderProps, HeaderTab, 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, 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
@@ -50,6 +50,7 @@ export { Row } from './components/Table/components/Row.esm.js';
50
50
  export { Cell } from './components/Table/components/Cell.esm.js';
51
51
  export { CellText } from './components/Table/components/CellText.esm.js';
52
52
  export { CellProfile } from './components/Table/components/CellProfile.esm.js';
53
+ export { TableBodySkeleton } from './components/Table/components/TableBodySkeleton.esm.js';
53
54
  export { useTable } from './components/Table/hooks/useTable.esm.js';
54
55
  export { TableDefinition } from './components/Table/definition.esm.js';
55
56
  export { TablePagination } from './components/TablePagination/TablePagination.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.14.0-next.2",
3
+ "version": "0.14.1",
4
4
  "backstage": {
5
5
  "role": "web-library"
6
6
  },
@@ -50,20 +50,17 @@
50
50
  "test": "backstage-cli package test"
51
51
  },
52
52
  "dependencies": {
53
- "@backstage/version-bridge": "1.0.12",
54
- "@react-aria/interactions": "^3.27.1",
55
- "@react-stately/layout": "^4.6.0",
56
- "@react-stately/overlays": "^3.6.23",
53
+ "@backstage/version-bridge": "^1.0.12",
57
54
  "@remixicon/react": "^4.6.0",
58
55
  "@tanstack/react-table": "^8.21.3",
59
56
  "clsx": "^2.1.1",
60
- "react-aria": "^3.47.0",
61
- "react-aria-components": "^1.14.0",
62
- "react-stately": "^3.45.0",
57
+ "react-aria": "^3.48.0",
58
+ "react-aria-components": "^1.17.0",
59
+ "react-stately": "^3.46.0",
63
60
  "use-sync-external-store": "^1.4.0"
64
61
  },
65
62
  "devDependencies": {
66
- "@backstage/cli": "0.36.1-next.2",
63
+ "@backstage/cli": "^0.36.1",
67
64
  "@types/react": "^18.0.0",
68
65
  "@types/react-dom": "^18.0.0",
69
66
  "@types/use-sync-external-store": "^1.0.0",