@backstage/plugin-catalog 2.0.10-next.0 → 2.0.10-next.1

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @backstage/plugin-catalog
 
+## 2.0.10-next.1
+
+### Patch Changes
+
+- 13adaa1: Updated internal React component names to improve debugging and tooling compatibility.
+- a7a1274: Use EntityDisplayName for hierarchy links in BUI entity header in order to display titles
+- Updated dependencies
+  - @backstage/plugin-techdocs-react@1.3.16-next.1
+  - @backstage/core-components@0.18.15-next.1
+
 ## 2.0.10-next.0
 
 ### Patch Changes

package/dist/alpha/components/EntityHeader/EntityHeaderBui.esm.js

@@ -4,7 +4,7 @@ import { Header, HeaderMetadataUsers, ButtonIcon, Box, Link } from '@backstage/u
 import { RELATION_PART_OF, RELATION_OWNED_BY, stringifyEntityRef } from '@backstage/catalog-model';
 import { useRouteRefParams, useApi } from '@backstage/core-plugin-api';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { useAsyncEntity, entityRouteRef, useEntityPresentation, getEntityRelations, catalogReactTranslationRef, useStarredEntity, catalogApiRef, useEntityRefLink } from '@backstage/plugin-catalog-react';
+import { useAsyncEntity, entityRouteRef, useEntityPresentation, getEntityRelations, catalogReactTranslationRef, useStarredEntity, catalogApiRef, useEntityRefLink, EntityDisplayName } from '@backstage/plugin-catalog-react';
 import { RiStarFill, RiStarLine } from '@remixicon/react';
 import useAsync from 'react-use/esm/useAsync';
 import { catalogTranslationRef } from '../../translation.esm.js';
@@ -48,7 +48,7 @@ function HierarchyLinks(props) {
   const entityLink = useEntityRefLink();
   return /* @__PURE__ */ jsx(Box, { as: "ul", display: "inline", m: "0", p: "0", style: { listStyle: "none" }, children: props.refs.map((ref, index) => /* @__PURE__ */ jsxs(Box, { as: "li", display: "inline", children: [
     index > 0 ? ", " : null,
-    /* @__PURE__ */ jsx(Link, { href: entityLink(ref), standalone: true, children: ref.name })
+    /* @__PURE__ */ jsx(Link, { href: entityLink(ref), standalone: true, children: /* @__PURE__ */ jsx(EntityDisplayName, { entityRef: ref }) })
   ] }, stringifyEntityRef(ref))) });
 }
 function hierarchyLabel(ref) {

package/dist/alpha/components/EntityHeader/EntityHeaderBui.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityHeaderBui.esm.js","sources":["../../../../src/alpha/components/EntityHeader/EntityHeaderBui.tsx"],"sourcesContent":["/*\n * Copyright 2026 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useMemo } from 'react';\nimport {\n  Box,\n  ButtonIcon,\n  Header,\n  HeaderMetadataUsers,\n  Link,\n  type HeaderMetadataItem,\n  type HeaderMetadataUser,\n  type HeaderNavTabItem,\n} from '@backstage/ui';\nimport {\n  Entity,\n  RELATION_OWNED_BY,\n  RELATION_PART_OF,\n  stringifyEntityRef,\n  type CompoundEntityRef,\n} from '@backstage/catalog-model';\nimport { useApi, useRouteRefParams } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport {\n  catalogApiRef,\n  catalogReactTranslationRef,\n  entityRouteRef,\n  getEntityRelations,\n  useAsyncEntity,\n  useEntityPresentation,\n  useEntityRefLink,\n  useStarredEntity,\n} from '@backstage/plugin-catalog-react';\nimport { RiStarFill, RiStarLine } from '@remixicon/react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { catalogTranslationRef } from '../../translation';\nimport {\n  EntityContextMenu,\n  type EntityContextMenuItemDataWithNode,\n} from '../EntityContextMenu';\n\nfunction useOwnerUsers(entity: Entity | undefined): HeaderMetadataUser[] {\n  const catalogApi = useApi(catalogApiRef);\n  const entityLink = useEntityRefLink();\n  const ownerRefs = useMemo(\n    () => getEntityRelations(entity, RELATION_OWNED_BY),\n    [entity],\n  );\n  const ownerRefStrings = useMemo(\n    () => ownerRefs.map(ref => stringifyEntityRef(ref)),\n    [ownerRefs],\n  );\n  const { value: ownerEntities } = useAsync(async () => {\n    if (ownerRefStrings.length === 0) return [];\n    return (\n      await catalogApi.getEntitiesByRefs({\n        entityRefs: ownerRefStrings,\n        fields: [\n          'kind',\n          'metadata.name',\n          'metadata.namespace',\n          'metadata.title',\n          'spec.profile',\n        ],\n      })\n    ).items;\n  }, [catalogApi, ownerRefStrings]);\n\n  return ownerRefs.map((ref, index) => {\n    const owner = ownerEntities?.[index];\n    const profile = (owner?.spec as { profile?: { picture?: string } })\n      ?.profile;\n    return {\n      name: owner?.metadata.title ?? owner?.metadata.name ?? ref.name,\n      src: profile?.picture,\n      href: entityLink(ref),\n    };\n  });\n}\n\nfunction HierarchyLinks(props: { refs: CompoundEntityRef[] }) {\n  const entityLink = useEntityRefLink();\n  return (\n    <Box as=\"ul\" display=\"inline\" m=\"0\" p=\"0\" style={{ listStyle: 'none' }}>\n      {props.refs.map((ref, index) => (\n        <Box as=\"li\" display=\"inline\" key={stringifyEntityRef(ref)}>\n          {index > 0 ? ', ' : null}\n          <Link href={entityLink(ref)} standalone>\n            {ref.name}\n          </Link>\n        </Box>\n      ))}\n    </Box>\n  );\n}\n\nfunction hierarchyLabel(\n  ref: CompoundEntityRef,\n): 'systemLabel' | 'domainLabel' | 'partOfLabel' {\n  switch (ref.kind.toLowerCase()) {\n    case 'system':\n      return 'systemLabel';\n    case 'domain':\n      return 'domainLabel';\n    default:\n      return 'partOfLabel';\n  }\n}\n\nfunction useMetadata(entity: Entity | undefined): HeaderMetadataItem[] {\n  const owners = useOwnerUsers(entity);\n  const { t } = useTranslationRef(catalogTranslationRef);\n  return useMemo(() => {\n    if (!entity) return [];\n    const metadata: HeaderMetadataItem[] = [];\n    const lifecycle = entity.spec?.lifecycle?.toString();\n    if (lifecycle) {\n      metadata.push({\n        label: t('entityLabels.lifecycleLabel'),\n        value: lifecycle,\n      });\n    }\n    if (owners.length > 0) {\n      metadata.push({\n        label: t('entityLabels.ownerLabel'),\n        value: <HeaderMetadataUsers users={owners} />,\n      });\n    }\n\n    const hierarchy = getEntityRelations(entity, RELATION_PART_OF).reduce(\n      (groups, ref) => {\n        const label = hierarchyLabel(ref);\n        groups[label] = [...(groups[label] ?? []), ref];\n        return groups;\n      },\n      {} as Record<string, CompoundEntityRef[]>,\n    );\n    for (const [label, refs] of Object.entries(hierarchy)) {\n      metadata.push({\n        label: t(\n          `entityLabels.${label}` as\n            | 'entityLabels.systemLabel'\n            | 'entityLabels.domainLabel'\n            | 'entityLabels.partOfLabel',\n        ),\n        value: <HierarchyLinks refs={refs} />,\n      });\n    }\n    return metadata;\n  }, [entity, owners, t]);\n}\n\nfunction FavoriteEntityButton(props: { entity: Entity }) {\n  const { t } = useTranslationRef(catalogReactTranslationRef);\n  const { isStarredEntity, toggleStarredEntity } = useStarredEntity(\n    props.entity,\n  );\n  return (\n    <ButtonIcon\n      variant=\"secondary\"\n      aria-label={\n        isStarredEntity\n          ? t('favoriteEntity.removeFromFavorites')\n          : t('favoriteEntity.addToFavorites')\n      }\n      icon={isStarredEntity ? <RiStarFill /> : <RiStarLine />}\n      onPress={() => toggleStarredEntity()}\n    />\n  );\n}\n\nexport function EntityHeaderBui(props: {\n  tabs: HeaderNavTabItem[];\n  activeTabId?: string;\n  contextMenuItems?: EntityContextMenuItemDataWithNode[];\n}) {\n  const { entity } = useAsyncEntity();\n  const routeParams = useRouteRefParams(entityRouteRef);\n  const presentation = useEntityPresentation(entity ?? routeParams);\n  const metadata = useMetadata(entity);\n  const type = entity?.spec?.type?.toString();\n\n  return (\n    <Header\n      title={presentation.primaryTitle}\n      tags={[\n        { label: entity?.kind ?? routeParams.kind },\n        ...(type ? [{ label: type }] : []),\n      ]}\n      metadata={metadata}\n      tabs={entity ? props.tabs : undefined}\n      activeTabId={props.activeTabId}\n      customActions={\n        entity ? (\n          <>\n            <FavoriteEntityButton entity={entity} />\n            <EntityContextMenu contextMenuItems={props.contextMenuItems} />\n          </>\n        ) : undefined\n      }\n    />\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EntityHeaderBui.esm.js","sources":["../../../../src/alpha/components/EntityHeader/EntityHeaderBui.tsx"],"sourcesContent":["/*\n * Copyright 2026 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useMemo } from 'react';\nimport {\n  Box,\n  ButtonIcon,\n  Header,\n  HeaderMetadataUsers,\n  Link,\n  type HeaderMetadataItem,\n  type HeaderMetadataUser,\n  type HeaderNavTabItem,\n} from '@backstage/ui';\nimport {\n  Entity,\n  RELATION_OWNED_BY,\n  RELATION_PART_OF,\n  stringifyEntityRef,\n  type CompoundEntityRef,\n} from '@backstage/catalog-model';\nimport { useApi, useRouteRefParams } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport {\n  catalogApiRef,\n  catalogReactTranslationRef,\n  EntityDisplayName,\n  entityRouteRef,\n  getEntityRelations,\n  useAsyncEntity,\n  useEntityPresentation,\n  useEntityRefLink,\n  useStarredEntity,\n} from '@backstage/plugin-catalog-react';\nimport { RiStarFill, RiStarLine } from '@remixicon/react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { catalogTranslationRef } from '../../translation';\nimport {\n  EntityContextMenu,\n  type EntityContextMenuItemDataWithNode,\n} from '../EntityContextMenu';\n\nfunction useOwnerUsers(entity: Entity | undefined): HeaderMetadataUser[] {\n  const catalogApi = useApi(catalogApiRef);\n  const entityLink = useEntityRefLink();\n  const ownerRefs = useMemo(\n    () => getEntityRelations(entity, RELATION_OWNED_BY),\n    [entity],\n  );\n  const ownerRefStrings = useMemo(\n    () => ownerRefs.map(ref => stringifyEntityRef(ref)),\n    [ownerRefs],\n  );\n  const { value: ownerEntities } = useAsync(async () => {\n    if (ownerRefStrings.length === 0) return [];\n    return (\n      await catalogApi.getEntitiesByRefs({\n        entityRefs: ownerRefStrings,\n        fields: [\n          'kind',\n          'metadata.name',\n          'metadata.namespace',\n          'metadata.title',\n          'spec.profile',\n        ],\n      })\n    ).items;\n  }, [catalogApi, ownerRefStrings]);\n\n  return ownerRefs.map((ref, index) => {\n    const owner = ownerEntities?.[index];\n    const profile = (owner?.spec as { profile?: { picture?: string } })\n      ?.profile;\n    return {\n      name: owner?.metadata.title ?? owner?.metadata.name ?? ref.name,\n      src: profile?.picture,\n      href: entityLink(ref),\n    };\n  });\n}\n\nfunction HierarchyLinks(props: { refs: CompoundEntityRef[] }) {\n  const entityLink = useEntityRefLink();\n  return (\n    <Box as=\"ul\" display=\"inline\" m=\"0\" p=\"0\" style={{ listStyle: 'none' }}>\n      {props.refs.map((ref, index) => (\n        <Box as=\"li\" display=\"inline\" key={stringifyEntityRef(ref)}>\n          {index > 0 ? ', ' : null}\n          <Link href={entityLink(ref)} standalone>\n            <EntityDisplayName entityRef={ref} />\n          </Link>\n        </Box>\n      ))}\n    </Box>\n  );\n}\n\nfunction hierarchyLabel(\n  ref: CompoundEntityRef,\n): 'systemLabel' | 'domainLabel' | 'partOfLabel' {\n  switch (ref.kind.toLowerCase()) {\n    case 'system':\n      return 'systemLabel';\n    case 'domain':\n      return 'domainLabel';\n    default:\n      return 'partOfLabel';\n  }\n}\n\nfunction useMetadata(entity: Entity | undefined): HeaderMetadataItem[] {\n  const owners = useOwnerUsers(entity);\n  const { t } = useTranslationRef(catalogTranslationRef);\n  return useMemo(() => {\n    if (!entity) return [];\n    const metadata: HeaderMetadataItem[] = [];\n    const lifecycle = entity.spec?.lifecycle?.toString();\n    if (lifecycle) {\n      metadata.push({\n        label: t('entityLabels.lifecycleLabel'),\n        value: lifecycle,\n      });\n    }\n    if (owners.length > 0) {\n      metadata.push({\n        label: t('entityLabels.ownerLabel'),\n        value: <HeaderMetadataUsers users={owners} />,\n      });\n    }\n\n    const hierarchy = getEntityRelations(entity, RELATION_PART_OF).reduce(\n      (groups, ref) => {\n        const label = hierarchyLabel(ref);\n        groups[label] = [...(groups[label] ?? []), ref];\n        return groups;\n      },\n      {} as Record<string, CompoundEntityRef[]>,\n    );\n    for (const [label, refs] of Object.entries(hierarchy)) {\n      metadata.push({\n        label: t(\n          `entityLabels.${label}` as\n            | 'entityLabels.systemLabel'\n            | 'entityLabels.domainLabel'\n            | 'entityLabels.partOfLabel',\n        ),\n        value: <HierarchyLinks refs={refs} />,\n      });\n    }\n    return metadata;\n  }, [entity, owners, t]);\n}\n\nfunction FavoriteEntityButton(props: { entity: Entity }) {\n  const { t } = useTranslationRef(catalogReactTranslationRef);\n  const { isStarredEntity, toggleStarredEntity } = useStarredEntity(\n    props.entity,\n  );\n  return (\n    <ButtonIcon\n      variant=\"secondary\"\n      aria-label={\n        isStarredEntity\n          ? t('favoriteEntity.removeFromFavorites')\n          : t('favoriteEntity.addToFavorites')\n      }\n      icon={isStarredEntity ? <RiStarFill /> : <RiStarLine />}\n      onPress={() => toggleStarredEntity()}\n    />\n  );\n}\n\nexport function EntityHeaderBui(props: {\n  tabs: HeaderNavTabItem[];\n  activeTabId?: string;\n  contextMenuItems?: EntityContextMenuItemDataWithNode[];\n}) {\n  const { entity } = useAsyncEntity();\n  const routeParams = useRouteRefParams(entityRouteRef);\n  const presentation = useEntityPresentation(entity ?? routeParams);\n  const metadata = useMetadata(entity);\n  const type = entity?.spec?.type?.toString();\n\n  return (\n    <Header\n      title={presentation.primaryTitle}\n      tags={[\n        { label: entity?.kind ?? routeParams.kind },\n        ...(type ? [{ label: type }] : []),\n      ]}\n      metadata={metadata}\n      tabs={entity ? props.tabs : undefined}\n      activeTabId={props.activeTabId}\n      customActions={\n        entity ? (\n          <>\n            <FavoriteEntityButton entity={entity} />\n            <EntityContextMenu contextMenuItems={props.contextMenuItems} />\n          </>\n        ) : undefined\n      }\n    />\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/alpha/components/EntityTabs/EntityTabsGroup.esm.js

@@ -128,7 +128,7 @@ function resolveIcon(icon, iconsApi, showIcons) {
   }
   return icon;
 }
-const Tab = forwardRef(function Tab2(props, ref) {
+const Tab = forwardRef(function EntityTabsGroupTab(props, ref) {
   const [anchorEl, setAnchorEl] = useState(null);
   const iconsApi = useApi(iconsApiRef);
   const open = Boolean(anchorEl);

package/dist/alpha/components/EntityTabs/EntityTabsGroup.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityTabsGroup.esm.js","sources":["../../../../src/alpha/components/EntityTabs/EntityTabsGroup.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  ReactNode,\n  forwardRef,\n  useState,\n  MouseEvent,\n  MouseEventHandler,\n  ReactElement,\n} from 'react';\nimport { Link } from 'react-router-dom';\nimport classnames from 'classnames';\n\nimport Typography from '@material-ui/core/Typography';\nimport Popover from '@material-ui/core/Popover';\nimport { TabProps, TabClassKey } from '@material-ui/core/Tab';\nimport { capitalize } from '@material-ui/core/utils';\nimport { createStyles, Theme, withStyles } from '@material-ui/core/styles';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport Button from '@material-ui/core/Button';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport List from '@material-ui/core/List';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { IconsApi, iconsApiRef } from '@backstage/frontend-plugin-api';\n\nconst styles = (theme: Theme) =>\n  createStyles({\n    /* Styles applied to the root element. */\n    root: {\n      ...theme.typography.button,\n      maxWidth: 264,\n      minWidth: 72,\n      position: 'relative',\n      boxSizing: 'border-box',\n      minHeight: 48,\n      flexShrink: 0,\n      padding: '6px 12px',\n      [theme.breakpoints.up('sm')]: {\n        padding: '6px 24px',\n      },\n      overflow: 'hidden',\n      whiteSpace: 'normal',\n      textAlign: 'center',\n      [theme.breakpoints.up('sm')]: {\n        minWidth: 160,\n      },\n    },\n    defaultTab: {\n      ...theme.typography.caption,\n      padding: theme.spacing(3, 3),\n      textTransform: 'uppercase',\n      fontWeight: theme.typography.fontWeightBold,\n      color: theme.palette.text.secondary,\n    },\n    /* Styles applied to the root element if both `icon` and `label` are provided. */\n    labelIcon: {\n      minHeight: 72,\n      paddingTop: 9,\n      '& $wrapper > *:first-child': {\n        marginBottom: 6,\n      },\n    },\n    /* Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor=\"inherit\"`. */\n    textColorInherit: {\n      color: 'inherit',\n      opacity: 0.7,\n      '&$selected': {\n        opacity: 1,\n      },\n      '&$disabled': {\n        opacity: 0.5,\n      },\n    },\n    selectedButton: {\n      color: `${theme.palette.text.primary}`,\n      opacity: `${1}`,\n    },\n    unselectedButton: {\n      color: `${theme.palette.text.secondary}`,\n      opacity: `${0.7}`,\n    },\n    /* Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor=\"primary\"`. */\n    textColorPrimary: {\n      color: theme.palette.text.secondary,\n      '&$selected': {\n        color: theme.palette.primary.main,\n      },\n      '&$disabled': {\n        color: theme.palette.text.disabled,\n      },\n    },\n    /* Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor=\"secondary\"`. */\n    textColorSecondary: {\n      color: theme.palette.text.secondary,\n      '&$selected': {\n        color: theme.palette.secondary.main,\n      },\n      '&$disabled': {\n        color: theme.palette.text.disabled,\n      },\n    },\n    /* Pseudo-class applied to the root element if `selected={true}` (controlled by the Tabs component). */\n    selected: {},\n    /* Pseudo-class applied to the root element if `disabled={true}` (controlled by the Tabs component). */\n    disabled: {},\n    /* Styles applied to the root element if `fullWidth={true}` (controlled by the Tabs component). */\n    fullWidth: {\n      flexShrink: 1,\n      flexGrow: 1,\n      flexBasis: 0,\n      maxWidth: 'none',\n    },\n    /* Styles applied to the root element if `wrapped={true}`. */\n    wrapped: {\n      fontSize: theme.typography.pxToRem(12),\n      lineHeight: 1.5,\n    },\n    /* Styles applied to the `icon` and `label`'s wrapper element. */\n    wrapper: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: '100%',\n      flexDirection: 'row',\n    },\n  });\n\ntype EntityTabsGroupItem = {\n  id: string;\n  label: string;\n  path: string;\n  icon?: string | ReactElement;\n};\n\ntype EntityTabsGroupProps = TabProps & {\n  classes?: Partial<ReturnType<typeof styles>>;\n  indicator?: ReactNode;\n  highlightedButton?: string;\n  items: EntityTabsGroupItem[];\n  onSelectTab?: MouseEventHandler<HTMLAnchorElement>;\n  showIcons?: boolean;\n};\n\nfunction resolveIcon(\n  icon: string | ReactElement | undefined,\n  iconsApi: IconsApi,\n  showIcons: boolean,\n) {\n  if (!showIcons) {\n    return undefined;\n  }\n  if (typeof icon === 'string') {\n    const Icon = iconsApi.getIcon(icon);\n    if (Icon) {\n      return <Icon />;\n    }\n    return undefined;\n  }\n  return icon;\n}\n\nconst Tab = forwardRef(function Tab(props: EntityTabsGroupProps, ref: any) {\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);\n  const iconsApi = useApi(iconsApiRef);\n\n  const open = Boolean(anchorEl);\n  const submenuId = open ? 'tabbed-submenu' : undefined;\n\n  const {\n    classes,\n    className,\n    disabled = false,\n    disableFocusRipple = false,\n    items,\n    fullWidth,\n    indicator,\n    label,\n    onSelectTab,\n    selected,\n    textColor = 'inherit',\n    wrapped = false,\n    highlightedButton,\n    showIcons = false,\n  } = props;\n\n  const groupIcon = resolveIcon(props.icon, iconsApi, showIcons);\n  const testId = 'data-testid' in props && props['data-testid'];\n\n  const handleMenuClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleMenuClick = (event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const classArray = [\n    classes?.root,\n    classes?.[`textColor${capitalize(textColor)}` as TabClassKey],\n    classes && {\n      [classes.disabled!]: disabled,\n      [classes.selected!]: selected,\n      [classes.labelIcon!]: label && groupIcon,\n      [classes.fullWidth!]: fullWidth,\n      [classes.wrapped!]: wrapped,\n    },\n    className,\n  ];\n\n  if (items.length === 1) {\n    return (\n      <Button\n        focusRipple={!disableFocusRipple}\n        data-testid={testId}\n        className={classnames(\n          classArray,\n          classes && {\n            [classes.labelIcon!]: label && (items[0].icon ?? groupIcon),\n          },\n        )}\n        ref={ref}\n        role=\"tab\"\n        aria-selected={selected}\n        disabled={disabled}\n        component={Link}\n        onClick={onSelectTab}\n        to={items[0]?.path}\n        startIcon={resolveIcon(items[0].icon, iconsApi, showIcons)}\n      >\n        <Typography className={classes?.wrapper} variant=\"button\">\n          {items[0].label}\n        </Typography>\n        {indicator}\n      </Button>\n    );\n  }\n  const hasIcons = showIcons && items.some(i => i.icon);\n  return (\n    <>\n      <Button\n        data-testid={testId}\n        focusRipple={!disableFocusRipple}\n        className={classnames(classArray)}\n        ref={ref}\n        role=\"tab\"\n        aria-selected={selected}\n        disabled={disabled}\n        onClick={handleMenuClick}\n        startIcon={groupIcon}\n      >\n        <Typography className={classes?.wrapper} variant=\"button\">\n          {label}\n        </Typography>\n        <ExpandMoreIcon />\n      </Button>\n      <Popover\n        id={submenuId}\n        open={open}\n        anchorEl={anchorEl}\n        onClose={handleMenuClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'center',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'center',\n        }}\n      >\n        <List component=\"nav\">\n          {items.map(i => {\n            const itemIcon = resolveIcon(i.icon, iconsApi, showIcons);\n            return (\n              <ListItem\n                key={`popover_item_${i.id}`}\n                button\n                focusRipple={!disableFocusRipple}\n                classes={{\n                  selected: classnames(classes?.selectedButton),\n                  default: classnames(classes?.unselectedButton),\n                  disabled: classnames(classes?.disabled),\n                }}\n                ref={ref}\n                aria-selected={selected}\n                disabled={disabled}\n                selected={highlightedButton === i.id}\n                component={Link}\n                onClick={e => {\n                  handleMenuClose();\n                  onSelectTab?.(e);\n                }}\n                to={i.path}\n              >\n                {itemIcon && <ListItemIcon>{itemIcon}</ListItemIcon>}\n                <ListItemText\n                  inset={!itemIcon && hasIcons}\n                  primary={\n                    <>\n                      <Typography variant=\"button\">{i.label}</Typography>\n                      {indicator}\n                    </>\n                  }\n                />\n              </ListItem>\n            );\n          })}\n        </List>\n      </Popover>\n    </>\n  );\n});\n\n// @ts-ignore\nexport const EntityTabsGroup = withStyles(styles, { name: 'MuiTab' })(Tab);\n"],"names":["Tab"],"mappings":"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"}
+{"version":3,"file":"EntityTabsGroup.esm.js","sources":["../../../../src/alpha/components/EntityTabs/EntityTabsGroup.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  ReactNode,\n  forwardRef,\n  useState,\n  MouseEvent,\n  MouseEventHandler,\n  ReactElement,\n} from 'react';\nimport { Link } from 'react-router-dom';\nimport classnames from 'classnames';\n\nimport Typography from '@material-ui/core/Typography';\nimport Popover from '@material-ui/core/Popover';\nimport { TabProps, TabClassKey } from '@material-ui/core/Tab';\nimport { capitalize } from '@material-ui/core/utils';\nimport { createStyles, Theme, withStyles } from '@material-ui/core/styles';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport Button from '@material-ui/core/Button';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport List from '@material-ui/core/List';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { IconsApi, iconsApiRef } from '@backstage/frontend-plugin-api';\n\nconst styles = (theme: Theme) =>\n  createStyles({\n    /* Styles applied to the root element. */\n    root: {\n      ...theme.typography.button,\n      maxWidth: 264,\n      minWidth: 72,\n      position: 'relative',\n      boxSizing: 'border-box',\n      minHeight: 48,\n      flexShrink: 0,\n      padding: '6px 12px',\n      [theme.breakpoints.up('sm')]: {\n        padding: '6px 24px',\n      },\n      overflow: 'hidden',\n      whiteSpace: 'normal',\n      textAlign: 'center',\n      [theme.breakpoints.up('sm')]: {\n        minWidth: 160,\n      },\n    },\n    defaultTab: {\n      ...theme.typography.caption,\n      padding: theme.spacing(3, 3),\n      textTransform: 'uppercase',\n      fontWeight: theme.typography.fontWeightBold,\n      color: theme.palette.text.secondary,\n    },\n    /* Styles applied to the root element if both `icon` and `label` are provided. */\n    labelIcon: {\n      minHeight: 72,\n      paddingTop: 9,\n      '& $wrapper > *:first-child': {\n        marginBottom: 6,\n      },\n    },\n    /* Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor=\"inherit\"`. */\n    textColorInherit: {\n      color: 'inherit',\n      opacity: 0.7,\n      '&$selected': {\n        opacity: 1,\n      },\n      '&$disabled': {\n        opacity: 0.5,\n      },\n    },\n    selectedButton: {\n      color: `${theme.palette.text.primary}`,\n      opacity: `${1}`,\n    },\n    unselectedButton: {\n      color: `${theme.palette.text.secondary}`,\n      opacity: `${0.7}`,\n    },\n    /* Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor=\"primary\"`. */\n    textColorPrimary: {\n      color: theme.palette.text.secondary,\n      '&$selected': {\n        color: theme.palette.primary.main,\n      },\n      '&$disabled': {\n        color: theme.palette.text.disabled,\n      },\n    },\n    /* Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor=\"secondary\"`. */\n    textColorSecondary: {\n      color: theme.palette.text.secondary,\n      '&$selected': {\n        color: theme.palette.secondary.main,\n      },\n      '&$disabled': {\n        color: theme.palette.text.disabled,\n      },\n    },\n    /* Pseudo-class applied to the root element if `selected={true}` (controlled by the Tabs component). */\n    selected: {},\n    /* Pseudo-class applied to the root element if `disabled={true}` (controlled by the Tabs component). */\n    disabled: {},\n    /* Styles applied to the root element if `fullWidth={true}` (controlled by the Tabs component). */\n    fullWidth: {\n      flexShrink: 1,\n      flexGrow: 1,\n      flexBasis: 0,\n      maxWidth: 'none',\n    },\n    /* Styles applied to the root element if `wrapped={true}`. */\n    wrapped: {\n      fontSize: theme.typography.pxToRem(12),\n      lineHeight: 1.5,\n    },\n    /* Styles applied to the `icon` and `label`'s wrapper element. */\n    wrapper: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: '100%',\n      flexDirection: 'row',\n    },\n  });\n\ntype EntityTabsGroupItem = {\n  id: string;\n  label: string;\n  path: string;\n  icon?: string | ReactElement;\n};\n\ntype EntityTabsGroupProps = TabProps & {\n  classes?: Partial<ReturnType<typeof styles>>;\n  indicator?: ReactNode;\n  highlightedButton?: string;\n  items: EntityTabsGroupItem[];\n  onSelectTab?: MouseEventHandler<HTMLAnchorElement>;\n  showIcons?: boolean;\n};\n\nfunction resolveIcon(\n  icon: string | ReactElement | undefined,\n  iconsApi: IconsApi,\n  showIcons: boolean,\n) {\n  if (!showIcons) {\n    return undefined;\n  }\n  if (typeof icon === 'string') {\n    const Icon = iconsApi.getIcon(icon);\n    if (Icon) {\n      return <Icon />;\n    }\n    return undefined;\n  }\n  return icon;\n}\n\nconst Tab = forwardRef(function EntityTabsGroupTab(\n  props: EntityTabsGroupProps,\n  ref: any,\n) {\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);\n  const iconsApi = useApi(iconsApiRef);\n\n  const open = Boolean(anchorEl);\n  const submenuId = open ? 'tabbed-submenu' : undefined;\n\n  const {\n    classes,\n    className,\n    disabled = false,\n    disableFocusRipple = false,\n    items,\n    fullWidth,\n    indicator,\n    label,\n    onSelectTab,\n    selected,\n    textColor = 'inherit',\n    wrapped = false,\n    highlightedButton,\n    showIcons = false,\n  } = props;\n\n  const groupIcon = resolveIcon(props.icon, iconsApi, showIcons);\n  const testId = 'data-testid' in props && props['data-testid'];\n\n  const handleMenuClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleMenuClick = (event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const classArray = [\n    classes?.root,\n    classes?.[`textColor${capitalize(textColor)}` as TabClassKey],\n    classes && {\n      [classes.disabled!]: disabled,\n      [classes.selected!]: selected,\n      [classes.labelIcon!]: label && groupIcon,\n      [classes.fullWidth!]: fullWidth,\n      [classes.wrapped!]: wrapped,\n    },\n    className,\n  ];\n\n  if (items.length === 1) {\n    return (\n      <Button\n        focusRipple={!disableFocusRipple}\n        data-testid={testId}\n        className={classnames(\n          classArray,\n          classes && {\n            [classes.labelIcon!]: label && (items[0].icon ?? groupIcon),\n          },\n        )}\n        ref={ref}\n        role=\"tab\"\n        aria-selected={selected}\n        disabled={disabled}\n        component={Link}\n        onClick={onSelectTab}\n        to={items[0]?.path}\n        startIcon={resolveIcon(items[0].icon, iconsApi, showIcons)}\n      >\n        <Typography className={classes?.wrapper} variant=\"button\">\n          {items[0].label}\n        </Typography>\n        {indicator}\n      </Button>\n    );\n  }\n  const hasIcons = showIcons && items.some(i => i.icon);\n  return (\n    <>\n      <Button\n        data-testid={testId}\n        focusRipple={!disableFocusRipple}\n        className={classnames(classArray)}\n        ref={ref}\n        role=\"tab\"\n        aria-selected={selected}\n        disabled={disabled}\n        onClick={handleMenuClick}\n        startIcon={groupIcon}\n      >\n        <Typography className={classes?.wrapper} variant=\"button\">\n          {label}\n        </Typography>\n        <ExpandMoreIcon />\n      </Button>\n      <Popover\n        id={submenuId}\n        open={open}\n        anchorEl={anchorEl}\n        onClose={handleMenuClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'center',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'center',\n        }}\n      >\n        <List component=\"nav\">\n          {items.map(i => {\n            const itemIcon = resolveIcon(i.icon, iconsApi, showIcons);\n            return (\n              <ListItem\n                key={`popover_item_${i.id}`}\n                button\n                focusRipple={!disableFocusRipple}\n                classes={{\n                  selected: classnames(classes?.selectedButton),\n                  default: classnames(classes?.unselectedButton),\n                  disabled: classnames(classes?.disabled),\n                }}\n                ref={ref}\n                aria-selected={selected}\n                disabled={disabled}\n                selected={highlightedButton === i.id}\n                component={Link}\n                onClick={e => {\n                  handleMenuClose();\n                  onSelectTab?.(e);\n                }}\n                to={i.path}\n              >\n                {itemIcon && <ListItemIcon>{itemIcon}</ListItemIcon>}\n                <ListItemText\n                  inset={!itemIcon && hasIcons}\n                  primary={\n                    <>\n                      <Typography variant=\"button\">{i.label}</Typography>\n                      {indicator}\n                    </>\n                  }\n                />\n              </ListItem>\n            );\n          })}\n        </List>\n      </Popover>\n    </>\n  );\n});\n\n// @ts-ignore\nexport const EntityTabsGroup = withStyles(styles, { name: 'MuiTab' })(Tab);\n"],"names":[],"mappings":"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"}

package/dist/plugins/catalog/package.json.esm.js

@@ -1,5 +1,5 @@
 var name = "@backstage/plugin-catalog";
-var version = "2.0.10-next.0";
+var version = "2.0.10-next.1";
 var description = "The Backstage plugin for browsing the Backstage catalog";
 var backstage = {
 	role: "frontend-plugin",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-catalog",
-  "version": "2.0.10-next.0",
+  "version": "2.0.10-next.1",
   "description": "The Backstage plugin for browsing the Backstage catalog",
   "backstage": {
     "role": "frontend-plugin",
@@ -73,7 +73,7 @@
     "@backstage/catalog-client": "1.16.3-next.0",
     "@backstage/catalog-model": "1.10.2-next.0",
     "@backstage/core-compat-api": "0.5.16-next.0",
-    "@backstage/core-components": "0.18.15-next.0",
+    "@backstage/core-components": "0.18.15-next.1",
     "@backstage/core-plugin-api": "1.12.11-next.0",
     "@backstage/errors": "1.3.2-next.0",
     "@backstage/frontend-plugin-api": "0.18.2-next.0",
@@ -85,7 +85,7 @@
     "@backstage/plugin-search-common": "1.2.26-next.0",
     "@backstage/plugin-search-react": "1.11.9-next.0",
     "@backstage/plugin-techdocs-common": "0.1.1",
-    "@backstage/plugin-techdocs-react": "1.3.16-next.0",
+    "@backstage/plugin-techdocs-react": "1.3.16-next.1",
     "@backstage/types": "1.2.2",
     "@backstage/ui": "0.18.0",
     "@backstage/version-bridge": "1.0.12",