@backstage/plugin-org 0.7.9 → 0.8.0-next.1

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @backstage/plugin-org
 
+## 0.8.0-next.1
+
+### Minor Changes
+
+- 1557a8c: Added a swappable `UserAvatar` component and wired org plugin surfaces to use it for user profile pictures.
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/plugin-catalog-react@3.2.4-next.1
+  - @backstage/core-components@0.18.15-next.2
+
+## 0.7.10-next.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-components@0.18.15-next.0
+  - @backstage/core-plugin-api@1.12.11-next.0
+  - @backstage/frontend-plugin-api@0.18.2-next.0
+  - @backstage/catalog-model@1.10.2-next.0
+  - @backstage/plugin-catalog-react@3.2.4-next.0
+  - @backstage/plugin-catalog-common@1.2.1-next.0
+
 ## 0.7.9
 
 ### Patch Changes

package/README.md

@@ -83,3 +83,32 @@ Once added MyGroupsSidebarItem will work in three ways:
 3. The user is logged in and a member of more than one group: the MyGroupsSidebarItem will display a single items with a sub-menu with all the related groups like this:
 
    ![MyGroupsSidebarItem multiple example](./docs/mygroupssidebaritem-multiple.png)
+
+### UserAvatar and custom member avatars
+
+Org plugin surfaces such as `MembersListCard` and `UserProfileCard` render user avatars through the shared `UserAvatar` swappable component. By default, avatars use `entity.spec.profile.picture` from the catalog; when that field is empty, initials are shown.
+
+To customize avatar rendering (for example, when profile pictures are not stored on catalog entities), override `UserAvatar` once in your app module:
+
+```tsx
+import { createFrontendModule } from '@backstage/frontend-plugin-api';
+import { SwappableComponentBlueprint } from '@backstage/plugin-app-react';
+import { UserAvatar } from '@backstage/plugin-org';
+
+export const appModuleOrg = createFrontendModule({
+  pluginId: 'app',
+  extensions: [
+    SwappableComponentBlueprint.make({
+      name: 'org-user-avatar',
+      params: defineParams =>
+        defineParams({
+          component: UserAvatar,
+          loader: () =>
+            import('./YourCustomComponent').then(m => m.YourCustomComponent),
+        }),
+    }),
+  ],
+});
+```
+
+When no override is registered, behavior is unchanged.

package/dist/alpha.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { createFrontendPlugin } from '@backstage/frontend-plugin-api';\nimport { z } from 'zod/v4';\nimport { RiTeamLine } from '@remixicon/react';\nimport { catalogIndexRouteRef } from './routes';\nimport { EntityCardBlueprint } from '@backstage/plugin-catalog-react/alpha';\n\n/** @alpha */\nconst EntityGroupProfileCard = EntityCardBlueprint.make({\n  name: 'group-profile',\n  params: {\n    type: 'info',\n    filter: { kind: 'group' },\n    loader: async () =>\n      import('./components/Cards/Group/GroupProfile/GroupProfileCard').then(\n        m => <m.GroupProfileCard />,\n      ),\n  },\n});\n\n/** @alpha */\nconst EntityMembersListCard = EntityCardBlueprint.makeWithOverrides({\n  name: 'members-list',\n  configSchema: {\n    initialRelationAggregation: z.enum(['direct', 'aggregated']).optional(),\n    showAggregateMembersToggle: z.boolean().optional(),\n  },\n  factory(originalFactory, { config }) {\n    return originalFactory({\n      filter: { kind: 'group' },\n      loader: async () =>\n        import('./components/Cards/Group/MembersList/MembersListCard').then(\n          m => (\n            <m.MembersListCard\n              relationAggregation={config.initialRelationAggregation}\n              showAggregateMembersToggle={config.showAggregateMembersToggle}\n            />\n          ),\n        ),\n    });\n  },\n});\n\n/** @alpha */\nconst EntityOwnershipCard = EntityCardBlueprint.makeWithOverrides({\n  name: 'ownership',\n  configSchema: {\n    initialRelationAggregation: z.enum(['direct', 'aggregated']).optional(),\n    showAggregateMembersToggle: z.boolean().optional(),\n    ownedKinds: z.array(z.string()).optional(),\n  },\n  factory(originalFactory, { config }) {\n    return originalFactory({\n      filter: { kind: { $in: ['group', 'user'] } },\n      loader: async () =>\n        import('./components/Cards/OwnershipCard/OwnershipCard').then(m => (\n          <m.OwnershipCard\n            relationAggregation={config.initialRelationAggregation}\n            hideRelationsToggle={\n              config.showAggregateMembersToggle === undefined\n                ? undefined\n                : !config.showAggregateMembersToggle\n            }\n            entityFilterKind={\n              config.ownedKinds ?? ['Component', 'API', 'System', 'Resource']\n            }\n          />\n        )),\n    });\n  },\n});\n\n/** @alpha */\nconst EntityUserProfileCard = EntityCardBlueprint.makeWithOverrides({\n  name: 'user-profile',\n  configSchema: {\n    maxRelations: z.number().optional(),\n    hideIcons: z.boolean().default(false),\n  },\n  factory(originalFactory, { config }) {\n    return originalFactory({\n      type: 'info',\n      filter: { kind: 'user' },\n      loader: async () =>\n        import('./components/Cards/User/UserProfileCard/UserProfileCard').then(\n          m => (\n            <m.UserProfileCard\n              maxRelations={config.maxRelations}\n              hideIcons={config.hideIcons}\n            />\n          ),\n        ),\n    });\n  },\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n  pluginId: 'org',\n  title: 'Org',\n  icon: <RiTeamLine />,\n  info: { packageJson: () => import('../package.json') },\n  extensions: [\n    EntityGroupProfileCard,\n    EntityMembersListCard,\n    EntityOwnershipCard,\n    EntityUserProfileCard,\n  ],\n  externalRoutes: {\n    catalogIndex: catalogIndexRouteRef,\n  },\n});\n\nimport { orgTranslationRef as _orgTranslationRef } from './translation';\n\n/**\n * @alpha\n * @deprecated Import from `@backstage/plugin-org` instead.\n */\nexport const orgTranslationRef = _orgTranslationRef;\n"],"names":["_orgTranslationRef"],"mappings":"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"}
+{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { createFrontendPlugin } from '@backstage/frontend-plugin-api';\nimport { z } from 'zod/v4';\nimport { RiTeamLine } from '@remixicon/react';\nimport { catalogIndexRouteRef } from './routes';\nimport { EntityCardBlueprint } from '@backstage/plugin-catalog-react/alpha';\n\n/** @alpha */\nconst EntityGroupProfileCard = EntityCardBlueprint.make({\n  name: 'group-profile',\n  params: {\n    type: 'info',\n    filter: { kind: 'group' },\n    loader: async () =>\n      import('./components/Cards/Group/GroupProfile/GroupProfileCard').then(\n        m => <m.GroupProfileCard />,\n      ),\n  },\n});\n\n/** @alpha */\nconst EntityMembersListCard = EntityCardBlueprint.makeWithOverrides({\n  name: 'members-list',\n  configSchema: {\n    initialRelationAggregation: z.enum(['direct', 'aggregated']).optional(),\n    showAggregateMembersToggle: z.boolean().optional(),\n  },\n  factory(originalFactory, { config }) {\n    return originalFactory({\n      filter: { kind: 'group' },\n      loader: async () =>\n        import('./components/Cards/Group/MembersList/MembersListCard').then(\n          m => (\n            <m.MembersListCard\n              relationAggregation={config.initialRelationAggregation}\n              showAggregateMembersToggle={config.showAggregateMembersToggle}\n            />\n          ),\n        ),\n    });\n  },\n});\n\n/** @alpha */\nconst EntityOwnershipCard = EntityCardBlueprint.makeWithOverrides({\n  name: 'ownership',\n  configSchema: {\n    initialRelationAggregation: z.enum(['direct', 'aggregated']).optional(),\n    showAggregateMembersToggle: z.boolean().optional(),\n    ownedKinds: z.array(z.string()).optional(),\n  },\n  factory(originalFactory, { config }) {\n    return originalFactory({\n      filter: { kind: { $in: ['group', 'user'] } },\n      loader: async () =>\n        import('./components/Cards/OwnershipCard/OwnershipCard').then(m => (\n          <m.OwnershipCard\n            relationAggregation={config.initialRelationAggregation}\n            hideRelationsToggle={\n              config.showAggregateMembersToggle === undefined\n                ? undefined\n                : !config.showAggregateMembersToggle\n            }\n            entityFilterKind={\n              config.ownedKinds ?? ['Component', 'API', 'System', 'Resource']\n            }\n          />\n        )),\n    });\n  },\n});\n\n/** @alpha */\nconst EntityUserProfileCard = EntityCardBlueprint.makeWithOverrides({\n  name: 'user-profile',\n  configSchema: {\n    maxRelations: z.number().optional(),\n    hideIcons: z.boolean().default(false),\n  },\n  factory(originalFactory, { config }) {\n    return originalFactory({\n      type: 'info',\n      filter: { kind: 'user' },\n      loader: async () =>\n        import('./components/Cards/User/UserProfileCard/UserProfileCard').then(\n          m => (\n            <m.UserProfileCard\n              maxRelations={config.maxRelations}\n              hideIcons={config.hideIcons}\n            />\n          ),\n        ),\n    });\n  },\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n  pluginId: 'org',\n  title: 'Org',\n  icon: <RiTeamLine />,\n  info: { packageJson: () => import('../package.json') },\n  extensions: [\n    EntityGroupProfileCard,\n    EntityMembersListCard,\n    EntityOwnershipCard,\n    EntityUserProfileCard,\n  ],\n  externalRoutes: {\n    catalogIndex: catalogIndexRouteRef,\n  },\n});\n\nimport { orgTranslationRef as _orgTranslationRef } from './translation';\n\n/**\n * @alpha\n * @deprecated Import from `@backstage/plugin-org` instead.\n */\nexport const orgTranslationRef = _orgTranslationRef;\n"],"names":["_orgTranslationRef"],"mappings":"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"}

package/dist/components/Cards/Group/GroupProfile/GroupProfileCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupProfileCard.esm.js","sources":["../../../../../src/components/Cards/Group/GroupProfile/GroupProfileCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {\n  ANNOTATION_EDIT_URL,\n  ANNOTATION_LOCATION,\n  GroupEntity,\n  RELATION_CHILD_OF,\n  RELATION_PARENT_OF,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport { Link } from '@backstage/core-components';\nimport IconButton from '@material-ui/core/IconButton';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport {\n  EntityInfoCard,\n  EntityRefLinks,\n  catalogApiRef,\n  getEntityRelations,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { useCallback } from 'react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\n\nimport AccountTreeIcon from '@material-ui/icons/AccountTree';\nimport Alert from '@material-ui/lab/Alert';\nimport CachedIcon from '@material-ui/icons/Cached';\nimport EditIcon from '@material-ui/icons/Edit';\nimport EmailIcon from '@material-ui/icons/Email';\nimport GroupIcon from '@material-ui/icons/Group';\nimport PermIdentityIcon from '@material-ui/icons/PermIdentity';\nimport { LinksGroup } from '../../Meta';\nimport { useEntityPermission } from '@backstage/plugin-catalog-react/alpha';\nimport { catalogEntityRefreshPermission } from '@backstage/plugin-catalog-common/alpha';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { orgTranslationRef } from '../../../../translation';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Avatar, Flex, Box, Text } from '@backstage/ui';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: theme.spacing(1),\n    padding: theme.spacing(1),\n  },\n  list: {\n    padding: 0,\n    marginLeft: theme.spacing(0.5),\n    overflowWrap: 'anywhere',\n  },\n}));\n\nconst CardTitle = (props: { title: string; pictureSrc?: string }) => (\n  <Flex align=\"center\" gap=\"2\">\n    <Avatar\n      size=\"small\"\n      purpose=\"decoration\"\n      name={props.title}\n      src={props.pictureSrc || ''}\n    />\n    {props.title}\n  </Flex>\n);\n\n/** @public */\nexport const GroupProfileCard = (props: { showLinks?: boolean }) => {\n  const { showLinks } = props;\n  const catalogApi = useApi(catalogApiRef);\n  const alertApi = useApi(alertApiRef);\n  const { entity: group } = useEntity<GroupEntity>();\n  const { allowed: canRefresh } = useEntityPermission(\n    catalogEntityRefreshPermission,\n  );\n  const { t } = useTranslationRef(orgTranslationRef);\n  const classes = useStyles();\n\n  const refreshEntity = useCallback(async () => {\n    await catalogApi.refreshEntity(stringifyEntityRef(group));\n    alertApi.post({\n      message: 'Refresh scheduled',\n      severity: 'info',\n      display: 'transient',\n    });\n  }, [catalogApi, alertApi, group]);\n\n  if (!group) {\n    return (\n      <Alert severity=\"error\">{t('groupProfileCard.groupNotFound')}</Alert>\n    );\n  }\n\n  const {\n    metadata: { name, description, title, annotations, links },\n    spec: { profile },\n  } = group;\n\n  const childRelations = getEntityRelations(group, RELATION_PARENT_OF, {\n    kind: 'Group',\n  });\n  const parentRelations = getEntityRelations(group, RELATION_CHILD_OF, {\n    kind: 'group',\n  });\n\n  const entityLocation = annotations?.[ANNOTATION_LOCATION];\n  const allowRefresh =\n    entityLocation?.startsWith('url:') || entityLocation?.startsWith('file:');\n\n  const entityMetadataEditUrl =\n    group.metadata.annotations?.[ANNOTATION_EDIT_URL];\n\n  const displayName = profile?.displayName ?? title ?? name;\n  const emailHref = profile?.email ? `mailto:${profile.email}` : '#';\n  const infoCardAction = entityMetadataEditUrl ? (\n    <IconButton\n      aria-label={t('groupProfileCard.editIconButtonTitle')}\n      title={t('groupProfileCard.editIconButtonTitle')}\n      component={Link}\n      to={entityMetadataEditUrl}\n    >\n      <EditIcon />\n    </IconButton>\n  ) : (\n    <IconButton\n      aria-label={t('groupProfileCard.editIconButtonTitle')}\n      disabled\n      title={t('groupProfileCard.editIconButtonTitle')}\n    >\n      <EditIcon />\n    </IconButton>\n  );\n\n  return (\n    <EntityInfoCard\n      title={<CardTitle title={displayName} pictureSrc={profile?.picture} />}\n      headerActions={\n        <>\n          {allowRefresh && canRefresh && (\n            <IconButton\n              aria-label={t('groupProfileCard.refreshIconButtonAriaLabel')}\n              title={t('groupProfileCard.refreshIconButtonTitle')}\n              onClick={refreshEntity}\n            >\n              <CachedIcon />\n            </IconButton>\n          )}\n          {infoCardAction}\n        </>\n      }\n    >\n      {description && <Text color=\"secondary\">{description}</Text>}\n      <Box p=\"2\">\n        <List className={classes.list}>\n          <ListItem>\n            <ListItemIcon>\n              <Tooltip title={t('groupProfileCard.listItemTitle.entityRef')}>\n                <PermIdentityIcon />\n              </Tooltip>\n            </ListItemIcon>\n            <ListItemText\n              primary={stringifyEntityRef(group)}\n              secondary={t('groupProfileCard.listItemTitle.entityRef')}\n            />\n          </ListItem>\n          {profile?.email && (\n            <ListItem>\n              <ListItemIcon>\n                <Tooltip title={t('groupProfileCard.listItemTitle.email')}>\n                  <EmailIcon />\n                </Tooltip>\n              </ListItemIcon>\n              <ListItemText\n                primary={<Link to={emailHref}>{profile.email}</Link>}\n                secondary={t('groupProfileCard.listItemTitle.email')}\n              />\n            </ListItem>\n          )}\n          <ListItem>\n            <ListItemIcon>\n              <Tooltip title={t('groupProfileCard.listItemTitle.parentGroup')}>\n                <AccountTreeIcon />\n              </Tooltip>\n            </ListItemIcon>\n            <ListItemText\n              primary={\n                parentRelations.length ? (\n                  <EntityRefLinks\n                    entityRefs={parentRelations}\n                    defaultKind=\"Group\"\n                  />\n                ) : (\n                  'N/A'\n                )\n              }\n              secondary={t('groupProfileCard.listItemTitle.parentGroup')}\n            />\n          </ListItem>\n          <ListItem>\n            <ListItemIcon>\n              <Tooltip title={t('groupProfileCard.listItemTitle.childGroups')}>\n                <GroupIcon />\n              </Tooltip>\n            </ListItemIcon>\n            <ListItemText\n              primary={\n                childRelations.length ? (\n                  <EntityRefLinks\n                    entityRefs={childRelations}\n                    defaultKind=\"Group\"\n                  />\n                ) : (\n                  'N/A'\n                )\n              }\n              secondary={t('groupProfileCard.listItemTitle.childGroups')}\n            />\n          </ListItem>\n          {showLinks && <LinksGroup links={links} />}\n        </List>\n      </Box>\n    </EntityInfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"GroupProfileCard.esm.js","sources":["../../../../../src/components/Cards/Group/GroupProfile/GroupProfileCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {\n  ANNOTATION_EDIT_URL,\n  ANNOTATION_LOCATION,\n  GroupEntity,\n  RELATION_CHILD_OF,\n  RELATION_PARENT_OF,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport { Link } from '@backstage/core-components';\nimport IconButton from '@material-ui/core/IconButton';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport {\n  EntityInfoCard,\n  EntityRefLinks,\n  catalogApiRef,\n  getEntityRelations,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { useCallback } from 'react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\n\nimport AccountTreeIcon from '@material-ui/icons/AccountTree';\nimport Alert from '@material-ui/lab/Alert';\nimport CachedIcon from '@material-ui/icons/Cached';\nimport EditIcon from '@material-ui/icons/Edit';\nimport EmailIcon from '@material-ui/icons/Email';\nimport GroupIcon from '@material-ui/icons/Group';\nimport PermIdentityIcon from '@material-ui/icons/PermIdentity';\nimport { LinksGroup } from '../../Meta';\nimport { useEntityPermission } from '@backstage/plugin-catalog-react/alpha';\nimport { catalogEntityRefreshPermission } from '@backstage/plugin-catalog-common/alpha';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { orgTranslationRef } from '../../../../translation';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Avatar, Flex, Box, Text } from '@backstage/ui';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: theme.spacing(1),\n    padding: theme.spacing(1),\n  },\n  list: {\n    padding: 0,\n    marginLeft: theme.spacing(0.5),\n    overflowWrap: 'anywhere',\n  },\n}));\n\nconst CardTitle = (props: { title: string; pictureSrc?: string }) => (\n  <Flex align=\"center\" gap=\"2\">\n    <Avatar\n      size=\"small\"\n      purpose=\"decoration\"\n      name={props.title}\n      src={props.pictureSrc || ''}\n    />\n    {props.title}\n  </Flex>\n);\n\n/** @public */\nexport const GroupProfileCard = (props: { showLinks?: boolean }) => {\n  const { showLinks } = props;\n  const catalogApi = useApi(catalogApiRef);\n  const alertApi = useApi(alertApiRef);\n  const { entity: group } = useEntity<GroupEntity>();\n  const { allowed: canRefresh } = useEntityPermission(\n    catalogEntityRefreshPermission,\n  );\n  const { t } = useTranslationRef(orgTranslationRef);\n  const classes = useStyles();\n\n  const refreshEntity = useCallback(async () => {\n    await catalogApi.refreshEntity(stringifyEntityRef(group));\n    alertApi.post({\n      message: 'Refresh scheduled',\n      severity: 'info',\n      display: 'transient',\n    });\n  }, [catalogApi, alertApi, group]);\n\n  if (!group) {\n    return (\n      <Alert severity=\"error\">{t('groupProfileCard.groupNotFound')}</Alert>\n    );\n  }\n\n  const {\n    metadata: { name, description, title, annotations, links },\n    spec: { profile },\n  } = group;\n\n  const childRelations = getEntityRelations(group, RELATION_PARENT_OF, {\n    kind: 'Group',\n  });\n  const parentRelations = getEntityRelations(group, RELATION_CHILD_OF, {\n    kind: 'group',\n  });\n\n  const entityLocation = annotations?.[ANNOTATION_LOCATION];\n  const allowRefresh =\n    entityLocation?.startsWith('url:') || entityLocation?.startsWith('file:');\n\n  const entityMetadataEditUrl =\n    group.metadata.annotations?.[ANNOTATION_EDIT_URL];\n\n  const displayName = profile?.displayName ?? title ?? name;\n  const emailHref = profile?.email ? `mailto:${profile.email}` : '#';\n  const infoCardAction = entityMetadataEditUrl ? (\n    <IconButton\n      aria-label={t('groupProfileCard.editIconButtonTitle')}\n      title={t('groupProfileCard.editIconButtonTitle')}\n      component={Link}\n      to={entityMetadataEditUrl}\n    >\n      <EditIcon />\n    </IconButton>\n  ) : (\n    <IconButton\n      aria-label={t('groupProfileCard.editIconButtonTitle')}\n      disabled\n      title={t('groupProfileCard.editIconButtonTitle')}\n    >\n      <EditIcon />\n    </IconButton>\n  );\n\n  return (\n    <EntityInfoCard\n      title={<CardTitle title={displayName} pictureSrc={profile?.picture} />}\n      headerActions={\n        <>\n          {allowRefresh && canRefresh && (\n            <IconButton\n              aria-label={t('groupProfileCard.refreshIconButtonAriaLabel')}\n              title={t('groupProfileCard.refreshIconButtonTitle')}\n              onClick={refreshEntity}\n            >\n              <CachedIcon />\n            </IconButton>\n          )}\n          {infoCardAction}\n        </>\n      }\n    >\n      {description && <Text color=\"secondary\">{description}</Text>}\n      <Box p=\"2\">\n        <List className={classes.list}>\n          <ListItem>\n            <ListItemIcon>\n              <Tooltip title={t('groupProfileCard.listItemTitle.entityRef')}>\n                <PermIdentityIcon />\n              </Tooltip>\n            </ListItemIcon>\n            <ListItemText\n              primary={stringifyEntityRef(group)}\n              secondary={t('groupProfileCard.listItemTitle.entityRef')}\n            />\n          </ListItem>\n          {profile?.email && (\n            <ListItem>\n              <ListItemIcon>\n                <Tooltip title={t('groupProfileCard.listItemTitle.email')}>\n                  <EmailIcon />\n                </Tooltip>\n              </ListItemIcon>\n              <ListItemText\n                primary={<Link to={emailHref}>{profile.email}</Link>}\n                secondary={t('groupProfileCard.listItemTitle.email')}\n              />\n            </ListItem>\n          )}\n          <ListItem>\n            <ListItemIcon>\n              <Tooltip title={t('groupProfileCard.listItemTitle.parentGroup')}>\n                <AccountTreeIcon />\n              </Tooltip>\n            </ListItemIcon>\n            <ListItemText\n              primary={\n                parentRelations.length ? (\n                  <EntityRefLinks\n                    entityRefs={parentRelations}\n                    defaultKind=\"Group\"\n                  />\n                ) : (\n                  'N/A'\n                )\n              }\n              secondary={t('groupProfileCard.listItemTitle.parentGroup')}\n            />\n          </ListItem>\n          <ListItem>\n            <ListItemIcon>\n              <Tooltip title={t('groupProfileCard.listItemTitle.childGroups')}>\n                <GroupIcon />\n              </Tooltip>\n            </ListItemIcon>\n            <ListItemText\n              primary={\n                childRelations.length ? (\n                  <EntityRefLinks\n                    entityRefs={childRelations}\n                    defaultKind=\"Group\"\n                  />\n                ) : (\n                  'N/A'\n                )\n              }\n              secondary={t('groupProfileCard.listItemTitle.childGroups')}\n            />\n          </ListItem>\n          {showLinks && <LinksGroup links={links} />}\n        </List>\n      </Box>\n    </EntityInfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Cards/Group/MembersList/MembersListCard.esm.js

@@ -9,7 +9,8 @@ import { useApi } from '@backstage/core-plugin-api';
 import { getAllDesendantMembersForGroupEntity, removeDuplicateEntitiesFrom } from '../../../../helpers/helpers.esm.js';
 import { useTranslationRef } from '@backstage/frontend-plugin-api';
 import { orgTranslationRef } from '../../../../translation.esm.js';
-import { Box, Text, SearchField, Switch, Card, Avatar, Flex, Link, TablePagination } from '@backstage/ui';
+import { Box, Text, SearchField, Switch, Card, Flex, Link, TablePagination } from '@backstage/ui';
+import { UserAvatar } from '../../../UserAvatar/UserAvatar.esm.js';
 
 const useMemberStyles = makeStyles({
   card: {
@@ -56,12 +57,11 @@ const MemberComponent = (props) => {
       label: t("membersListCard.cardLabel", { memberName: displayName }),
       children: [
         /* @__PURE__ */ jsx(
-          Avatar,
+          UserAvatar,
           {
             className: classes.avatar,
-            name: displayName,
-            src: profile?.picture ?? "",
-            purpose: "decoration",
+            displayName,
+            entity: props.member,
             size: "x-large"
           }
         ),

package/dist/components/Cards/Group/MembersList/MembersListCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"MembersListCard.esm.js","sources":["../../../../../src/components/Cards/Group/MembersList/MembersListCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {\n  DEFAULT_NAMESPACE,\n  GroupEntity,\n  UserEntity,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport {\n  catalogApiRef,\n  useEntity,\n  EntityInfoCard,\n  useEntityRefLink,\n} from '@backstage/plugin-catalog-react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useState, useEffect } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\n\nimport { Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n  getAllDesendantMembersForGroupEntity,\n  removeDuplicateEntitiesFrom,\n} from '../../../../helpers/helpers';\nimport { EntityRelationAggregation } from '../../types';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { orgTranslationRef } from '../../../../translation';\nimport {\n  Avatar,\n  Box,\n  Card,\n  Flex,\n  Link,\n  SearchField,\n  Switch,\n  TablePagination,\n  Text,\n} from '@backstage/ui';\n\nconst useMemberStyles = makeStyles({\n  card: {\n    display: 'flex',\n    gap: 'var(--bui-space-3)',\n    padding: 'var(--bui-space-3)',\n    alignItems: 'flex-start',\n    flexDirection: 'row',\n    height: 140,\n    overflow: 'hidden',\n  },\n  avatar: {\n    flexShrink: 0,\n  },\n  cardTextContainer: {\n    overflow: 'hidden',\n  },\n  singlelineEllipsis: {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  multilineEllipsis: {\n    display: '-webkit-box',\n    '-webkit-line-clamp': '3',\n    '-webkit-box-orient': 'vertical',\n    overflow: 'hidden',\n  },\n});\n\nconst MemberComponent = (props: { member: UserEntity }) => {\n  const { t } = useTranslationRef(orgTranslationRef);\n  const classes = useMemberStyles();\n  const {\n    metadata: { name: metaName, description },\n    spec: { profile },\n  } = props.member;\n  const displayName = profile?.displayName ?? metaName;\n  const entityLink = useEntityRefLink();\n\n  return (\n    <Card\n      className={classes.card}\n      href={entityLink(props.member)}\n      label={t('membersListCard.cardLabel', { memberName: displayName })}\n    >\n      <Avatar\n        className={classes.avatar}\n        name={displayName}\n        src={profile?.picture ?? ''}\n        purpose=\"decoration\"\n        size=\"x-large\"\n      />\n      <Flex className={classes.cardTextContainer} direction=\"column\" gap=\"1\">\n        <Text variant=\"body-large\" as=\"h4\">\n          {displayName}\n        </Text>\n        {profile?.email && (\n          <Link\n            className={classes.singlelineEllipsis}\n            href={`mailto:${profile.email}`}\n          >\n            {profile.email}\n          </Link>\n        )}\n        {description && (\n          <Text className={classes.multilineEllipsis}>{description}</Text>\n        )}\n      </Flex>\n    </Card>\n  );\n};\n\n/** @public */\nexport type MembersListCardClassKey = 'memberList';\n\nconst useListStyles = makeStyles(\n  () => ({\n    memberList: {\n      display: 'grid',\n      gap: 'var(--bui-space-3)',\n      gridTemplateColumns: `repeat(auto-fit, minmax(275px, 1fr))`,\n      gridAutoRows: '1fr',\n      margin: 0,\n      padding: 0,\n      paddingTop: 'var(--bui-space-3)',\n      listStyle: 'none',\n    },\n    memberListItem: {\n      display: 'contents',\n    },\n  }),\n  { name: 'PluginOrgMembersListCardComponent' },\n);\n\n/** @public */\nexport const MembersListCard = (props: {\n  memberDisplayTitle?: string;\n  pageSize?: number;\n  showAggregateMembersToggle?: boolean;\n  relationType?: string;\n  /** @deprecated Please use `relationAggregation` instead */\n  relationsType?: EntityRelationAggregation;\n  relationAggregation?: EntityRelationAggregation;\n}) => {\n  const { t } = useTranslationRef(orgTranslationRef);\n  const {\n    memberDisplayTitle,\n    pageSize = 50,\n    showAggregateMembersToggle,\n    relationType = 'memberof',\n  } = props;\n  const relationAggregation =\n    props.relationAggregation ?? props.relationsType ?? 'direct';\n  const classes = useListStyles();\n\n  const { entity: groupEntity } = useEntity<GroupEntity>();\n  const {\n    metadata: { name: groupName, namespace: grpNamespace, title: groupTitle },\n    spec: { profile },\n  } = groupEntity;\n  const catalogApi = useApi(catalogApiRef);\n\n  const displayName = profile?.displayName ?? groupTitle ?? groupName;\n  const cardTitle =\n    memberDisplayTitle ??\n    t('membersListCard.title', { groupName: displayName });\n\n  const groupNamespace = grpNamespace || DEFAULT_NAMESPACE;\n\n  const [offset, setOffset] = useState(0);\n\n  const [showAggregateMembers, setShowAggregateMembers] = useState(\n    relationAggregation === 'aggregated',\n  );\n\n  const [searchTerm, setSearchTerm] = useState('');\n\n  useEffect(() => {\n    setOffset(0);\n  }, [searchTerm, showAggregateMembers]);\n\n  const { loading: loadingDescendantMembers, value: descendantMembers } =\n    useAsync(async () => {\n      if (!showAggregateMembers) {\n        return [] as UserEntity[];\n      }\n\n      return await getAllDesendantMembersForGroupEntity(\n        groupEntity,\n        catalogApi,\n        relationType,\n      );\n    }, [catalogApi, groupEntity, showAggregateMembers]);\n  const {\n    loading,\n    error,\n    value: directMembers,\n  } = useAsync(async () => {\n    const membersList = await catalogApi.getEntities({\n      filter: {\n        kind: 'User',\n        [`relations.${relationType.toLowerCase()}`]: [\n          stringifyEntityRef({\n            kind: 'group',\n            namespace: groupNamespace.toLowerCase(),\n            name: groupName.toLowerCase(),\n          }),\n        ],\n      },\n    });\n\n    return membersList.items as UserEntity[];\n  }, [catalogApi, groupEntity]);\n\n  const members = removeDuplicateEntitiesFrom(\n    [\n      ...(directMembers ?? []),\n      ...(descendantMembers && showAggregateMembers ? descendantMembers : []),\n    ].sort((a, b) =>\n      stringifyEntityRef(a).localeCompare(stringifyEntityRef(b)),\n    ),\n  ) as UserEntity[];\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  const filteredMembers = members.filter(member => {\n    const fields = [\n      member.metadata.name,\n      member.metadata.title,\n      member.spec?.profile?.displayName,\n      member.spec?.profile?.email,\n    ];\n    return fields.some(val =>\n      val?.toLowerCase().includes(searchTerm.toLowerCase()),\n    );\n  });\n\n  const membersToRender = searchTerm ? filteredMembers : members;\n  const totalCount = membersToRender.length;\n  const hasNextPage = offset + pageSize < totalCount;\n  const hasPreviousPage = offset > 0;\n\n  const pagination =\n    totalCount > pageSize ? (\n      <TablePagination\n        showPageSizeOptions={false}\n        pageSizeOptions={[pageSize]}\n        pageSize={pageSize}\n        offset={offset}\n        totalCount={totalCount}\n        hasNextPage={hasNextPage}\n        hasPreviousPage={hasPreviousPage}\n        onNextPage={() => setOffset(prev => prev + pageSize)}\n        onPreviousPage={() => setOffset(prev => Math.max(0, prev - pageSize))}\n      />\n    ) : undefined;\n\n  let memberList: JSX.Element;\n  if (membersToRender.length > 0) {\n    memberList = (\n      <ul className={classes.memberList}>\n        {membersToRender.slice(offset, offset + pageSize).map(member => (\n          <li\n            className={classes.memberListItem}\n            key={stringifyEntityRef(member)}\n          >\n            <MemberComponent member={member} />\n          </li>\n        ))}\n      </ul>\n    );\n  } else {\n    memberList = (\n      <Box p=\"2\">\n        <Text as=\"p\">\n          {searchTerm\n            ? t('membersListCard.noSearchResult', { searchTerm })\n            : t('membersListCard.noMembersDescription')}\n        </Text>\n      </Box>\n    );\n  }\n\n  return (\n    <EntityInfoCard\n      title={`${cardTitle} (${filteredMembers.length} of ${members.length})`}\n      headerActions={\n        showAggregateMembersToggle && (\n          <Switch\n            isSelected={showAggregateMembers}\n            onChange={setShowAggregateMembers}\n            label={t('membersListCard.aggregateMembersToggle.label')}\n          />\n        )\n      }\n      footerActions={pagination}\n    >\n      {showAggregateMembers && loadingDescendantMembers ? (\n        <Progress />\n      ) : (\n        <>\n          <SearchField\n            aria-label=\"Search members\"\n            placeholder=\"Search members...\"\n            value={searchTerm}\n            onChange={setSearchTerm}\n            onClear={() => setSearchTerm('')}\n          />\n          {memberList}\n        </>\n      )}\n    </EntityInfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAqDA,MAAM,kBAAkB,UAAA,CAAW;AAAA,EACjC,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,MAAA;AAAA,IACT,GAAA,EAAK,oBAAA;AAAA,IACL,OAAA,EAAS,oBAAA;AAAA,IACT,UAAA,EAAY,YAAA;AAAA,IACZ,aAAA,EAAe,KAAA;AAAA,IACf,MAAA,EAAQ,GAAA;AAAA,IACR,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,UAAA,EAAY;AAAA,GACd;AAAA,EACA,iBAAA,EAAmB;AAAA,IACjB,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,kBAAA,EAAoB;AAAA,IAClB,QAAA,EAAU,QAAA;AAAA,IACV,YAAA,EAAc,UAAA;AAAA,IACd,UAAA,EAAY;AAAA,GACd;AAAA,EACA,iBAAA,EAAmB;AAAA,IACjB,OAAA,EAAS,aAAA;AAAA,IACT,oBAAA,EAAsB,GAAA;AAAA,IACtB,oBAAA,EAAsB,UAAA;AAAA,IACtB,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;AAED,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAkC;AACzD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,iBAAiB,CAAA;AACjD,EAAA,MAAM,UAAU,eAAA,EAAgB;AAChC,EAAA,MAAM;AAAA,IACJ,QAAA,EAAU,EAAE,IAAA,EAAM,QAAA,EAAU,WAAA,EAAY;AAAA,IACxC,IAAA,EAAM,EAAE,OAAA;AAAQ,MACd,KAAA,CAAM,MAAA;AACV,EAAA,MAAM,WAAA,GAAc,SAAS,WAAA,IAAe,QAAA;AAC5C,EAAA,MAAM,aAAa,gBAAA,EAAiB;AAEpC,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAA,CAAQ,IAAA;AAAA,MACnB,IAAA,EAAM,UAAA,CAAW,KAAA,CAAM,MAAM,CAAA;AAAA,MAC7B,OAAO,CAAA,CAAE,2BAAA,EAA6B,EAAE,UAAA,EAAY,aAAa,CAAA;AAAA,MAEjE,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAW,OAAA,CAAQ,MAAA;AAAA,YACnB,IAAA,EAAM,WAAA;AAAA,YACN,GAAA,EAAK,SAAS,OAAA,IAAW,EAAA;AAAA,YACzB,OAAA,EAAQ,YAAA;AAAA,YACR,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,IAAA,CAAC,QAAK,SAAA,EAAW,OAAA,CAAQ,mBAAmB,SAAA,EAAU,QAAA,EAAS,KAAI,GAAA,EACjE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,YAAA,EAAa,EAAA,EAAG,MAC3B,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,UACC,SAAS,KAAA,oBACR,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,WAAW,OAAA,CAAQ,kBAAA;AAAA,cACnB,IAAA,EAAM,CAAA,OAAA,EAAU,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,cAE5B,QAAA,EAAA,OAAA,CAAQ;AAAA;AAAA,WACX;AAAA,UAED,+BACC,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,mBAAoB,QAAA,EAAA,WAAA,EAAY;AAAA,SAAA,EAE7D;AAAA;AAAA;AAAA,GACF;AAEJ,CAAA;AAKA,MAAM,aAAA,GAAgB,UAAA;AAAA,EACpB,OAAO;AAAA,IACL,UAAA,EAAY;AAAA,MACV,OAAA,EAAS,MAAA;AAAA,MACT,GAAA,EAAK,oBAAA;AAAA,MACL,mBAAA,EAAqB,CAAA,oCAAA,CAAA;AAAA,MACrB,YAAA,EAAc,KAAA;AAAA,MACd,MAAA,EAAQ,CAAA;AAAA,MACR,OAAA,EAAS,CAAA;AAAA,MACT,UAAA,EAAY,oBAAA;AAAA,MACZ,SAAA,EAAW;AAAA,KACb;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,OAAA,EAAS;AAAA;AACX,GACF,CAAA;AAAA,EACA,EAAE,MAAM,mCAAA;AACV,CAAA;AAGO,MAAM,eAAA,GAAkB,CAAC,KAAA,KAQ1B;AACJ,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,iBAAiB,CAAA;AACjD,EAAA,MAAM;AAAA,IACJ,kBAAA;AAAA,IACA,QAAA,GAAW,EAAA;AAAA,IACX,0BAAA;AAAA,IACA,YAAA,GAAe;AAAA,GACjB,GAAI,KAAA;AACJ,EAAA,MAAM,mBAAA,GACJ,KAAA,CAAM,mBAAA,IAAuB,KAAA,CAAM,aAAA,IAAiB,QAAA;AACtD,EAAA,MAAM,UAAU,aAAA,EAAc;AAE9B,EAAA,MAAM,EAAE,MAAA,EAAQ,WAAA,EAAY,GAAI,SAAA,EAAuB;AACvD,EAAA,MAAM;AAAA,IACJ,UAAU,EAAE,IAAA,EAAM,WAAW,SAAA,EAAW,YAAA,EAAc,OAAO,UAAA,EAAW;AAAA,IACxE,IAAA,EAAM,EAAE,OAAA;AAAQ,GAClB,GAAI,WAAA;AACJ,EAAA,MAAM,UAAA,GAAa,OAAO,aAAa,CAAA;AAEvC,EAAA,MAAM,WAAA,GAAc,OAAA,EAAS,WAAA,IAAe,UAAA,IAAc,SAAA;AAC1D,EAAA,MAAM,YACJ,kBAAA,IACA,CAAA,CAAE,yBAAyB,EAAE,SAAA,EAAW,aAAa,CAAA;AAEvD,EAAA,MAAM,iBAAiB,YAAA,IAAgB,iBAAA;AAEvC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,CAAC,CAAA;AAEtC,EAAA,MAAM,CAAC,oBAAA,EAAsB,uBAAuB,CAAA,GAAI,QAAA;AAAA,IACtD,mBAAA,KAAwB;AAAA,GAC1B;AAEA,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,EAAE,CAAA;AAE/C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAA,CAAU,CAAC,CAAA;AAAA,EACb,CAAA,EAAG,CAAC,UAAA,EAAY,oBAAoB,CAAC,CAAA;AAErC,EAAA,MAAM,EAAE,OAAA,EAAS,wBAAA,EAA0B,OAAO,iBAAA,EAAkB,GAClE,SAAS,YAAY;AACnB,IAAA,IAAI,CAAC,oBAAA,EAAsB;AACzB,MAAA,OAAO,EAAC;AAAA,IACV;AAEA,IAAA,OAAO,MAAM,oCAAA;AAAA,MACX,WAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACF;AAAA,EACF,CAAA,EAAG,CAAC,UAAA,EAAY,WAAA,EAAa,oBAAoB,CAAC,CAAA;AACpD,EAAA,MAAM;AAAA,IACJ,OAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA,EAAO;AAAA,GACT,GAAI,SAAS,YAAY;AACvB,IAAA,MAAM,WAAA,GAAc,MAAM,UAAA,CAAW,WAAA,CAAY;AAAA,MAC/C,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM,MAAA;AAAA,QACN,CAAC,CAAA,UAAA,EAAa,YAAA,CAAa,WAAA,EAAa,EAAE,GAAG;AAAA,UAC3C,kBAAA,CAAmB;AAAA,YACjB,IAAA,EAAM,OAAA;AAAA,YACN,SAAA,EAAW,eAAe,WAAA,EAAY;AAAA,YACtC,IAAA,EAAM,UAAU,WAAA;AAAY,WAC7B;AAAA;AACH;AACF,KACD,CAAA;AAED,IAAA,OAAO,WAAA,CAAY,KAAA;AAAA,EACrB,CAAA,EAAG,CAAC,UAAA,EAAY,WAAW,CAAC,CAAA;AAE5B,EAAA,MAAM,OAAA,GAAU,2BAAA;AAAA,IACd;AAAA,MACE,GAAI,iBAAiB,EAAC;AAAA,MACtB,GAAI,iBAAA,IAAqB,oBAAA,GAAuB,iBAAA,GAAoB;AAAC,KACvE,CAAE,IAAA;AAAA,MAAK,CAAC,GAAG,CAAA,KACT,kBAAA,CAAmB,CAAC,CAAA,CAAE,aAAA,CAAc,kBAAA,CAAmB,CAAC,CAAC;AAAA;AAC3D,GACF;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,2BAAQ,QAAA,EAAA,EAAS,CAAA;AAAA,EACnB,WAAW,KAAA,EAAO;AAChB,IAAA,uBAAO,GAAA,CAAC,sBAAmB,KAAA,EAAc,CAAA;AAAA,EAC3C;AAEA,EAAA,MAAM,eAAA,GAAkB,OAAA,CAAQ,MAAA,CAAO,CAAA,MAAA,KAAU;AAC/C,IAAA,MAAM,MAAA,GAAS;AAAA,MACb,OAAO,QAAA,CAAS,IAAA;AAAA,MAChB,OAAO,QAAA,CAAS,KAAA;AAAA,MAChB,MAAA,CAAO,MAAM,OAAA,EAAS,WAAA;AAAA,MACtB,MAAA,CAAO,MAAM,OAAA,EAAS;AAAA,KACxB;AACA,IAAA,OAAO,MAAA,CAAO,IAAA;AAAA,MAAK,SACjB,GAAA,EAAK,WAAA,GAAc,QAAA,CAAS,UAAA,CAAW,aAAa;AAAA,KACtD;AAAA,EACF,CAAC,CAAA;AAED,EAAA,MAAM,eAAA,GAAkB,aAAa,eAAA,GAAkB,OAAA;AACvD,EAAA,MAAM,aAAa,eAAA,CAAgB,MAAA;AACnC,EAAA,MAAM,WAAA,GAAc,SAAS,QAAA,GAAW,UAAA;AACxC,EAAA,MAAM,kBAAkB,MAAA,GAAS,CAAA;AAEjC,EAAA,MAAM,UAAA,GACJ,aAAa,QAAA,mBACX,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,mBAAA,EAAqB,KAAA;AAAA,MACrB,eAAA,EAAiB,CAAC,QAAQ,CAAA;AAAA,MAC1B,QAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA,EAAY,MAAM,SAAA,CAAU,CAAA,IAAA,KAAQ,OAAO,QAAQ,CAAA;AAAA,MACnD,cAAA,EAAgB,MAAM,SAAA,CAAU,CAAA,IAAA,KAAQ,KAAK,GAAA,CAAI,CAAA,EAAG,IAAA,GAAO,QAAQ,CAAC;AAAA;AAAA,GACtE,GACE,MAAA;AAEN,EAAA,IAAI,UAAA;AACJ,EAAA,IAAI,eAAA,CAAgB,SAAS,CAAA,EAAG;AAC9B,IAAA,UAAA,mBACE,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,OAAA,CAAQ,UAAA,EACpB,QAAA,EAAA,eAAA,CAAgB,KAAA,CAAM,MAAA,EAAQ,MAAA,GAAS,QAAQ,CAAA,CAAE,GAAA,CAAI,CAAA,MAAA,qBACpD,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAA,CAAQ,cAAA;AAAA,QAGnB,QAAA,kBAAA,GAAA,CAAC,mBAAgB,MAAA,EAAgB;AAAA,OAAA;AAAA,MAF5B,mBAAmB,MAAM;AAAA,KAIjC,CAAA,EACH,CAAA;AAAA,EAEJ,CAAA,MAAO;AACL,IAAA,UAAA,uBACG,GAAA,EAAA,EAAI,CAAA,EAAE,KACL,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAG,GAAA,EACN,QAAA,EAAA,UAAA,GACG,CAAA,CAAE,gCAAA,EAAkC,EAAE,UAAA,EAAY,IAClD,CAAA,CAAE,sCAAsC,GAC9C,CAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,GAAG,SAAS,CAAA,EAAA,EAAK,gBAAgB,MAAM,CAAA,IAAA,EAAO,QAAQ,MAAM,CAAA,CAAA,CAAA;AAAA,MACnE,eACE,0BAAA,oBACE,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,UAAA,EAAY,oBAAA;AAAA,UACZ,QAAA,EAAU,uBAAA;AAAA,UACV,KAAA,EAAO,EAAE,8CAA8C;AAAA;AAAA,OACzD;AAAA,MAGJ,aAAA,EAAe,UAAA;AAAA,MAEd,QAAA,EAAA,oBAAA,IAAwB,wBAAA,mBACvB,GAAA,CAAC,QAAA,EAAA,EAAS,oBAEV,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAW,gBAAA;AAAA,YACX,WAAA,EAAY,mBAAA;AAAA,YACZ,KAAA,EAAO,UAAA;AAAA,YACP,QAAA,EAAU,aAAA;AAAA,YACV,OAAA,EAAS,MAAM,aAAA,CAAc,EAAE;AAAA;AAAA,SACjC;AAAA,QACC;AAAA,OAAA,EACH;AAAA;AAAA,GAEJ;AAEJ;;;;"}
+{"version":3,"file":"MembersListCard.esm.js","sources":["../../../../../src/components/Cards/Group/MembersList/MembersListCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {\n  DEFAULT_NAMESPACE,\n  GroupEntity,\n  UserEntity,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport {\n  catalogApiRef,\n  useEntity,\n  EntityInfoCard,\n  useEntityRefLink,\n} from '@backstage/plugin-catalog-react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useState, useEffect } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\n\nimport { Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n  getAllDesendantMembersForGroupEntity,\n  removeDuplicateEntitiesFrom,\n} from '../../../../helpers/helpers';\nimport { EntityRelationAggregation } from '../../types';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { orgTranslationRef } from '../../../../translation';\nimport {\n  Box,\n  Card,\n  Flex,\n  Link,\n  SearchField,\n  Switch,\n  TablePagination,\n  Text,\n} from '@backstage/ui';\nimport { UserAvatar } from '../../../UserAvatar';\n\nconst useMemberStyles = makeStyles({\n  card: {\n    display: 'flex',\n    gap: 'var(--bui-space-3)',\n    padding: 'var(--bui-space-3)',\n    alignItems: 'flex-start',\n    flexDirection: 'row',\n    height: 140,\n    overflow: 'hidden',\n  },\n  avatar: {\n    flexShrink: 0,\n  },\n  cardTextContainer: {\n    overflow: 'hidden',\n  },\n  singlelineEllipsis: {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  multilineEllipsis: {\n    display: '-webkit-box',\n    '-webkit-line-clamp': '3',\n    '-webkit-box-orient': 'vertical',\n    overflow: 'hidden',\n  },\n});\n\nconst MemberComponent = (props: { member: UserEntity }) => {\n  const { t } = useTranslationRef(orgTranslationRef);\n  const classes = useMemberStyles();\n  const {\n    metadata: { name: metaName, description },\n    spec: { profile },\n  } = props.member;\n  const displayName = profile?.displayName ?? metaName;\n  const entityLink = useEntityRefLink();\n\n  return (\n    <Card\n      className={classes.card}\n      href={entityLink(props.member)}\n      label={t('membersListCard.cardLabel', { memberName: displayName })}\n    >\n      <UserAvatar\n        className={classes.avatar}\n        displayName={displayName}\n        entity={props.member}\n        size=\"x-large\"\n      />\n      <Flex className={classes.cardTextContainer} direction=\"column\" gap=\"1\">\n        <Text variant=\"body-large\" as=\"h4\">\n          {displayName}\n        </Text>\n        {profile?.email && (\n          <Link\n            className={classes.singlelineEllipsis}\n            href={`mailto:${profile.email}`}\n          >\n            {profile.email}\n          </Link>\n        )}\n        {description && (\n          <Text className={classes.multilineEllipsis}>{description}</Text>\n        )}\n      </Flex>\n    </Card>\n  );\n};\n\n/** @public */\nexport type MembersListCardClassKey = 'memberList';\n\nconst useListStyles = makeStyles(\n  () => ({\n    memberList: {\n      display: 'grid',\n      gap: 'var(--bui-space-3)',\n      gridTemplateColumns: `repeat(auto-fit, minmax(275px, 1fr))`,\n      gridAutoRows: '1fr',\n      margin: 0,\n      padding: 0,\n      paddingTop: 'var(--bui-space-3)',\n      listStyle: 'none',\n    },\n    memberListItem: {\n      display: 'contents',\n    },\n  }),\n  { name: 'PluginOrgMembersListCardComponent' },\n);\n\n/** @public */\nexport const MembersListCard = (props: {\n  memberDisplayTitle?: string;\n  pageSize?: number;\n  showAggregateMembersToggle?: boolean;\n  relationType?: string;\n  /** @deprecated Please use `relationAggregation` instead */\n  relationsType?: EntityRelationAggregation;\n  relationAggregation?: EntityRelationAggregation;\n}) => {\n  const { t } = useTranslationRef(orgTranslationRef);\n  const {\n    memberDisplayTitle,\n    pageSize = 50,\n    showAggregateMembersToggle,\n    relationType = 'memberof',\n  } = props;\n  const relationAggregation =\n    props.relationAggregation ?? props.relationsType ?? 'direct';\n  const classes = useListStyles();\n\n  const { entity: groupEntity } = useEntity<GroupEntity>();\n  const {\n    metadata: { name: groupName, namespace: grpNamespace, title: groupTitle },\n    spec: { profile },\n  } = groupEntity;\n  const catalogApi = useApi(catalogApiRef);\n\n  const displayName = profile?.displayName ?? groupTitle ?? groupName;\n  const cardTitle =\n    memberDisplayTitle ??\n    t('membersListCard.title', { groupName: displayName });\n\n  const groupNamespace = grpNamespace || DEFAULT_NAMESPACE;\n\n  const [offset, setOffset] = useState(0);\n\n  const [showAggregateMembers, setShowAggregateMembers] = useState(\n    relationAggregation === 'aggregated',\n  );\n\n  const [searchTerm, setSearchTerm] = useState('');\n\n  useEffect(() => {\n    setOffset(0);\n  }, [searchTerm, showAggregateMembers]);\n\n  const { loading: loadingDescendantMembers, value: descendantMembers } =\n    useAsync(async () => {\n      if (!showAggregateMembers) {\n        return [] as UserEntity[];\n      }\n\n      return await getAllDesendantMembersForGroupEntity(\n        groupEntity,\n        catalogApi,\n        relationType,\n      );\n    }, [catalogApi, groupEntity, showAggregateMembers]);\n  const {\n    loading,\n    error,\n    value: directMembers,\n  } = useAsync(async () => {\n    const membersList = await catalogApi.getEntities({\n      filter: {\n        kind: 'User',\n        [`relations.${relationType.toLowerCase()}`]: [\n          stringifyEntityRef({\n            kind: 'group',\n            namespace: groupNamespace.toLowerCase(),\n            name: groupName.toLowerCase(),\n          }),\n        ],\n      },\n    });\n\n    return membersList.items as UserEntity[];\n  }, [catalogApi, groupEntity]);\n\n  const members = removeDuplicateEntitiesFrom(\n    [\n      ...(directMembers ?? []),\n      ...(descendantMembers && showAggregateMembers ? descendantMembers : []),\n    ].sort((a, b) =>\n      stringifyEntityRef(a).localeCompare(stringifyEntityRef(b)),\n    ),\n  ) as UserEntity[];\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  const filteredMembers = members.filter(member => {\n    const fields = [\n      member.metadata.name,\n      member.metadata.title,\n      member.spec?.profile?.displayName,\n      member.spec?.profile?.email,\n    ];\n    return fields.some(val =>\n      val?.toLowerCase().includes(searchTerm.toLowerCase()),\n    );\n  });\n\n  const membersToRender = searchTerm ? filteredMembers : members;\n  const totalCount = membersToRender.length;\n  const hasNextPage = offset + pageSize < totalCount;\n  const hasPreviousPage = offset > 0;\n\n  const pagination =\n    totalCount > pageSize ? (\n      <TablePagination\n        showPageSizeOptions={false}\n        pageSizeOptions={[pageSize]}\n        pageSize={pageSize}\n        offset={offset}\n        totalCount={totalCount}\n        hasNextPage={hasNextPage}\n        hasPreviousPage={hasPreviousPage}\n        onNextPage={() => setOffset(prev => prev + pageSize)}\n        onPreviousPage={() => setOffset(prev => Math.max(0, prev - pageSize))}\n      />\n    ) : undefined;\n\n  let memberList: JSX.Element;\n  if (membersToRender.length > 0) {\n    memberList = (\n      <ul className={classes.memberList}>\n        {membersToRender.slice(offset, offset + pageSize).map(member => (\n          <li\n            className={classes.memberListItem}\n            key={stringifyEntityRef(member)}\n          >\n            <MemberComponent member={member} />\n          </li>\n        ))}\n      </ul>\n    );\n  } else {\n    memberList = (\n      <Box p=\"2\">\n        <Text as=\"p\">\n          {searchTerm\n            ? t('membersListCard.noSearchResult', { searchTerm })\n            : t('membersListCard.noMembersDescription')}\n        </Text>\n      </Box>\n    );\n  }\n\n  return (\n    <EntityInfoCard\n      title={`${cardTitle} (${filteredMembers.length} of ${members.length})`}\n      headerActions={\n        showAggregateMembersToggle && (\n          <Switch\n            isSelected={showAggregateMembers}\n            onChange={setShowAggregateMembers}\n            label={t('membersListCard.aggregateMembersToggle.label')}\n          />\n        )\n      }\n      footerActions={pagination}\n    >\n      {showAggregateMembers && loadingDescendantMembers ? (\n        <Progress />\n      ) : (\n        <>\n          <SearchField\n            aria-label=\"Search members\"\n            placeholder=\"Search members...\"\n            value={searchTerm}\n            onChange={setSearchTerm}\n            onClear={() => setSearchTerm('')}\n          />\n          {memberList}\n        </>\n      )}\n    </EntityInfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Cards/Meta/LinksGroup.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinksGroup.esm.js","sources":["../../../../src/components/Cards/Meta/LinksGroup.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 { EntityLink } from '@backstage/catalog-model';\nimport { IconComponent, useApp } from '@backstage/core-plugin-api';\nimport LanguageIcon from '@material-ui/icons/Language';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Divider from '@material-ui/core/Divider';\nimport { Link } from '@backstage/core-components';\n\nconst WebLink = ({\n  href,\n  Icon,\n  text,\n}: {\n  href: string;\n  text?: string;\n  Icon?: IconComponent;\n}) => (\n  <ListItem key={href}>\n    <ListItemIcon>{Icon ? <Icon /> : <LanguageIcon />}</ListItemIcon>\n    <ListItemText>\n      <Link to={href}>{text}</Link>\n    </ListItemText>\n  </ListItem>\n);\n\nexport const LinksGroup = ({ links }: { links?: EntityLink[] }) => {\n  const app = useApp();\n  const iconResolver = (key?: string): IconComponent =>\n    key ? app.getSystemIcon(key) ?? LanguageIcon : LanguageIcon;\n\n  if (links === undefined) {\n    return null;\n  }\n\n  return (\n    <>\n      <Divider />\n      {links.map(link => {\n        return (\n          <WebLink\n            key={link.url}\n            href={link.url}\n            text={link.title}\n            Icon={iconResolver(link.icon)}\n          />\n        );\n      })}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAwBA,MAAM,UAAU,CAAC;AAAA,EACf,IAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,0BAKG,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,gBAAc,QAAA,EAAA,IAAA,mBAAO,GAAA,CAAC,QAAK,CAAA,mBAAK,GAAA,CAAC,gBAAa,CAAA,EAAG,CAAA;AAAA,sBACjD,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,QAAK,EAAA,EAAI,IAAA,EAAO,gBAAK,CAAA,EACxB;AAAA,CAAA,EAAA,EAJa,IAKf,CAAA;AAGK,MAAM,UAAA,GAAa,CAAC,EAAE,KAAA,EAAM,KAAgC;AACjE,EAAA,MAAM,MAAM,MAAA,EAAO;AACnB,EAAA,MAAM,YAAA,GAAe,CAAC,GAAA,KACpB,GAAA,GAAM,IAAI,aAAA,CAAc,GAAG,KAAK,YAAA,GAAe,YAAA;AAEjD,EAAA,IAAI,UAAU,MAAA,EAAW;AACvB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,CAAA;AAAA,IACR,KAAA,CAAM,IAAI,CAAA,IAAA,KAAQ;AACjB,MAAA,uBACE,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UAEC,MAAM,IAAA,CAAK,GAAA;AAAA,UACX,MAAM,IAAA,CAAK,KAAA;AAAA,UACX,IAAA,EAAM,YAAA,CAAa,IAAA,CAAK,IAAI;AAAA,SAAA;AAAA,QAHvB,IAAA,CAAK;AAAA,OAIZ;AAAA,IAEJ,CAAC;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LinksGroup.esm.js","sources":["../../../../src/components/Cards/Meta/LinksGroup.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 { EntityLink } from '@backstage/catalog-model';\nimport { IconComponent, useApp } from '@backstage/core-plugin-api';\nimport LanguageIcon from '@material-ui/icons/Language';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Divider from '@material-ui/core/Divider';\nimport { Link } from '@backstage/core-components';\n\nconst WebLink = ({\n  href,\n  Icon,\n  text,\n}: {\n  href: string;\n  text?: string;\n  Icon?: IconComponent;\n}) => (\n  <ListItem key={href}>\n    <ListItemIcon>{Icon ? <Icon /> : <LanguageIcon />}</ListItemIcon>\n    <ListItemText>\n      <Link to={href}>{text}</Link>\n    </ListItemText>\n  </ListItem>\n);\n\nexport const LinksGroup = ({ links }: { links?: EntityLink[] }) => {\n  const app = useApp();\n  const iconResolver = (key?: string): IconComponent =>\n    key ? app.getSystemIcon(key) ?? LanguageIcon : LanguageIcon;\n\n  if (links === undefined) {\n    return null;\n  }\n\n  return (\n    <>\n      <Divider />\n      {links.map(link => {\n        return (\n          <WebLink\n            key={link.url}\n            href={link.url}\n            text={link.title}\n            Icon={iconResolver(link.icon)}\n          />\n        );\n      })}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAwBA,MAAM,UAAU,CAAC;AAAA,EACf,IAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,0BAKG,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,gBAAc,QAAA,EAAA,IAAA,mBAAO,GAAA,CAAC,QAAK,CAAA,mBAAK,GAAA,CAAC,gBAAa,CAAA,EAAG,CAAA;AAAA,sBACjD,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,QAAK,EAAA,EAAI,IAAA,EAAO,gBAAK,CAAA,EACxB;AAAA,CAAA,EAAA,EAJa,IAKf,CAAA;AAGK,MAAM,UAAA,GAAa,CAAC,EAAE,KAAA,EAAM,KAAgC;AACjE,EAAA,MAAM,MAAM,MAAA,EAAO;AACnB,EAAA,MAAM,YAAA,GAAe,CAAC,GAAA,KACpB,GAAA,GAAM,IAAI,aAAA,CAAc,GAAG,KAAK,YAAA,GAAe,YAAA;AAEjD,EAAA,IAAI,UAAU,MAAA,EAAW;AACvB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,CAAA;AAAA,IACR,KAAA,CAAM,IAAI,CAAA,IAAA,KAAQ;AACjB,MAAA,uBACE,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UAEC,MAAM,IAAA,CAAK,GAAA;AAAA,UACX,MAAM,IAAA,CAAK,KAAA;AAAA,UACX,IAAA,EAAM,YAAA,CAAa,IAAA,CAAK,IAAI;AAAA,SAAA;AAAA,QAHvB,IAAA,CAAK;AAAA,OAIZ;AAAA,IAEJ,CAAC;AAAA,GAAA,EACH,CAAA;AAEJ;;"}

package/dist/components/Cards/OwnershipCard/ComponentsGrid.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentsGrid.esm.js","sources":["../../../../src/components/Cards/OwnershipCard/ComponentsGrid.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 { Entity } from '@backstage/catalog-model';\nimport {\n  Link,\n  OverflowTooltip,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport Box from '@material-ui/core/Box';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { createStyles, makeStyles } from '@material-ui/core/styles';\nimport pluralize from 'pluralize';\nimport { catalogIndexRouteRef } from '../../../routes';\nimport { useGetEntities } from './useGetEntities';\nimport { EntityRelationAggregation } from '../types';\n\n/** @public */\nexport type ComponentsGridClassKey =\n  | 'card'\n  | 'bold'\n  | 'smallFont'\n  | 'entityTypeBox';\n\nconst useStyles = makeStyles(\n  theme =>\n    createStyles({\n      card: {\n        border: `1px solid ${theme.palette.divider}`,\n        boxShadow: theme.shadows[2],\n        borderRadius: '4px',\n        padding: theme.spacing(2),\n        transition: `${theme.transitions.duration.standard}ms`,\n        '&:hover': {\n          boxShadow: theme.shadows[4],\n        },\n        height: '100%',\n      },\n      bold: {\n        fontWeight: theme.typography.fontWeightBold,\n      },\n      smallFont: {\n        fontSize: theme.typography.body2.fontSize,\n      },\n      entityTypeBox: {\n        background: (props: { type: string }) =>\n          theme.getPageTheme({ themeId: props.type }).backgroundImage,\n        color: (props: { type: string }) =>\n          theme.getPageTheme({ themeId: props.type }).fontColor,\n      },\n    }),\n  { name: 'PluginOrgComponentsGrid' },\n);\n\nconst EntityCountTile = ({\n  counter,\n  type,\n  kind,\n  url,\n}: {\n  counter: number;\n  type?: string;\n  kind: string;\n  url?: string;\n}) => {\n  const classes = useStyles({ type: type ?? kind });\n\n  const rawTitle = type ?? kind;\n  const isLongText = rawTitle.length > 10;\n\n  const tile = (\n    <Box\n      className={`${classes.card} ${classes.entityTypeBox}`}\n      display=\"flex\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n    >\n      <Typography className={classes.bold} variant=\"h6\">\n        {counter}\n      </Typography>\n      <Box sx={{ width: '100%', textAlign: 'center' }}>\n        <Typography\n          className={`${classes.bold} ${isLongText && classes.smallFont}`}\n          variant=\"h6\"\n        >\n          <OverflowTooltip text={pluralize(rawTitle.toUpperCase(), counter)} />\n        </Typography>\n      </Box>\n      {type && <Typography variant=\"subtitle1\">{kind}</Typography>}\n    </Box>\n  );\n\n  if (url) {\n    return (\n      <Link to={url} variant=\"body2\">\n        {tile}\n      </Link>\n    );\n  }\n  return tile;\n};\n\nexport const ComponentsGrid = ({\n  className,\n  entity,\n  relationsType,\n  relationAggregation,\n  entityFilterKind,\n  entityLimit = 6,\n}: {\n  className?: string;\n  entity: Entity;\n  /** @deprecated Please use relationAggregation instead */\n  relationsType?: EntityRelationAggregation;\n  relationAggregation?: EntityRelationAggregation;\n  entityFilterKind?: string[];\n  entityLimit?: number;\n}) => {\n  const catalogLink = useRouteRef(catalogIndexRouteRef);\n\n  if (!relationsType && !relationAggregation) {\n    throw new Error(\n      'The relationAggregation property must be set as an EntityRelationAggregation type.',\n    );\n  }\n  const { componentsWithCounters, loading, error } = useGetEntities(\n    entity,\n    (relationAggregation ?? relationsType)!, // we can safely use the non-null assertion here because of the run-time check above\n    entityFilterKind,\n    entityLimit,\n  );\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  return (\n    <Grid container className={className}>\n      {componentsWithCounters?.map(c => (\n        <Grid item xs={6} md={6} lg={4} key={`${c.kind}:${c.type ?? ''}`}>\n          <EntityCountTile\n            counter={c.counter}\n            kind={c.kind}\n            type={c.type}\n            url={catalogLink && `${catalogLink()}?${c.queryParams}`}\n          />\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ComponentsGrid.esm.js","sources":["../../../../src/components/Cards/OwnershipCard/ComponentsGrid.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 { Entity } from '@backstage/catalog-model';\nimport {\n  Link,\n  OverflowTooltip,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport Box from '@material-ui/core/Box';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { createStyles, makeStyles } from '@material-ui/core/styles';\nimport pluralize from 'pluralize';\nimport { catalogIndexRouteRef } from '../../../routes';\nimport { useGetEntities } from './useGetEntities';\nimport { EntityRelationAggregation } from '../types';\n\n/** @public */\nexport type ComponentsGridClassKey =\n  | 'card'\n  | 'bold'\n  | 'smallFont'\n  | 'entityTypeBox';\n\nconst useStyles = makeStyles(\n  theme =>\n    createStyles({\n      card: {\n        border: `1px solid ${theme.palette.divider}`,\n        boxShadow: theme.shadows[2],\n        borderRadius: '4px',\n        padding: theme.spacing(2),\n        transition: `${theme.transitions.duration.standard}ms`,\n        '&:hover': {\n          boxShadow: theme.shadows[4],\n        },\n        height: '100%',\n      },\n      bold: {\n        fontWeight: theme.typography.fontWeightBold,\n      },\n      smallFont: {\n        fontSize: theme.typography.body2.fontSize,\n      },\n      entityTypeBox: {\n        background: (props: { type: string }) =>\n          theme.getPageTheme({ themeId: props.type }).backgroundImage,\n        color: (props: { type: string }) =>\n          theme.getPageTheme({ themeId: props.type }).fontColor,\n      },\n    }),\n  { name: 'PluginOrgComponentsGrid' },\n);\n\nconst EntityCountTile = ({\n  counter,\n  type,\n  kind,\n  url,\n}: {\n  counter: number;\n  type?: string;\n  kind: string;\n  url?: string;\n}) => {\n  const classes = useStyles({ type: type ?? kind });\n\n  const rawTitle = type ?? kind;\n  const isLongText = rawTitle.length > 10;\n\n  const tile = (\n    <Box\n      className={`${classes.card} ${classes.entityTypeBox}`}\n      display=\"flex\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n    >\n      <Typography className={classes.bold} variant=\"h6\">\n        {counter}\n      </Typography>\n      <Box sx={{ width: '100%', textAlign: 'center' }}>\n        <Typography\n          className={`${classes.bold} ${isLongText && classes.smallFont}`}\n          variant=\"h6\"\n        >\n          <OverflowTooltip text={pluralize(rawTitle.toUpperCase(), counter)} />\n        </Typography>\n      </Box>\n      {type && <Typography variant=\"subtitle1\">{kind}</Typography>}\n    </Box>\n  );\n\n  if (url) {\n    return (\n      <Link to={url} variant=\"body2\">\n        {tile}\n      </Link>\n    );\n  }\n  return tile;\n};\n\nexport const ComponentsGrid = ({\n  className,\n  entity,\n  relationsType,\n  relationAggregation,\n  entityFilterKind,\n  entityLimit = 6,\n}: {\n  className?: string;\n  entity: Entity;\n  /** @deprecated Please use relationAggregation instead */\n  relationsType?: EntityRelationAggregation;\n  relationAggregation?: EntityRelationAggregation;\n  entityFilterKind?: string[];\n  entityLimit?: number;\n}) => {\n  const catalogLink = useRouteRef(catalogIndexRouteRef);\n\n  if (!relationsType && !relationAggregation) {\n    throw new Error(\n      'The relationAggregation property must be set as an EntityRelationAggregation type.',\n    );\n  }\n  const { componentsWithCounters, loading, error } = useGetEntities(\n    entity,\n    (relationAggregation ?? relationsType)!, // we can safely use the non-null assertion here because of the run-time check above\n    entityFilterKind,\n    entityLimit,\n  );\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  return (\n    <Grid container className={className}>\n      {componentsWithCounters?.map(c => (\n        <Grid item xs={6} md={6} lg={4} key={`${c.kind}:${c.type ?? ''}`}>\n          <EntityCountTile\n            counter={c.counter}\n            kind={c.kind}\n            type={c.type}\n            url={catalogLink && `${catalogLink()}?${c.queryParams}`}\n          />\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAwCA,MAAM,SAAA,GAAY,UAAA;AAAA,EAChB,WACE,YAAA,CAAa;AAAA,IACX,IAAA,EAAM;AAAA,MACJ,MAAA,EAAQ,CAAA,UAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA,CAAA;AAAA,MAC1C,SAAA,EAAW,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,MAC1B,YAAA,EAAc,KAAA;AAAA,MACd,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,MACxB,UAAA,EAAY,CAAA,EAAG,KAAA,CAAM,WAAA,CAAY,SAAS,QAAQ,CAAA,EAAA,CAAA;AAAA,MAClD,SAAA,EAAW;AAAA,QACT,SAAA,EAAW,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA,OAC5B;AAAA,MACA,MAAA,EAAQ;AAAA,KACV;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,UAAA,EAAY,MAAM,UAAA,CAAW;AAAA,KAC/B;AAAA,IACA,SAAA,EAAW;AAAA,MACT,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,KAAA,CAAM;AAAA,KACnC;AAAA,IACA,aAAA,EAAe;AAAA,MACb,UAAA,EAAY,CAAC,KAAA,KACX,KAAA,CAAM,YAAA,CAAa,EAAE,OAAA,EAAS,KAAA,CAAM,IAAA,EAAM,CAAA,CAAE,eAAA;AAAA,MAC9C,KAAA,EAAO,CAAC,KAAA,KACN,KAAA,CAAM,YAAA,CAAa,EAAE,OAAA,EAAS,KAAA,CAAM,IAAA,EAAM,CAAA,CAAE;AAAA;AAChD,GACD,CAAA;AAAA,EACH,EAAE,MAAM,yBAAA;AACV,CAAA;AAEA,MAAM,kBAAkB,CAAC;AAAA,EACvB,OAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAKM;AACJ,EAAA,MAAM,UAAU,SAAA,CAAU,EAAE,IAAA,EAAM,IAAA,IAAQ,MAAM,CAAA;AAEhD,EAAA,MAAM,WAAW,IAAA,IAAQ,IAAA;AACzB,EAAA,MAAM,UAAA,GAAa,SAAS,MAAA,GAAS,EAAA;AAErC,EAAA,MAAM,IAAA,mBACJ,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,WAAW,CAAA,EAAG,OAAA,CAAQ,IAAI,CAAA,CAAA,EAAI,QAAQ,aAAa,CAAA,CAAA;AAAA,MACnD,OAAA,EAAQ,MAAA;AAAA,MACR,aAAA,EAAc,QAAA;AAAA,MACd,UAAA,EAAW,QAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,cAAW,SAAA,EAAW,OAAA,CAAQ,IAAA,EAAM,OAAA,EAAQ,MAC1C,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,wBACA,GAAA,CAAC,OAAI,EAAA,EAAI,EAAE,OAAO,MAAA,EAAQ,SAAA,EAAW,UAAS,EAC5C,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,WAAW,CAAA,EAAG,OAAA,CAAQ,IAAI,CAAA,CAAA,EAAI,UAAA,IAAc,QAAQ,SAAS,CAAA,CAAA;AAAA,YAC7D,OAAA,EAAQ,IAAA;AAAA,YAER,QAAA,kBAAA,GAAA,CAAC,mBAAgB,IAAA,EAAM,SAAA,CAAU,SAAS,WAAA,EAAY,EAAG,OAAO,CAAA,EAAG;AAAA;AAAA,SACrE,EACF,CAAA;AAAA,QACC,IAAA,oBAAQ,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,aAAa,QAAA,EAAA,IAAA,EAAK;AAAA;AAAA;AAAA,GACjD;AAGF,EAAA,IAAI,GAAA,EAAK;AACP,IAAA,2BACG,IAAA,EAAA,EAAK,EAAA,EAAI,GAAA,EAAK,OAAA,EAAQ,SACpB,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,EAEJ;AACA,EAAA,OAAO,IAAA;AACT,CAAA;AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,SAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EACA,mBAAA;AAAA,EACA,gBAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,KAQM;AACJ,EAAA,MAAM,WAAA,GAAc,YAAY,oBAAoB,CAAA;AAEpD,EAAA,IAAI,CAAC,aAAA,IAAiB,CAAC,mBAAA,EAAqB;AAC1C,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,MAAM,EAAE,sBAAA,EAAwB,OAAA,EAAS,KAAA,EAAM,GAAI,cAAA;AAAA,IACjD,MAAA;AAAA,IACC,mBAAA,IAAuB,aAAA;AAAA;AAAA,IACxB,gBAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,2BAAQ,QAAA,EAAA,EAAS,CAAA;AAAA,EACnB,WAAW,KAAA,EAAO;AAChB,IAAA,uBAAO,GAAA,CAAC,sBAAmB,KAAA,EAAc,CAAA;AAAA,EAC3C;AAEA,EAAA,2BACG,IAAA,EAAA,EAAK,SAAA,EAAS,IAAA,EAAC,SAAA,EACb,kCAAwB,GAAA,CAAI,CAAA,CAAA,qBAC3B,GAAA,CAAC,IAAA,EAAA,EAAK,MAAI,IAAA,EAAC,EAAA,EAAI,GAAG,EAAA,EAAI,CAAA,EAAG,IAAI,CAAA,EAC3B,QAAA,kBAAA,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,SAAS,CAAA,CAAE,OAAA;AAAA,MACX,MAAM,CAAA,CAAE,IAAA;AAAA,MACR,MAAM,CAAA,CAAE,IAAA;AAAA,MACR,KAAK,WAAA,IAAe,CAAA,EAAG,aAAa,CAAA,CAAA,EAAI,EAAE,WAAW,CAAA;AAAA;AAAA,GACvD,EAAA,EANmC,CAAA,EAAG,CAAA,CAAE,IAAI,CAAA,CAAA,EAAI,EAAE,IAAA,IAAQ,EAAE,CAAA,CAO9D,CACD,CAAA,EACH,CAAA;AAEJ;;"}

package/dist/components/Cards/OwnershipCard/OwnershipCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwnershipCard.esm.js","sources":["../../../../src/components/Cards/OwnershipCard/OwnershipCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 { EntityInfoCard, useEntity } from '@backstage/plugin-catalog-react';\nimport { Switch } from '@backstage/ui';\nimport { createStyles, makeStyles } from '@material-ui/core/styles';\nimport { useEffect, useState } from 'react';\nimport { ComponentsGrid } from './ComponentsGrid';\nimport { EntityRelationAggregation } from '../types';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { orgTranslationRef } from '../../../translation';\n\n/** @public */\nexport type OwnershipCardClassKey = 'grid';\n\nconst useStyles = makeStyles(\n  () =>\n    createStyles({\n      grid: {\n        overflowY: 'auto',\n        marginTop: 0,\n      },\n    }),\n  {\n    name: 'PluginOrgOwnershipCard',\n  },\n);\n\n/** @public */\nexport const OwnershipCard = (props: {\n  entityFilterKind?: string[];\n  hideRelationsToggle?: boolean;\n  /** @deprecated Please use relationAggregation instead */\n  relationsType?: EntityRelationAggregation;\n  relationAggregation?: EntityRelationAggregation;\n  entityLimit?: number;\n}) => {\n  const { entityFilterKind, hideRelationsToggle, entityLimit = 6 } = props;\n  const relationAggregation = props.relationAggregation ?? props.relationsType;\n  const relationsToggle =\n    hideRelationsToggle === undefined ? false : hideRelationsToggle;\n  const classes = useStyles();\n  const { entity } = useEntity();\n  const { t } = useTranslationRef(orgTranslationRef);\n\n  const defaultRelationAggregation =\n    entity.kind === 'User' ? 'aggregated' : 'direct';\n  const [getRelationAggregation, setRelationAggregation] = useState(\n    relationAggregation ?? defaultRelationAggregation,\n  );\n\n  useEffect(() => {\n    if (!relationAggregation) {\n      setRelationAggregation(defaultRelationAggregation);\n    }\n  }, [setRelationAggregation, defaultRelationAggregation, relationAggregation]);\n\n  return (\n    <EntityInfoCard\n      title={t('ownershipCard.title')}\n      headerActions={\n        !relationsToggle && (\n          <Switch\n            isSelected={getRelationAggregation !== 'direct'}\n            onChange={isSelected =>\n              setRelationAggregation(isSelected ? 'aggregated' : 'direct')\n            }\n            label={t('ownershipCard.aggregateRelationsToggle.label')}\n          />\n        )\n      }\n    >\n      <ComponentsGrid\n        className={classes.grid}\n        entity={entity}\n        entityLimit={entityLimit}\n        relationAggregation={getRelationAggregation}\n        entityFilterKind={entityFilterKind}\n      />\n    </EntityInfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AA4BA,MAAM,SAAA,GAAY,UAAA;AAAA,EAChB,MACE,YAAA,CAAa;AAAA,IACX,IAAA,EAAM;AAAA,MACJ,SAAA,EAAW,MAAA;AAAA,MACX,SAAA,EAAW;AAAA;AACb,GACD,CAAA;AAAA,EACH;AAAA,IACE,IAAA,EAAM;AAAA;AAEV,CAAA;AAGO,MAAM,aAAA,GAAgB,CAAC,KAAA,KAOxB;AACJ,EAAA,MAAM,EAAE,gBAAA,EAAkB,mBAAA,EAAqB,WAAA,GAAc,GAAE,GAAI,KAAA;AACnE,EAAA,MAAM,mBAAA,GAAsB,KAAA,CAAM,mBAAA,IAAuB,KAAA,CAAM,aAAA;AAC/D,EAAA,MAAM,eAAA,GACJ,mBAAA,KAAwB,MAAA,GAAY,KAAA,GAAQ,mBAAA;AAC9C,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,iBAAiB,CAAA;AAEjD,EAAA,MAAM,0BAAA,GACJ,MAAA,CAAO,IAAA,KAAS,MAAA,GAAS,YAAA,GAAe,QAAA;AAC1C,EAAA,MAAM,CAAC,sBAAA,EAAwB,sBAAsB,CAAA,GAAI,QAAA;AAAA,IACvD,mBAAA,IAAuB;AAAA,GACzB;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,mBAAA,EAAqB;AACxB,MAAA,sBAAA,CAAuB,0BAA0B,CAAA;AAAA,IACnD;AAAA,EACF,CAAA,EAAG,CAAC,sBAAA,EAAwB,0BAAA,EAA4B,mBAAmB,CAAC,CAAA;AAE5E,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,qBAAqB,CAAA;AAAA,MAC9B,aAAA,EACE,CAAC,eAAA,oBACC,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,YAAY,sBAAA,KAA2B,QAAA;AAAA,UACvC,QAAA,EAAU,CAAA,UAAA,KACR,sBAAA,CAAuB,UAAA,GAAa,eAAe,QAAQ,CAAA;AAAA,UAE7D,KAAA,EAAO,EAAE,8CAA8C;AAAA;AAAA,OACzD;AAAA,MAIJ,QAAA,kBAAA,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,WAAW,OAAA,CAAQ,IAAA;AAAA,UACnB,MAAA;AAAA,UACA,WAAA;AAAA,UACA,mBAAA,EAAqB,sBAAA;AAAA,UACrB;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"OwnershipCard.esm.js","sources":["../../../../src/components/Cards/OwnershipCard/OwnershipCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 { EntityInfoCard, useEntity } from '@backstage/plugin-catalog-react';\nimport { Switch } from '@backstage/ui';\nimport { createStyles, makeStyles } from '@material-ui/core/styles';\nimport { useEffect, useState } from 'react';\nimport { ComponentsGrid } from './ComponentsGrid';\nimport { EntityRelationAggregation } from '../types';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { orgTranslationRef } from '../../../translation';\n\n/** @public */\nexport type OwnershipCardClassKey = 'grid';\n\nconst useStyles = makeStyles(\n  () =>\n    createStyles({\n      grid: {\n        overflowY: 'auto',\n        marginTop: 0,\n      },\n    }),\n  {\n    name: 'PluginOrgOwnershipCard',\n  },\n);\n\n/** @public */\nexport const OwnershipCard = (props: {\n  entityFilterKind?: string[];\n  hideRelationsToggle?: boolean;\n  /** @deprecated Please use relationAggregation instead */\n  relationsType?: EntityRelationAggregation;\n  relationAggregation?: EntityRelationAggregation;\n  entityLimit?: number;\n}) => {\n  const { entityFilterKind, hideRelationsToggle, entityLimit = 6 } = props;\n  const relationAggregation = props.relationAggregation ?? props.relationsType;\n  const relationsToggle =\n    hideRelationsToggle === undefined ? false : hideRelationsToggle;\n  const classes = useStyles();\n  const { entity } = useEntity();\n  const { t } = useTranslationRef(orgTranslationRef);\n\n  const defaultRelationAggregation =\n    entity.kind === 'User' ? 'aggregated' : 'direct';\n  const [getRelationAggregation, setRelationAggregation] = useState(\n    relationAggregation ?? defaultRelationAggregation,\n  );\n\n  useEffect(() => {\n    if (!relationAggregation) {\n      setRelationAggregation(defaultRelationAggregation);\n    }\n  }, [setRelationAggregation, defaultRelationAggregation, relationAggregation]);\n\n  return (\n    <EntityInfoCard\n      title={t('ownershipCard.title')}\n      headerActions={\n        !relationsToggle && (\n          <Switch\n            isSelected={getRelationAggregation !== 'direct'}\n            onChange={isSelected =>\n              setRelationAggregation(isSelected ? 'aggregated' : 'direct')\n            }\n            label={t('ownershipCard.aggregateRelationsToggle.label')}\n          />\n        )\n      }\n    >\n      <ComponentsGrid\n        className={classes.grid}\n        entity={entity}\n        entityLimit={entityLimit}\n        relationAggregation={getRelationAggregation}\n        entityFilterKind={entityFilterKind}\n      />\n    </EntityInfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AA4BA,MAAM,SAAA,GAAY,UAAA;AAAA,EAChB,MACE,YAAA,CAAa;AAAA,IACX,IAAA,EAAM;AAAA,MACJ,SAAA,EAAW,MAAA;AAAA,MACX,SAAA,EAAW;AAAA;AACb,GACD,CAAA;AAAA,EACH;AAAA,IACE,IAAA,EAAM;AAAA;AAEV,CAAA;AAGO,MAAM,aAAA,GAAgB,CAAC,KAAA,KAOxB;AACJ,EAAA,MAAM,EAAE,gBAAA,EAAkB,mBAAA,EAAqB,WAAA,GAAc,GAAE,GAAI,KAAA;AACnE,EAAA,MAAM,mBAAA,GAAsB,KAAA,CAAM,mBAAA,IAAuB,KAAA,CAAM,aAAA;AAC/D,EAAA,MAAM,eAAA,GACJ,mBAAA,KAAwB,MAAA,GAAY,KAAA,GAAQ,mBAAA;AAC9C,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,iBAAiB,CAAA;AAEjD,EAAA,MAAM,0BAAA,GACJ,MAAA,CAAO,IAAA,KAAS,MAAA,GAAS,YAAA,GAAe,QAAA;AAC1C,EAAA,MAAM,CAAC,sBAAA,EAAwB,sBAAsB,CAAA,GAAI,QAAA;AAAA,IACvD,mBAAA,IAAuB;AAAA,GACzB;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,mBAAA,EAAqB;AACxB,MAAA,sBAAA,CAAuB,0BAA0B,CAAA;AAAA,IACnD;AAAA,EACF,CAAA,EAAG,CAAC,sBAAA,EAAwB,0BAAA,EAA4B,mBAAmB,CAAC,CAAA;AAE5E,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,qBAAqB,CAAA;AAAA,MAC9B,aAAA,EACE,CAAC,eAAA,oBACC,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,YAAY,sBAAA,KAA2B,QAAA;AAAA,UACvC,QAAA,EAAU,CAAA,UAAA,KACR,sBAAA,CAAuB,UAAA,GAAa,eAAe,QAAQ,CAAA;AAAA,UAE7D,KAAA,EAAO,EAAE,8CAA8C;AAAA;AAAA,OACzD;AAAA,MAIJ,QAAA,kBAAA,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,WAAW,OAAA,CAAQ,IAAA;AAAA,UACnB,MAAA;AAAA,UACA,WAAA;AAAA,UACA,mBAAA,EAAqB,sBAAA;AAAA,UACrB;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;;"}

package/dist/components/Cards/OwnershipCard/useGetEntities.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetEntities.esm.js","sources":["../../../../src/components/Cards/OwnershipCard/useGetEntities.ts"],"sourcesContent":["/*\n * Copyright 2020 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 {\n  Entity,\n  RELATION_MEMBER_OF,\n  RELATION_PARENT_OF,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport {\n  CatalogApi,\n  catalogApiRef,\n  getEntityRelations,\n} from '@backstage/plugin-catalog-react';\nimport limiterFactory from 'p-limit';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport qs from 'qs';\nimport { EntityRelationAggregation } from '../types';\nimport { uniq, uniqBy } from 'lodash';\n\nconst limiter = limiterFactory(5);\n\ntype EntityTypeProps = {\n  kind: string;\n  type?: string;\n  count: number;\n};\n\nconst getQueryParams = (\n  ownersEntityRef: string[],\n  selectedEntity: EntityTypeProps,\n): string => {\n  const { kind, type } = selectedEntity;\n  const filters = {\n    kind: kind.toLowerCase(),\n    type,\n    owners: ownersEntityRef,\n    user: 'all',\n  };\n  return qs.stringify({ filters }, { arrayFormat: 'repeat' });\n};\n\nconst getMemberOfEntityRefs = (owner: Entity): string[] => {\n  const parentGroups = getEntityRelations(owner, RELATION_MEMBER_OF, {\n    kind: 'Group',\n  });\n\n  const ownerGroupsNames = parentGroups.map(({ kind, namespace, name }) =>\n    stringifyEntityRef({\n      kind,\n      namespace,\n      name,\n    }),\n  );\n\n  return [...ownerGroupsNames, stringifyEntityRef(owner)];\n};\n\nconst isEntity = (entity: Entity | undefined): entity is Entity =>\n  entity !== undefined;\n\nconst getChildOwnershipEntityRefs = async (\n  entity: Entity,\n  catalogApi: CatalogApi,\n  alreadyRetrievedParentRefs: string[] = [],\n): Promise<string[]> => {\n  const childGroups = getEntityRelations(entity, RELATION_PARENT_OF, {\n    kind: 'Group',\n  });\n\n  const hasChildGroups = childGroups.length > 0;\n\n  const entityRef = stringifyEntityRef(entity);\n  if (hasChildGroups) {\n    const entityRefs = childGroups.map(r => stringifyEntityRef(r));\n    const childGroupResponse = await limiter(() =>\n      catalogApi.getEntitiesByRefs({\n        fields: ['kind', 'metadata.namespace', 'metadata.name', 'relations'],\n        entityRefs,\n      }),\n    );\n    const childGroupEntities = childGroupResponse.items.filter(isEntity);\n\n    const unknownChildren = childGroupEntities.filter(\n      childGroupEntity =>\n        !alreadyRetrievedParentRefs.includes(\n          stringifyEntityRef(childGroupEntity),\n        ),\n    );\n    const childrenRefs = (\n      await Promise.all(\n        unknownChildren.map(childGroupEntity =>\n          getChildOwnershipEntityRefs(childGroupEntity, catalogApi, [\n            ...alreadyRetrievedParentRefs,\n            entityRef,\n          ]),\n        ),\n      )\n    ).flatMap(aggregated => aggregated);\n\n    return uniq([...childrenRefs, entityRef]);\n  }\n\n  return [entityRef];\n};\n\nconst getOwners = async (\n  entity: Entity,\n  relationAggregation: EntityRelationAggregation,\n  catalogApi: CatalogApi,\n): Promise<string[]> => {\n  const isGroup = entity.kind === 'Group';\n  const isAggregated = relationAggregation === 'aggregated';\n  const isUserEntity = entity.kind === 'User';\n\n  if (isAggregated && isGroup) {\n    return getChildOwnershipEntityRefs(entity, catalogApi);\n  }\n\n  if (isAggregated && isUserEntity) {\n    return getMemberOfEntityRefs(entity);\n  }\n\n  return [stringifyEntityRef(entity)];\n};\n\nconst delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));\n\nconst batchGetOwnedEntitiesByOwners = async (\n  owners: string[],\n  kinds: string[],\n  catalogApi: CatalogApi,\n  batchSize: number = 100,\n  delayMs: number = 100,\n) => {\n  const results = [];\n\n  for (let i = 0; i < owners.length; i += batchSize) {\n    const batch = owners.slice(i, i + batchSize);\n    const response = await catalogApi.getEntities({\n      filter: [\n        {\n          kind: kinds,\n          'relations.ownedBy': batch,\n        },\n      ],\n      fields: [\n        'kind',\n        'metadata.name',\n        'metadata.namespace',\n        'spec.type',\n        'relations',\n      ],\n    });\n\n    results.push(...response.items);\n\n    if (i + batchSize < owners.length) await delay(delayMs);\n  }\n\n  return uniqBy(results, stringifyEntityRef);\n};\n\nexport function useGetEntities(\n  entity: Entity,\n  relationAggregation: EntityRelationAggregation,\n  entityFilterKind?: string[],\n  entityLimit = 6,\n): {\n  componentsWithCounters:\n    | {\n        counter: number;\n        type: string;\n        kind: string;\n        queryParams: string;\n      }[]\n    | undefined;\n  loading: boolean;\n  error?: Error;\n} {\n  const catalogApi = useApi(catalogApiRef);\n  const kinds = entityFilterKind ?? ['Component', 'API', 'System', 'Resource'];\n\n  const {\n    loading,\n    error,\n    value: componentsWithCounters,\n  } = useAsync(async () => {\n    const owners = await getOwners(entity, relationAggregation, catalogApi);\n\n    const ownedEntitiesList = await batchGetOwnedEntitiesByOwners(\n      owners,\n      kinds,\n      catalogApi,\n    );\n\n    const counts = ownedEntitiesList.reduce(\n      (acc: EntityTypeProps[], ownedEntity) => {\n        const match = acc.find(\n          x => x.kind === ownedEntity.kind && x.type === ownedEntity.spec?.type,\n        );\n        if (match) {\n          match.count += 1;\n        } else {\n          acc.push({\n            kind: ownedEntity.kind,\n            type: ownedEntity.spec?.type?.toString(),\n            count: 1,\n          });\n        }\n        return acc;\n      },\n      [],\n    );\n\n    // Return top N (entityLimit) entities to be displayed in ownership boxes\n    const topN = counts.sort((a, b) => b.count - a.count).slice(0, entityLimit);\n\n    return topN.map(topOwnedEntity => ({\n      counter: topOwnedEntity.count,\n      type: topOwnedEntity.type,\n      kind: topOwnedEntity.kind,\n      queryParams: getQueryParams(owners, topOwnedEntity),\n    })) as Array<{\n      counter: number;\n      type: string;\n      kind: string;\n      queryParams: string;\n    }>;\n  }, [catalogApi, entity, relationAggregation]);\n\n  return {\n    componentsWithCounters,\n    loading,\n    error,\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useGetEntities.esm.js","sources":["../../../../src/components/Cards/OwnershipCard/useGetEntities.ts"],"sourcesContent":["/*\n * Copyright 2020 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 {\n  Entity,\n  RELATION_MEMBER_OF,\n  RELATION_PARENT_OF,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport {\n  CatalogApi,\n  catalogApiRef,\n  getEntityRelations,\n} from '@backstage/plugin-catalog-react';\nimport limiterFactory from 'p-limit';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport qs from 'qs';\nimport { EntityRelationAggregation } from '../types';\nimport { uniq, uniqBy } from 'lodash';\n\nconst limiter = limiterFactory(5);\n\ntype EntityTypeProps = {\n  kind: string;\n  type?: string;\n  count: number;\n};\n\nconst getQueryParams = (\n  ownersEntityRef: string[],\n  selectedEntity: EntityTypeProps,\n): string => {\n  const { kind, type } = selectedEntity;\n  const filters = {\n    kind: kind.toLowerCase(),\n    type,\n    owners: ownersEntityRef,\n    user: 'all',\n  };\n  return qs.stringify({ filters }, { arrayFormat: 'repeat' });\n};\n\nconst getMemberOfEntityRefs = (owner: Entity): string[] => {\n  const parentGroups = getEntityRelations(owner, RELATION_MEMBER_OF, {\n    kind: 'Group',\n  });\n\n  const ownerGroupsNames = parentGroups.map(({ kind, namespace, name }) =>\n    stringifyEntityRef({\n      kind,\n      namespace,\n      name,\n    }),\n  );\n\n  return [...ownerGroupsNames, stringifyEntityRef(owner)];\n};\n\nconst isEntity = (entity: Entity | undefined): entity is Entity =>\n  entity !== undefined;\n\nconst getChildOwnershipEntityRefs = async (\n  entity: Entity,\n  catalogApi: CatalogApi,\n  alreadyRetrievedParentRefs: string[] = [],\n): Promise<string[]> => {\n  const childGroups = getEntityRelations(entity, RELATION_PARENT_OF, {\n    kind: 'Group',\n  });\n\n  const hasChildGroups = childGroups.length > 0;\n\n  const entityRef = stringifyEntityRef(entity);\n  if (hasChildGroups) {\n    const entityRefs = childGroups.map(r => stringifyEntityRef(r));\n    const childGroupResponse = await limiter(() =>\n      catalogApi.getEntitiesByRefs({\n        fields: ['kind', 'metadata.namespace', 'metadata.name', 'relations'],\n        entityRefs,\n      }),\n    );\n    const childGroupEntities = childGroupResponse.items.filter(isEntity);\n\n    const unknownChildren = childGroupEntities.filter(\n      childGroupEntity =>\n        !alreadyRetrievedParentRefs.includes(\n          stringifyEntityRef(childGroupEntity),\n        ),\n    );\n    const childrenRefs = (\n      await Promise.all(\n        unknownChildren.map(childGroupEntity =>\n          getChildOwnershipEntityRefs(childGroupEntity, catalogApi, [\n            ...alreadyRetrievedParentRefs,\n            entityRef,\n          ]),\n        ),\n      )\n    ).flatMap(aggregated => aggregated);\n\n    return uniq([...childrenRefs, entityRef]);\n  }\n\n  return [entityRef];\n};\n\nconst getOwners = async (\n  entity: Entity,\n  relationAggregation: EntityRelationAggregation,\n  catalogApi: CatalogApi,\n): Promise<string[]> => {\n  const isGroup = entity.kind === 'Group';\n  const isAggregated = relationAggregation === 'aggregated';\n  const isUserEntity = entity.kind === 'User';\n\n  if (isAggregated && isGroup) {\n    return getChildOwnershipEntityRefs(entity, catalogApi);\n  }\n\n  if (isAggregated && isUserEntity) {\n    return getMemberOfEntityRefs(entity);\n  }\n\n  return [stringifyEntityRef(entity)];\n};\n\nconst delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));\n\nconst batchGetOwnedEntitiesByOwners = async (\n  owners: string[],\n  kinds: string[],\n  catalogApi: CatalogApi,\n  batchSize: number = 100,\n  delayMs: number = 100,\n) => {\n  const results = [];\n\n  for (let i = 0; i < owners.length; i += batchSize) {\n    const batch = owners.slice(i, i + batchSize);\n    const response = await catalogApi.getEntities({\n      filter: [\n        {\n          kind: kinds,\n          'relations.ownedBy': batch,\n        },\n      ],\n      fields: [\n        'kind',\n        'metadata.name',\n        'metadata.namespace',\n        'spec.type',\n        'relations',\n      ],\n    });\n\n    results.push(...response.items);\n\n    if (i + batchSize < owners.length) await delay(delayMs);\n  }\n\n  return uniqBy(results, stringifyEntityRef);\n};\n\nexport function useGetEntities(\n  entity: Entity,\n  relationAggregation: EntityRelationAggregation,\n  entityFilterKind?: string[],\n  entityLimit = 6,\n): {\n  componentsWithCounters:\n    | {\n        counter: number;\n        type: string;\n        kind: string;\n        queryParams: string;\n      }[]\n    | undefined;\n  loading: boolean;\n  error?: Error;\n} {\n  const catalogApi = useApi(catalogApiRef);\n  const kinds = entityFilterKind ?? ['Component', 'API', 'System', 'Resource'];\n\n  const {\n    loading,\n    error,\n    value: componentsWithCounters,\n  } = useAsync(async () => {\n    const owners = await getOwners(entity, relationAggregation, catalogApi);\n\n    const ownedEntitiesList = await batchGetOwnedEntitiesByOwners(\n      owners,\n      kinds,\n      catalogApi,\n    );\n\n    const counts = ownedEntitiesList.reduce(\n      (acc: EntityTypeProps[], ownedEntity) => {\n        const match = acc.find(\n          x => x.kind === ownedEntity.kind && x.type === ownedEntity.spec?.type,\n        );\n        if (match) {\n          match.count += 1;\n        } else {\n          acc.push({\n            kind: ownedEntity.kind,\n            type: ownedEntity.spec?.type?.toString(),\n            count: 1,\n          });\n        }\n        return acc;\n      },\n      [],\n    );\n\n    // Return top N (entityLimit) entities to be displayed in ownership boxes\n    const topN = counts.sort((a, b) => b.count - a.count).slice(0, entityLimit);\n\n    return topN.map(topOwnedEntity => ({\n      counter: topOwnedEntity.count,\n      type: topOwnedEntity.type,\n      kind: topOwnedEntity.kind,\n      queryParams: getQueryParams(owners, topOwnedEntity),\n    })) as Array<{\n      counter: number;\n      type: string;\n      kind: string;\n      queryParams: string;\n    }>;\n  }, [catalogApi, entity, relationAggregation]);\n\n  return {\n    componentsWithCounters,\n    loading,\n    error,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/components/Cards/User/UserProfileCard/UserProfileCard.esm.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ANNOTATION_EDIT_URL, RELATION_MEMBER_OF } from '@backstage/catalog-model';
 import { Link } from '@backstage/core-components';
 import { useEntity, getEntityRelations, EntityInfoCard, EntityRefLinks } from '@backstage/plugin-catalog-react';
-import { Text, Box, Flex, Avatar } from '@backstage/ui';
+import { Text, Box, Flex } from '@backstage/ui';
 import { makeStyles, createStyles } from '@material-ui/core/styles';
 import BaseButton from '@material-ui/core/ButtonBase';
 import IconButton from '@material-ui/core/IconButton';
@@ -25,6 +25,7 @@ import { LinksGroup } from '../../Meta/LinksGroup.esm.js';
 import { useState, useCallback } from 'react';
 import { useTranslationRef } from '@backstage/frontend-plugin-api';
 import { orgTranslationRef } from '../../../../translation.esm.js';
+import { UserAvatar } from '../../../UserAvatar/UserAvatar.esm.js';
 
 const useStyles = makeStyles(
   (theme) => createStyles({
@@ -49,12 +50,11 @@ const useStyles = makeStyles(
 );
 const CardTitle = (props) => props.title ? /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
   /* @__PURE__ */ jsx(
-    Avatar,
+    UserAvatar,
     {
-      size: "small",
-      purpose: "decoration",
-      name: props.title,
-      src: props.pictureSrc || ""
+      entity: props.entity,
+      displayName: props.title,
+      size: "small"
     }
   ),
   props.title
@@ -87,7 +87,7 @@ const UserProfileCard = (props) => {
   return /* @__PURE__ */ jsxs(
     EntityInfoCard,
     {
-      title: /* @__PURE__ */ jsx(CardTitle, { title: displayName, pictureSrc: profile?.picture }),
+      title: /* @__PURE__ */ jsx(CardTitle, { entity: user, title: displayName }),
       headerActions: /* @__PURE__ */ jsx(Fragment, { children: entityMetadataEditUrl && /* @__PURE__ */ jsx(
         IconButton,
         {

package/dist/components/Cards/User/UserProfileCard/UserProfileCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfileCard.esm.js","sources":["../../../../../src/components/Cards/User/UserProfileCard/UserProfileCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {\n  ANNOTATION_EDIT_URL,\n  RELATION_MEMBER_OF,\n  UserEntity,\n} from '@backstage/catalog-model';\nimport { Link } from '@backstage/core-components';\nimport { EntityInfoCard } from '@backstage/plugin-catalog-react';\nimport { Avatar, Box, Flex, Text } from '@backstage/ui';\nimport { createStyles, makeStyles } from '@material-ui/core/styles';\nimport BaseButton from '@material-ui/core/ButtonBase';\nimport IconButton from '@material-ui/core/IconButton';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport CloseIcon from '@material-ui/icons/Close';\nimport {\n  EntityRefLinks,\n  getEntityRelations,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\n\nimport Alert from '@material-ui/lab/Alert';\nimport EditIcon from '@material-ui/icons/Edit';\nimport EmailIcon from '@material-ui/icons/Email';\nimport GroupIcon from '@material-ui/icons/Group';\nimport { LinksGroup } from '../../Meta';\n\nimport { useCallback, useState } from 'react';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { orgTranslationRef } from '../../../../translation';\n\n/** @public */\nexport type UserProfileCardClassKey =\n  | 'closeButton'\n  | 'moreButton'\n  | 'dialogPaper'\n  | 'list';\n\nconst useStyles = makeStyles(\n  theme =>\n    createStyles({\n      closeButton: {\n        position: 'absolute',\n        right: theme.spacing(1),\n        top: theme.spacing(1),\n        color: theme.palette.grey[500],\n      },\n      moreButton: {\n        display: 'contents',\n        color: theme.palette.primary.main,\n      },\n      dialogPaper: {\n        minHeight: 400,\n      },\n      list: {\n        overflowWrap: 'anywhere',\n      },\n    }),\n  { name: 'PluginOrgUserProfileCard' },\n);\n\nconst CardTitle = (props: { title: string; pictureSrc?: string }) =>\n  props.title ? (\n    <Flex align=\"center\" gap=\"2\">\n      <Avatar\n        size=\"small\"\n        purpose=\"decoration\"\n        name={props.title}\n        src={props.pictureSrc || ''}\n      />\n      {props.title}\n    </Flex>\n  ) : null;\n\n/** @public */\nexport const UserProfileCard = (props: {\n  showLinks?: boolean;\n  maxRelations?: number;\n  hideIcons?: boolean;\n}) => {\n  const { maxRelations, hideIcons } = props;\n\n  const classes = useStyles();\n  const { entity: user } = useEntity<UserEntity>();\n  const [isAllGroupsDialogOpen, setIsAllGroupsDialogOpen] = useState(false);\n  const { t } = useTranslationRef(orgTranslationRef);\n\n  const toggleAllGroupsDialog = useCallback(\n    () =>\n      setIsAllGroupsDialogOpen(\n        prevIsViewAllGroupsDialogOpen => !prevIsViewAllGroupsDialogOpen,\n      ),\n    [],\n  );\n\n  if (!user) {\n    return <Alert severity=\"error\">{t('userProfileCard.userNotFound')}</Alert>;\n  }\n\n  const entityMetadataEditUrl =\n    user.metadata.annotations?.[ANNOTATION_EDIT_URL];\n\n  const {\n    metadata: { name: metaName, description, links },\n    spec: { profile },\n  } = user;\n  const displayName = profile?.displayName ?? metaName;\n  const emailHref = profile?.email ? `mailto:${profile.email}` : undefined;\n  const memberOfRelations = getEntityRelations(user, RELATION_MEMBER_OF, {\n    kind: 'Group',\n  });\n\n  return (\n    <EntityInfoCard\n      title={<CardTitle title={displayName} pictureSrc={profile?.picture} />}\n      headerActions={\n        <>\n          {entityMetadataEditUrl && (\n            <IconButton\n              aria-label={t('userProfileCard.editIconButtonTitle')}\n              title={t('userProfileCard.editIconButtonTitle')}\n              component={Link}\n              to={entityMetadataEditUrl}\n            >\n              <EditIcon />\n            </IconButton>\n          )}\n        </>\n      }\n    >\n      {description && <Text color=\"secondary\">{description}</Text>}\n      <Box p=\"2\">\n        <List className={classes.list}>\n          {profile?.email && (\n            <ListItem>\n              <ListItemIcon>\n                <Tooltip title={t('userProfileCard.listItemTitle.email')}>\n                  <EmailIcon />\n                </Tooltip>\n              </ListItemIcon>\n              <ListItemText>\n                <Link to={emailHref ?? ''}>{profile.email}</Link>\n              </ListItemText>\n            </ListItem>\n          )}\n\n          {maxRelations === undefined || maxRelations > 0 ? (\n            <ListItem>\n              <ListItemIcon>\n                <Tooltip title={t('userProfileCard.listItemTitle.memberOf')}>\n                  <GroupIcon />\n                </Tooltip>\n              </ListItemIcon>\n              <ListItemText>\n                <EntityRefLinks\n                  entityRefs={memberOfRelations.slice(0, maxRelations)}\n                  defaultKind=\"Group\"\n                  hideIcons={hideIcons}\n                />\n                {maxRelations && memberOfRelations.length > maxRelations ? (\n                  <>\n                    ,\n                    <BaseButton\n                      className={classes.moreButton}\n                      onClick={toggleAllGroupsDialog}\n                      disableRipple\n                    >\n                      {t('userProfileCard.moreGroupButtonTitle', {\n                        number: String(memberOfRelations.length - maxRelations),\n                      })}\n                    </BaseButton>\n                  </>\n                ) : null}\n              </ListItemText>\n            </ListItem>\n          ) : null}\n          {props?.showLinks && <LinksGroup links={links} />}\n        </List>\n      </Box>\n\n      <Dialog\n        classes={{ paper: classes.dialogPaper }}\n        open={isAllGroupsDialogOpen}\n        onClose={toggleAllGroupsDialog}\n        scroll=\"paper\"\n        aria-labelledby=\"view-all-groups-dialog-title\"\n        maxWidth=\"md\"\n        fullWidth\n      >\n        <DialogTitle id=\"view-all-groups-dialog-title\">\n          {t('userProfileCard.allGroupDialog.title', {\n            name: user.metadata.name,\n          })}\n          <IconButton\n            className={classes.closeButton}\n            aria-label={t('userProfileCard.allGroupDialog.closeButtonTitle')}\n            onClick={toggleAllGroupsDialog}\n          >\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent dividers>\n          <EntityRefLinks entityRefs={memberOfRelations} defaultKind=\"Group\" />\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={toggleAllGroupsDialog}>\n            {t('userProfileCard.allGroupDialog.closeButtonTitle')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </EntityInfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"UserProfileCard.esm.js","sources":["../../../../../src/components/Cards/User/UserProfileCard/UserProfileCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {\n  ANNOTATION_EDIT_URL,\n  RELATION_MEMBER_OF,\n  UserEntity,\n} from '@backstage/catalog-model';\nimport { Link } from '@backstage/core-components';\nimport { EntityInfoCard } from '@backstage/plugin-catalog-react';\nimport { Box, Flex, Text } from '@backstage/ui';\nimport { createStyles, makeStyles } from '@material-ui/core/styles';\nimport BaseButton from '@material-ui/core/ButtonBase';\nimport IconButton from '@material-ui/core/IconButton';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport CloseIcon from '@material-ui/icons/Close';\nimport {\n  EntityRefLinks,\n  getEntityRelations,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\n\nimport Alert from '@material-ui/lab/Alert';\nimport EditIcon from '@material-ui/icons/Edit';\nimport EmailIcon from '@material-ui/icons/Email';\nimport GroupIcon from '@material-ui/icons/Group';\nimport { LinksGroup } from '../../Meta';\n\nimport { useCallback, useState } from 'react';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { orgTranslationRef } from '../../../../translation';\nimport { UserAvatar } from '../../../UserAvatar';\n\n/** @public */\nexport type UserProfileCardClassKey =\n  | 'closeButton'\n  | 'moreButton'\n  | 'dialogPaper'\n  | 'list';\n\nconst useStyles = makeStyles(\n  theme =>\n    createStyles({\n      closeButton: {\n        position: 'absolute',\n        right: theme.spacing(1),\n        top: theme.spacing(1),\n        color: theme.palette.grey[500],\n      },\n      moreButton: {\n        display: 'contents',\n        color: theme.palette.primary.main,\n      },\n      dialogPaper: {\n        minHeight: 400,\n      },\n      list: {\n        overflowWrap: 'anywhere',\n      },\n    }),\n  { name: 'PluginOrgUserProfileCard' },\n);\n\nconst CardTitle = (props: { entity: UserEntity; title: string }) =>\n  props.title ? (\n    <Flex align=\"center\" gap=\"2\">\n      <UserAvatar\n        entity={props.entity}\n        displayName={props.title}\n        size=\"small\"\n      />\n      {props.title}\n    </Flex>\n  ) : null;\n\n/** @public */\nexport const UserProfileCard = (props: {\n  showLinks?: boolean;\n  maxRelations?: number;\n  hideIcons?: boolean;\n}) => {\n  const { maxRelations, hideIcons } = props;\n\n  const classes = useStyles();\n  const { entity: user } = useEntity<UserEntity>();\n  const [isAllGroupsDialogOpen, setIsAllGroupsDialogOpen] = useState(false);\n  const { t } = useTranslationRef(orgTranslationRef);\n\n  const toggleAllGroupsDialog = useCallback(\n    () =>\n      setIsAllGroupsDialogOpen(\n        prevIsViewAllGroupsDialogOpen => !prevIsViewAllGroupsDialogOpen,\n      ),\n    [],\n  );\n\n  if (!user) {\n    return <Alert severity=\"error\">{t('userProfileCard.userNotFound')}</Alert>;\n  }\n\n  const entityMetadataEditUrl =\n    user.metadata.annotations?.[ANNOTATION_EDIT_URL];\n\n  const {\n    metadata: { name: metaName, description, links },\n    spec: { profile },\n  } = user;\n  const displayName = profile?.displayName ?? metaName;\n  const emailHref = profile?.email ? `mailto:${profile.email}` : undefined;\n  const memberOfRelations = getEntityRelations(user, RELATION_MEMBER_OF, {\n    kind: 'Group',\n  });\n\n  return (\n    <EntityInfoCard\n      title={<CardTitle entity={user} title={displayName} />}\n      headerActions={\n        <>\n          {entityMetadataEditUrl && (\n            <IconButton\n              aria-label={t('userProfileCard.editIconButtonTitle')}\n              title={t('userProfileCard.editIconButtonTitle')}\n              component={Link}\n              to={entityMetadataEditUrl}\n            >\n              <EditIcon />\n            </IconButton>\n          )}\n        </>\n      }\n    >\n      {description && <Text color=\"secondary\">{description}</Text>}\n      <Box p=\"2\">\n        <List className={classes.list}>\n          {profile?.email && (\n            <ListItem>\n              <ListItemIcon>\n                <Tooltip title={t('userProfileCard.listItemTitle.email')}>\n                  <EmailIcon />\n                </Tooltip>\n              </ListItemIcon>\n              <ListItemText>\n                <Link to={emailHref ?? ''}>{profile.email}</Link>\n              </ListItemText>\n            </ListItem>\n          )}\n\n          {maxRelations === undefined || maxRelations > 0 ? (\n            <ListItem>\n              <ListItemIcon>\n                <Tooltip title={t('userProfileCard.listItemTitle.memberOf')}>\n                  <GroupIcon />\n                </Tooltip>\n              </ListItemIcon>\n              <ListItemText>\n                <EntityRefLinks\n                  entityRefs={memberOfRelations.slice(0, maxRelations)}\n                  defaultKind=\"Group\"\n                  hideIcons={hideIcons}\n                />\n                {maxRelations && memberOfRelations.length > maxRelations ? (\n                  <>\n                    ,\n                    <BaseButton\n                      className={classes.moreButton}\n                      onClick={toggleAllGroupsDialog}\n                      disableRipple\n                    >\n                      {t('userProfileCard.moreGroupButtonTitle', {\n                        number: String(memberOfRelations.length - maxRelations),\n                      })}\n                    </BaseButton>\n                  </>\n                ) : null}\n              </ListItemText>\n            </ListItem>\n          ) : null}\n          {props?.showLinks && <LinksGroup links={links} />}\n        </List>\n      </Box>\n\n      <Dialog\n        classes={{ paper: classes.dialogPaper }}\n        open={isAllGroupsDialogOpen}\n        onClose={toggleAllGroupsDialog}\n        scroll=\"paper\"\n        aria-labelledby=\"view-all-groups-dialog-title\"\n        maxWidth=\"md\"\n        fullWidth\n      >\n        <DialogTitle id=\"view-all-groups-dialog-title\">\n          {t('userProfileCard.allGroupDialog.title', {\n            name: user.metadata.name,\n          })}\n          <IconButton\n            className={classes.closeButton}\n            aria-label={t('userProfileCard.allGroupDialog.closeButtonTitle')}\n            onClick={toggleAllGroupsDialog}\n          >\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent dividers>\n          <EntityRefLinks entityRefs={memberOfRelations} defaultKind=\"Group\" />\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={toggleAllGroupsDialog}>\n            {t('userProfileCard.allGroupDialog.closeButtonTitle')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </EntityInfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/MyGroupsSidebarItem/MyGroupsSidebarItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"MyGroupsSidebarItem.esm.js","sources":["../../../src/components/MyGroupsSidebarItem/MyGroupsSidebarItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {\n  DEFAULT_NAMESPACE,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport {\n  SidebarItem,\n  SidebarSubmenu,\n  SidebarSubmenuItem,\n} from '@backstage/core-components';\nimport {\n  IconComponent,\n  identityApiRef,\n  useApi,\n  useRouteRef,\n} from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport {\n  catalogApiRef,\n  entityRouteRef,\n  entityPresentationApiRef,\n} from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\n\n/**\n * MyGroupsSidebarItem can be added to your sidebar providing quick access to groups the logged in user is a member of\n *\n * @public\n */\nexport const MyGroupsSidebarItem = (props: {\n  singularTitle: string;\n  pluralTitle: string;\n  icon: IconComponent;\n  filter?: Record<string, string | symbol | (string | symbol)[]>;\n}) => {\n  const { singularTitle, pluralTitle, icon, filter } = props;\n\n  const identityApi = useApi(identityApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const catalogEntityRoute = useRouteRef(entityRouteRef);\n  const entityPresentationApi = useApi(entityPresentationApiRef);\n\n  const { value: groups } = useAsync(async () => {\n    const profile = await identityApi.getBackstageIdentity();\n\n    const response = await catalogApi.getEntities({\n      filter: [\n        {\n          kind: 'group',\n          'relations.hasMember': profile.userEntityRef,\n          ...(filter ?? {}),\n        },\n      ],\n      fields: ['metadata', 'kind', 'spec.profile'],\n    });\n    return response.items;\n  }, []);\n\n  if (!groups?.length) {\n    return null;\n  }\n\n  // Only member of one group\n  if (groups.length === 1) {\n    const group = groups[0];\n    return (\n      <SidebarItem\n        text={singularTitle}\n        to={catalogEntityRoute(getCompoundEntityRef(group))}\n        icon={icon}\n      />\n    );\n  }\n\n  // Member of more than one group\n  return (\n    <SidebarItem icon={icon} text={pluralTitle}>\n      <SidebarSubmenu title={pluralTitle}>\n        {groups?.map(group => {\n          const entityDisplayName = entityPresentationApi.forEntity(group);\n          return (\n            <SidebarSubmenuItem\n              title={entityDisplayName.snapshot.primaryTitle}\n              subtitle={\n                group.metadata.namespace !== DEFAULT_NAMESPACE\n                  ? group.metadata.namespace\n                  : undefined\n              }\n              to={catalogEntityRoute(getCompoundEntityRef(group))}\n              icon={icon}\n              key={stringifyEntityRef(group)}\n            />\n          );\n        })}\n      </SidebarSubmenu>\n    </SidebarItem>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA4CO,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAK9B;AACJ,EAAA,MAAM,EAAE,aAAA,EAAe,WAAA,EAAa,IAAA,EAAM,QAAO,GAAI,KAAA;AAErD,EAAA,MAAM,WAAA,GAAc,OAAO,cAAc,CAAA;AACzC,EAAA,MAAM,UAAA,GAAa,OAAO,aAAa,CAAA;AACvC,EAAA,MAAM,kBAAA,GAAqB,YAAY,cAAc,CAAA;AACrD,EAAA,MAAM,qBAAA,GAAwB,OAAO,wBAAwB,CAAA;AAE7D,EAAA,MAAM,EAAE,KAAA,EAAO,MAAA,EAAO,GAAI,SAAS,YAAY;AAC7C,IAAA,MAAM,OAAA,GAAU,MAAM,WAAA,CAAY,oBAAA,EAAqB;AAEvD,IAAA,MAAM,QAAA,GAAW,MAAM,UAAA,CAAW,WAAA,CAAY;AAAA,MAC5C,MAAA,EAAQ;AAAA,QACN;AAAA,UACE,IAAA,EAAM,OAAA;AAAA,UACN,uBAAuB,OAAA,CAAQ,aAAA;AAAA,UAC/B,GAAI,UAAU;AAAC;AACjB,OACF;AAAA,MACA,MAAA,EAAQ,CAAC,UAAA,EAAY,MAAA,EAAQ,cAAc;AAAA,KAC5C,CAAA;AACD,IAAA,OAAO,QAAA,CAAS,KAAA;AAAA,EAClB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,IAAI,CAAC,QAAQ,MAAA,EAAQ;AACnB,IAAA,OAAO,IAAA;AAAA,EACT;AAGA,EAAA,IAAI,MAAA,CAAO,WAAW,CAAA,EAAG;AACvB,IAAA,MAAM,KAAA,GAAQ,OAAO,CAAC,CAAA;AACtB,IAAA,uBACE,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,aAAA;AAAA,QACN,EAAA,EAAI,kBAAA,CAAmB,oBAAA,CAAqB,KAAK,CAAC,CAAA;AAAA,QAClD;AAAA;AAAA,KACF;AAAA,EAEJ;AAGA,EAAA,uBACE,GAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAY,IAAA,EAAM,WAAA,EAC7B,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAO,WAAA,EACpB,QAAA,EAAA,MAAA,EAAQ,GAAA,CAAI,CAAA,KAAA,KAAS;AACpB,IAAA,MAAM,iBAAA,GAAoB,qBAAA,CAAsB,SAAA,CAAU,KAAK,CAAA;AAC/D,IAAA,uBACE,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,kBAAkB,QAAA,CAAS,YAAA;AAAA,QAClC,UACE,KAAA,CAAM,QAAA,CAAS,cAAc,iBAAA,GACzB,KAAA,CAAM,SAAS,SAAA,GACf,MAAA;AAAA,QAEN,EAAA,EAAI,kBAAA,CAAmB,oBAAA,CAAqB,KAAK,CAAC,CAAA;AAAA,QAClD;AAAA,OAAA;AAAA,MACK,mBAAmB,KAAK;AAAA,KAC/B;AAAA,EAEJ,CAAC,GACH,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"MyGroupsSidebarItem.esm.js","sources":["../../../src/components/MyGroupsSidebarItem/MyGroupsSidebarItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {\n  DEFAULT_NAMESPACE,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport {\n  SidebarItem,\n  SidebarSubmenu,\n  SidebarSubmenuItem,\n} from '@backstage/core-components';\nimport {\n  IconComponent,\n  identityApiRef,\n  useApi,\n  useRouteRef,\n} from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport {\n  catalogApiRef,\n  entityRouteRef,\n  entityPresentationApiRef,\n} from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\n\n/**\n * MyGroupsSidebarItem can be added to your sidebar providing quick access to groups the logged in user is a member of\n *\n * @public\n */\nexport const MyGroupsSidebarItem = (props: {\n  singularTitle: string;\n  pluralTitle: string;\n  icon: IconComponent;\n  filter?: Record<string, string | symbol | (string | symbol)[]>;\n}) => {\n  const { singularTitle, pluralTitle, icon, filter } = props;\n\n  const identityApi = useApi(identityApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const catalogEntityRoute = useRouteRef(entityRouteRef);\n  const entityPresentationApi = useApi(entityPresentationApiRef);\n\n  const { value: groups } = useAsync(async () => {\n    const profile = await identityApi.getBackstageIdentity();\n\n    const response = await catalogApi.getEntities({\n      filter: [\n        {\n          kind: 'group',\n          'relations.hasMember': profile.userEntityRef,\n          ...(filter ?? {}),\n        },\n      ],\n      fields: ['metadata', 'kind', 'spec.profile'],\n    });\n    return response.items;\n  }, []);\n\n  if (!groups?.length) {\n    return null;\n  }\n\n  // Only member of one group\n  if (groups.length === 1) {\n    const group = groups[0];\n    return (\n      <SidebarItem\n        text={singularTitle}\n        to={catalogEntityRoute(getCompoundEntityRef(group))}\n        icon={icon}\n      />\n    );\n  }\n\n  // Member of more than one group\n  return (\n    <SidebarItem icon={icon} text={pluralTitle}>\n      <SidebarSubmenu title={pluralTitle}>\n        {groups?.map(group => {\n          const entityDisplayName = entityPresentationApi.forEntity(group);\n          return (\n            <SidebarSubmenuItem\n              title={entityDisplayName.snapshot.primaryTitle}\n              subtitle={\n                group.metadata.namespace !== DEFAULT_NAMESPACE\n                  ? group.metadata.namespace\n                  : undefined\n              }\n              to={catalogEntityRoute(getCompoundEntityRef(group))}\n              icon={icon}\n              key={stringifyEntityRef(group)}\n            />\n          );\n        })}\n      </SidebarSubmenu>\n    </SidebarItem>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA4CO,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAK9B;AACJ,EAAA,MAAM,EAAE,aAAA,EAAe,WAAA,EAAa,IAAA,EAAM,QAAO,GAAI,KAAA;AAErD,EAAA,MAAM,WAAA,GAAc,OAAO,cAAc,CAAA;AACzC,EAAA,MAAM,UAAA,GAAa,OAAO,aAAa,CAAA;AACvC,EAAA,MAAM,kBAAA,GAAqB,YAAY,cAAc,CAAA;AACrD,EAAA,MAAM,qBAAA,GAAwB,OAAO,wBAAwB,CAAA;AAE7D,EAAA,MAAM,EAAE,KAAA,EAAO,MAAA,EAAO,GAAI,SAAS,YAAY;AAC7C,IAAA,MAAM,OAAA,GAAU,MAAM,WAAA,CAAY,oBAAA,EAAqB;AAEvD,IAAA,MAAM,QAAA,GAAW,MAAM,UAAA,CAAW,WAAA,CAAY;AAAA,MAC5C,MAAA,EAAQ;AAAA,QACN;AAAA,UACE,IAAA,EAAM,OAAA;AAAA,UACN,uBAAuB,OAAA,CAAQ,aAAA;AAAA,UAC/B,GAAI,UAAU;AAAC;AACjB,OACF;AAAA,MACA,MAAA,EAAQ,CAAC,UAAA,EAAY,MAAA,EAAQ,cAAc;AAAA,KAC5C,CAAA;AACD,IAAA,OAAO,QAAA,CAAS,KAAA;AAAA,EAClB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,IAAI,CAAC,QAAQ,MAAA,EAAQ;AACnB,IAAA,OAAO,IAAA;AAAA,EACT;AAGA,EAAA,IAAI,MAAA,CAAO,WAAW,CAAA,EAAG;AACvB,IAAA,MAAM,KAAA,GAAQ,OAAO,CAAC,CAAA;AACtB,IAAA,uBACE,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,aAAA;AAAA,QACN,EAAA,EAAI,kBAAA,CAAmB,oBAAA,CAAqB,KAAK,CAAC,CAAA;AAAA,QAClD;AAAA;AAAA,KACF;AAAA,EAEJ;AAGA,EAAA,uBACE,GAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAY,IAAA,EAAM,WAAA,EAC7B,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAO,WAAA,EACpB,QAAA,EAAA,MAAA,EAAQ,GAAA,CAAI,CAAA,KAAA,KAAS;AACpB,IAAA,MAAM,iBAAA,GAAoB,qBAAA,CAAsB,SAAA,CAAU,KAAK,CAAA;AAC/D,IAAA,uBACE,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,kBAAkB,QAAA,CAAS,YAAA;AAAA,QAClC,UACE,KAAA,CAAM,QAAA,CAAS,cAAc,iBAAA,GACzB,KAAA,CAAM,SAAS,SAAA,GACf,MAAA;AAAA,QAEN,EAAA,EAAI,kBAAA,CAAmB,oBAAA,CAAqB,KAAK,CAAC,CAAA;AAAA,QAClD;AAAA,OAAA;AAAA,MACK,mBAAmB,KAAK;AAAA,KAC/B;AAAA,EAEJ,CAAC,GACH,CAAA,EACF,CAAA;AAEJ;;"}

package/dist/components/UserAvatar/DefaultUserAvatar.esm.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { Avatar } from '@backstage/ui';
+
+const DefaultUserAvatar = (props) => {
+  const { entity, displayName, className, size = "x-large", purpose } = props;
+  const picture = entity.spec?.profile?.picture;
+  return /* @__PURE__ */ jsx(
+    Avatar,
+    {
+      className,
+      name: displayName,
+      src: picture ?? "",
+      purpose: purpose ?? "decoration",
+      size
+    }
+  );
+};
+
+export { DefaultUserAvatar };
+//# sourceMappingURL=DefaultUserAvatar.esm.js.map

package/dist/components/UserAvatar/DefaultUserAvatar.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultUserAvatar.esm.js","sources":["../../../src/components/UserAvatar/DefaultUserAvatar.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 { UserEntity } from '@backstage/catalog-model';\nimport { Avatar, AvatarOwnProps } from '@backstage/ui';\n\n/**\n * Props for the default {@link UserAvatar} implementation.\n *\n * @public\n */\nexport interface DefaultUserAvatarProps {\n  entity: UserEntity;\n  displayName: string;\n  className?: string;\n  size?: AvatarOwnProps['size'];\n  purpose?: AvatarOwnProps['purpose'];\n}\n\n/**\n * Default implementation of the {@link UserAvatar} swappable component.\n *\n * @public\n */\nexport const DefaultUserAvatar = (props: DefaultUserAvatarProps) => {\n  const { entity, displayName, className, size = 'x-large', purpose } = props;\n  const picture = entity.spec?.profile?.picture;\n\n  return (\n    <Avatar\n      className={className}\n      name={displayName}\n      src={picture ?? ''}\n      purpose={purpose ?? 'decoration'}\n      size={size}\n    />\n  );\n};\n"],"names":[],"mappings":";;;AAqCO,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAAkC;AAClE,EAAA,MAAM,EAAE,MAAA,EAAQ,WAAA,EAAa,WAAW,IAAA,GAAO,SAAA,EAAW,SAAQ,GAAI,KAAA;AACtE,EAAA,MAAM,OAAA,GAAU,MAAA,CAAO,IAAA,EAAM,OAAA,EAAS,OAAA;AAEtC,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,IAAA,EAAM,WAAA;AAAA,MACN,KAAK,OAAA,IAAW,EAAA;AAAA,MAChB,SAAS,OAAA,IAAW,YAAA;AAAA,MACpB;AAAA;AAAA,GACF;AAEJ;;"}

package/dist/components/UserAvatar/UserAvatar.esm.js

@@ -0,0 +1,16 @@
+import { createSwappableComponent } from '@backstage/frontend-plugin-api';
+
+const UserAvatar = createSwappableComponent({
+  id: "org.user-avatar",
+  loader: () => import('./DefaultUserAvatar.esm.js').then((m) => m.DefaultUserAvatar),
+  transformProps: ({ entity, displayName, className, size, purpose }) => ({
+    entity,
+    displayName: displayName ?? entity.spec?.profile?.displayName ?? entity.metadata.name,
+    className,
+    size,
+    purpose
+  })
+});
+
+export { UserAvatar };
+//# sourceMappingURL=UserAvatar.esm.js.map

package/dist/components/UserAvatar/UserAvatar.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserAvatar.esm.js","sources":["../../../src/components/UserAvatar/UserAvatar.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 { UserEntity } from '@backstage/catalog-model';\nimport { createSwappableComponent } from '@backstage/frontend-plugin-api';\nimport type { AvatarOwnProps } from '@backstage/ui';\nimport type { DefaultUserAvatarProps } from './DefaultUserAvatar';\n\n/**\n * Props for the {@link UserAvatar} swappable component.\n *\n * @public\n */\nexport interface UserAvatarProps {\n  /**\n   * The catalog user entity whose profile picture should be displayed.\n   */\n  entity: UserEntity;\n  /**\n   * Display name used for avatar initials when no picture is available.\n   * Defaults to `entity.spec.profile.displayName` or `entity.metadata.name`.\n   */\n  displayName?: string;\n  className?: string;\n  size?: AvatarOwnProps['size'];\n  purpose?: AvatarOwnProps['purpose'];\n}\n\n/**\n * Swappable component that renders a user profile avatar. Apps can override\n * this to customize avatar rendering consistently across org plugin surfaces\n * such as the members list and user profile cards.\n *\n * @public\n */\nexport const UserAvatar = createSwappableComponent<\n  DefaultUserAvatarProps,\n  UserAvatarProps\n>({\n  id: 'org.user-avatar',\n  loader: () => import('./DefaultUserAvatar').then(m => m.DefaultUserAvatar),\n  transformProps: ({ entity, displayName, className, size, purpose }) => ({\n    entity,\n    displayName:\n      displayName ?? entity.spec?.profile?.displayName ?? entity.metadata.name,\n    className,\n    size,\n    purpose,\n  }),\n});\n"],"names":[],"mappings":";;AAgDO,MAAM,aAAa,wBAAA,CAGxB;AAAA,EACA,EAAA,EAAI,iBAAA;AAAA,EACJ,MAAA,EAAQ,MAAM,OAAO,4BAAqB,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,iBAAiB,CAAA;AAAA,EACzE,cAAA,EAAgB,CAAC,EAAE,MAAA,EAAQ,aAAa,SAAA,EAAW,IAAA,EAAM,SAAQ,MAAO;AAAA,IACtE,MAAA;AAAA,IACA,aACE,WAAA,IAAe,MAAA,CAAO,MAAM,OAAA,EAAS,WAAA,IAAe,OAAO,QAAA,CAAS,IAAA;AAAA,IACtE,SAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GACF;AACF,CAAC;;"}

package/dist/components/index.esm.js

@@ -3,6 +3,8 @@ import { GroupProfileCard } from './Cards/Group/GroupProfile/GroupProfileCard.es
 import { UserProfileCard } from './Cards/User/UserProfileCard/UserProfileCard.esm.js';
 import { OwnershipCard } from './Cards/OwnershipCard/OwnershipCard.esm.js';
 export { MyGroupsSidebarItem } from './MyGroupsSidebarItem/MyGroupsSidebarItem.esm.js';
+export { UserAvatar } from './UserAvatar/UserAvatar.esm.js';
+export { DefaultUserAvatar } from './UserAvatar/DefaultUserAvatar.esm.js';
 
 
 

package/dist/components/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/helpers/helpers.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.esm.js","sources":["../../src/helpers/helpers.ts"],"sourcesContent":["/*\n * Copyright 2023 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 {\n  CompoundEntityRef,\n  DEFAULT_NAMESPACE,\n  Entity,\n  GroupEntity,\n  RELATION_PARENT_OF,\n  stringifyEntityRef,\n  UserEntity,\n} from '@backstage/catalog-model';\nimport {\n  CatalogApi,\n  getEntityRelations,\n} from '@backstage/plugin-catalog-react';\n\nexport const getMembersFromGroups = async (\n  groups: CompoundEntityRef[],\n  catalogApi: CatalogApi,\n  relationship = 'memberof',\n) => {\n  const membersList =\n    groups.length === 0\n      ? { items: [] }\n      : await catalogApi.getEntities({\n          filter: {\n            kind: 'User',\n            [`relations.${relationship.toLowerCase()}`]: groups.map(group =>\n              stringifyEntityRef({\n                kind: 'group',\n                namespace: group.namespace.toLowerCase(),\n                name: group.name.toLowerCase(),\n              }),\n            ),\n          },\n        });\n\n  return membersList.items as UserEntity[];\n};\n\nexport const getDescendantGroupsFromGroup = async (\n  group: GroupEntity,\n  catalogApi: CatalogApi,\n) => {\n  const alreadyQueuedOrExpandedGroupNames = new Map<string, boolean>();\n  const groupRef: CompoundEntityRef = {\n    kind: group.kind,\n    namespace: group.metadata.namespace ?? DEFAULT_NAMESPACE,\n    name: group.metadata.name,\n  };\n\n  const groupQueue = [groupRef];\n  const resultantGroupRefs: CompoundEntityRef[] = [];\n\n  // Continue expanding groups until there are no more\n  while (groupQueue.length > 0) {\n    const activeGroupRef = groupQueue.shift() as CompoundEntityRef;\n    const activeGroup = await catalogApi.getEntityByRef(activeGroupRef);\n    alreadyQueuedOrExpandedGroupNames.set(\n      stringifyEntityRef(activeGroupRef),\n      true,\n    );\n\n    const childGroups = getEntityRelations(activeGroup, RELATION_PARENT_OF, {\n      kind: 'Group',\n    }).filter(\n      currentGroup =>\n        !alreadyQueuedOrExpandedGroupNames.has(\n          stringifyEntityRef(currentGroup),\n        ),\n    );\n    childGroups.forEach(childGroup =>\n      alreadyQueuedOrExpandedGroupNames.set(\n        stringifyEntityRef(childGroup),\n        true,\n      ),\n    );\n\n    groupQueue.push(...childGroups);\n    resultantGroupRefs.push(...childGroups);\n  }\n\n  return resultantGroupRefs;\n};\n\nexport const getAllDesendantMembersForGroupEntity = async (\n  groupEntity: GroupEntity,\n  catalogApi: CatalogApi,\n  relationship = 'memberof',\n) =>\n  getMembersFromGroups(\n    await getDescendantGroupsFromGroup(groupEntity, catalogApi),\n    catalogApi,\n    relationship,\n  );\n\nexport const removeDuplicateEntitiesFrom = (entityArray: Entity[]) => {\n  const seenEntities = new Map<string, boolean>();\n\n  return entityArray.filter(entity => {\n    const stringifiedEntity = stringifyEntityRef(entity);\n    const isDuplicate = seenEntities.has(stringifiedEntity);\n\n    seenEntities.set(stringifiedEntity, true);\n    return !isDuplicate;\n  });\n};\n"],"names":[],"mappings":";;;AA8BO,MAAM,oBAAA,GAAuB,OAClC,MAAA,EACA,UAAA,EACA,eAAe,UAAA,KACZ;AACH,EAAA,MAAM,WAAA,GACJ,MAAA,CAAO,MAAA,KAAW,CAAA,GACd,EAAE,KAAA,EAAO,EAAC,EAAE,GACZ,MAAM,UAAA,CAAW,WAAA,CAAY;AAAA,IAC3B,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM,MAAA;AAAA,MACN,CAAC,CAAA,UAAA,EAAa,YAAA,CAAa,aAAa,CAAA,CAAE,GAAG,MAAA,CAAO,GAAA;AAAA,QAAI,WACtD,kBAAA,CAAmB;AAAA,UACjB,IAAA,EAAM,OAAA;AAAA,UACN,SAAA,EAAW,KAAA,CAAM,SAAA,CAAU,WAAA,EAAY;AAAA,UACvC,IAAA,EAAM,KAAA,CAAM,IAAA,CAAK,WAAA;AAAY,SAC9B;AAAA;AACH;AACF,GACD,CAAA;AAEP,EAAA,OAAO,WAAA,CAAY,KAAA;AACrB;AAEO,MAAM,4BAAA,GAA+B,OAC1C,KAAA,EACA,UAAA,KACG;AACH,EAAA,MAAM,iCAAA,uBAAwC,GAAA,EAAqB;AACnE,EAAA,MAAM,QAAA,GAA8B;AAAA,IAClC,MAAM,KAAA,CAAM,IAAA;AAAA,IACZ,SAAA,EAAW,KAAA,CAAM,QAAA,CAAS,SAAA,IAAa,iBAAA;AAAA,IACvC,IAAA,EAAM,MAAM,QAAA,CAAS;AAAA,GACvB;AAEA,EAAA,MAAM,UAAA,GAAa,CAAC,QAAQ,CAAA;AAC5B,EAAA,MAAM,qBAA0C,EAAC;AAGjD,EAAA,OAAO,UAAA,CAAW,SAAS,CAAA,EAAG;AAC5B,IAAA,MAAM,cAAA,GAAiB,WAAW,KAAA,EAAM;AACxC,IAAA,MAAM,WAAA,GAAc,MAAM,UAAA,CAAW,cAAA,CAAe,cAAc,CAAA;AAClE,IAAA,iCAAA,CAAkC,GAAA;AAAA,MAChC,mBAAmB,cAAc,CAAA;AAAA,MACjC;AAAA,KACF;AAEA,IAAA,MAAM,WAAA,GAAc,kBAAA,CAAmB,WAAA,EAAa,kBAAA,EAAoB;AAAA,MACtE,IAAA,EAAM;AAAA,KACP,CAAA,CAAE,MAAA;AAAA,MACD,CAAA,YAAA,KACE,CAAC,iCAAA,CAAkC,GAAA;AAAA,QACjC,mBAAmB,YAAY;AAAA;AACjC,KACJ;AACA,IAAA,WAAA,CAAY,OAAA;AAAA,MAAQ,gBAClB,iCAAA,CAAkC,GAAA;AAAA,QAChC,mBAAmB,UAAU,CAAA;AAAA,QAC7B;AAAA;AACF,KACF;AAEA,IAAA,UAAA,CAAW,IAAA,CAAK,GAAG,WAAW,CAAA;AAC9B,IAAA,kBAAA,CAAmB,IAAA,CAAK,GAAG,WAAW,CAAA;AAAA,EACxC;AAEA,EAAA,OAAO,kBAAA;AACT;AAEO,MAAM,oCAAA,GAAuC,OAClD,WAAA,EACA,UAAA,EACA,eAAe,UAAA,KAEf,oBAAA;AAAA,EACE,MAAM,4BAAA,CAA6B,WAAA,EAAa,UAAU,CAAA;AAAA,EAC1D,UAAA;AAAA,EACA;AACF;AAEK,MAAM,2BAAA,GAA8B,CAAC,WAAA,KAA0B;AACpE,EAAA,MAAM,YAAA,uBAAmB,GAAA,EAAqB;AAE9C,EAAA,OAAO,WAAA,CAAY,OAAO,CAAA,MAAA,KAAU;AAClC,IAAA,MAAM,iBAAA,GAAoB,mBAAmB,MAAM,CAAA;AACnD,IAAA,MAAM,WAAA,GAAc,YAAA,CAAa,GAAA,CAAI,iBAAiB,CAAA;AAEtD,IAAA,YAAA,CAAa,GAAA,CAAI,mBAAmB,IAAI,CAAA;AACxC,IAAA,OAAO,CAAC,WAAA;AAAA,EACV,CAAC,CAAA;AACH;;;;"}
+{"version":3,"file":"helpers.esm.js","sources":["../../src/helpers/helpers.ts"],"sourcesContent":["/*\n * Copyright 2023 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 {\n  CompoundEntityRef,\n  DEFAULT_NAMESPACE,\n  Entity,\n  GroupEntity,\n  RELATION_PARENT_OF,\n  stringifyEntityRef,\n  UserEntity,\n} from '@backstage/catalog-model';\nimport {\n  CatalogApi,\n  getEntityRelations,\n} from '@backstage/plugin-catalog-react';\n\nexport const getMembersFromGroups = async (\n  groups: CompoundEntityRef[],\n  catalogApi: CatalogApi,\n  relationship = 'memberof',\n) => {\n  const membersList =\n    groups.length === 0\n      ? { items: [] }\n      : await catalogApi.getEntities({\n          filter: {\n            kind: 'User',\n            [`relations.${relationship.toLowerCase()}`]: groups.map(group =>\n              stringifyEntityRef({\n                kind: 'group',\n                namespace: group.namespace.toLowerCase(),\n                name: group.name.toLowerCase(),\n              }),\n            ),\n          },\n        });\n\n  return membersList.items as UserEntity[];\n};\n\nexport const getDescendantGroupsFromGroup = async (\n  group: GroupEntity,\n  catalogApi: CatalogApi,\n) => {\n  const alreadyQueuedOrExpandedGroupNames = new Map<string, boolean>();\n  const groupRef: CompoundEntityRef = {\n    kind: group.kind,\n    namespace: group.metadata.namespace ?? DEFAULT_NAMESPACE,\n    name: group.metadata.name,\n  };\n\n  const groupQueue = [groupRef];\n  const resultantGroupRefs: CompoundEntityRef[] = [];\n\n  // Continue expanding groups until there are no more\n  while (groupQueue.length > 0) {\n    const activeGroupRef = groupQueue.shift() as CompoundEntityRef;\n    const activeGroup = await catalogApi.getEntityByRef(activeGroupRef);\n    alreadyQueuedOrExpandedGroupNames.set(\n      stringifyEntityRef(activeGroupRef),\n      true,\n    );\n\n    const childGroups = getEntityRelations(activeGroup, RELATION_PARENT_OF, {\n      kind: 'Group',\n    }).filter(\n      currentGroup =>\n        !alreadyQueuedOrExpandedGroupNames.has(\n          stringifyEntityRef(currentGroup),\n        ),\n    );\n    childGroups.forEach(childGroup =>\n      alreadyQueuedOrExpandedGroupNames.set(\n        stringifyEntityRef(childGroup),\n        true,\n      ),\n    );\n\n    groupQueue.push(...childGroups);\n    resultantGroupRefs.push(...childGroups);\n  }\n\n  return resultantGroupRefs;\n};\n\nexport const getAllDesendantMembersForGroupEntity = async (\n  groupEntity: GroupEntity,\n  catalogApi: CatalogApi,\n  relationship = 'memberof',\n) =>\n  getMembersFromGroups(\n    await getDescendantGroupsFromGroup(groupEntity, catalogApi),\n    catalogApi,\n    relationship,\n  );\n\nexport const removeDuplicateEntitiesFrom = (entityArray: Entity[]) => {\n  const seenEntities = new Map<string, boolean>();\n\n  return entityArray.filter(entity => {\n    const stringifiedEntity = stringifyEntityRef(entity);\n    const isDuplicate = seenEntities.has(stringifiedEntity);\n\n    seenEntities.set(stringifiedEntity, true);\n    return !isDuplicate;\n  });\n};\n"],"names":[],"mappings":";;;AA8BO,MAAM,oBAAA,GAAuB,OAClC,MAAA,EACA,UAAA,EACA,eAAe,UAAA,KACZ;AACH,EAAA,MAAM,WAAA,GACJ,MAAA,CAAO,MAAA,KAAW,CAAA,GACd,EAAE,KAAA,EAAO,EAAC,EAAE,GACZ,MAAM,UAAA,CAAW,WAAA,CAAY;AAAA,IAC3B,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM,MAAA;AAAA,MACN,CAAC,CAAA,UAAA,EAAa,YAAA,CAAa,aAAa,CAAA,CAAE,GAAG,MAAA,CAAO,GAAA;AAAA,QAAI,WACtD,kBAAA,CAAmB;AAAA,UACjB,IAAA,EAAM,OAAA;AAAA,UACN,SAAA,EAAW,KAAA,CAAM,SAAA,CAAU,WAAA,EAAY;AAAA,UACvC,IAAA,EAAM,KAAA,CAAM,IAAA,CAAK,WAAA;AAAY,SAC9B;AAAA;AACH;AACF,GACD,CAAA;AAEP,EAAA,OAAO,WAAA,CAAY,KAAA;AACrB;AAEO,MAAM,4BAAA,GAA+B,OAC1C,KAAA,EACA,UAAA,KACG;AACH,EAAA,MAAM,iCAAA,uBAAwC,GAAA,EAAqB;AACnE,EAAA,MAAM,QAAA,GAA8B;AAAA,IAClC,MAAM,KAAA,CAAM,IAAA;AAAA,IACZ,SAAA,EAAW,KAAA,CAAM,QAAA,CAAS,SAAA,IAAa,iBAAA;AAAA,IACvC,IAAA,EAAM,MAAM,QAAA,CAAS;AAAA,GACvB;AAEA,EAAA,MAAM,UAAA,GAAa,CAAC,QAAQ,CAAA;AAC5B,EAAA,MAAM,qBAA0C,EAAC;AAGjD,EAAA,OAAO,UAAA,CAAW,SAAS,CAAA,EAAG;AAC5B,IAAA,MAAM,cAAA,GAAiB,WAAW,KAAA,EAAM;AACxC,IAAA,MAAM,WAAA,GAAc,MAAM,UAAA,CAAW,cAAA,CAAe,cAAc,CAAA;AAClE,IAAA,iCAAA,CAAkC,GAAA;AAAA,MAChC,mBAAmB,cAAc,CAAA;AAAA,MACjC;AAAA,KACF;AAEA,IAAA,MAAM,WAAA,GAAc,kBAAA,CAAmB,WAAA,EAAa,kBAAA,EAAoB;AAAA,MACtE,IAAA,EAAM;AAAA,KACP,CAAA,CAAE,MAAA;AAAA,MACD,CAAA,YAAA,KACE,CAAC,iCAAA,CAAkC,GAAA;AAAA,QACjC,mBAAmB,YAAY;AAAA;AACjC,KACJ;AACA,IAAA,WAAA,CAAY,OAAA;AAAA,MAAQ,gBAClB,iCAAA,CAAkC,GAAA;AAAA,QAChC,mBAAmB,UAAU,CAAA;AAAA,QAC7B;AAAA;AACF,KACF;AAEA,IAAA,UAAA,CAAW,IAAA,CAAK,GAAG,WAAW,CAAA;AAC9B,IAAA,kBAAA,CAAmB,IAAA,CAAK,GAAG,WAAW,CAAA;AAAA,EACxC;AAEA,EAAA,OAAO,kBAAA;AACT;AAEO,MAAM,oCAAA,GAAuC,OAClD,WAAA,EACA,UAAA,EACA,eAAe,UAAA,KAEf,oBAAA;AAAA,EACE,MAAM,4BAAA,CAA6B,WAAA,EAAa,UAAU,CAAA;AAAA,EAC1D,UAAA;AAAA,EACA;AACF;AAEK,MAAM,2BAAA,GAA8B,CAAC,WAAA,KAA0B;AACpE,EAAA,MAAM,YAAA,uBAAmB,GAAA,EAAqB;AAE9C,EAAA,OAAO,WAAA,CAAY,OAAO,CAAA,MAAA,KAAU;AAClC,IAAA,MAAM,iBAAA,GAAoB,mBAAmB,MAAM,CAAA;AACnD,IAAA,MAAM,WAAA,GAAc,YAAA,CAAa,GAAA,CAAI,iBAAiB,CAAA;AAEtD,IAAA,YAAA,CAAa,GAAA,CAAI,mBAAmB,IAAI,CAAA;AACxC,IAAA,OAAO,CAAC,WAAA;AAAA,EACV,CAAC,CAAA;AACH;;"}

package/dist/index.d.ts

@@ -2,6 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { IconComponent } from '@backstage/core-plugin-api';
 import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+import { UserEntity } from '@backstage/catalog-model';
+import { AvatarOwnProps } from '@backstage/ui';
 
 /** @public */
 type EntityRelationAggregation = 'direct' | 'aggregated';
@@ -60,6 +62,56 @@ declare const MyGroupsSidebarItem: (props: {
     filter?: Record<string, string | symbol | (string | symbol)[]>;
 }) => react_jsx_runtime.JSX.Element | null;
 
+/**
+ * Props for the default {@link UserAvatar} implementation.
+ *
+ * @public
+ */
+interface DefaultUserAvatarProps {
+    entity: UserEntity;
+    displayName: string;
+    className?: string;
+    size?: AvatarOwnProps['size'];
+    purpose?: AvatarOwnProps['purpose'];
+}
+/**
+ * Default implementation of the {@link UserAvatar} swappable component.
+ *
+ * @public
+ */
+declare const DefaultUserAvatar: (props: DefaultUserAvatarProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * Props for the {@link UserAvatar} swappable component.
+ *
+ * @public
+ */
+interface UserAvatarProps {
+    /**
+     * The catalog user entity whose profile picture should be displayed.
+     */
+    entity: UserEntity;
+    /**
+     * Display name used for avatar initials when no picture is available.
+     * Defaults to `entity.spec.profile.displayName` or `entity.metadata.name`.
+     */
+    displayName?: string;
+    className?: string;
+    size?: AvatarOwnProps['size'];
+    purpose?: AvatarOwnProps['purpose'];
+}
+/**
+ * Swappable component that renders a user profile avatar. Apps can override
+ * this to customize avatar rendering consistently across org plugin surfaces
+ * such as the members list and user profile cards.
+ *
+ * @public
+ */
+declare const UserAvatar: {
+    (props: UserAvatarProps): JSX.Element | null;
+    ref: _backstage_frontend_plugin_api.SwappableComponentRef<DefaultUserAvatarProps, UserAvatarProps>;
+};
+
 /** @public */
 declare const orgPlugin: _backstage_core_plugin_api.BackstagePlugin<{}, {
     catalogIndex: _backstage_core_plugin_api.ExternalRouteRef<undefined, true>;
@@ -120,5 +172,5 @@ declare const orgTranslationRef: _backstage_frontend_plugin_api.TranslationRef<"
     readonly "userProfileCard.allGroupDialog.closeButtonTitle": "Close";
 }>;
 
-export { EntityGroupProfileCard, EntityMembersListCard, EntityOwnershipCard, EntityUserProfileCard, GroupProfileCard, MembersListCard, MyGroupsSidebarItem, OwnershipCard, UserProfileCard, orgPlugin, orgTranslationRef, orgPlugin as plugin };
-export type { ComponentsGridClassKey, EntityRelationAggregation, MembersListCardClassKey, OwnershipCardClassKey, UserProfileCardClassKey };
+export { DefaultUserAvatar, EntityGroupProfileCard, EntityMembersListCard, EntityOwnershipCard, EntityUserProfileCard, GroupProfileCard, MembersListCard, MyGroupsSidebarItem, OwnershipCard, UserAvatar, UserProfileCard, orgPlugin, orgTranslationRef, orgPlugin as plugin };
+export type { ComponentsGridClassKey, DefaultUserAvatarProps, EntityRelationAggregation, MembersListCardClassKey, OwnershipCardClassKey, UserAvatarProps, UserProfileCardClassKey };

package/dist/index.esm.js

@@ -4,5 +4,7 @@ export { GroupProfileCard } from './components/Cards/Group/GroupProfile/GroupPro
 export { UserProfileCard } from './components/Cards/User/UserProfileCard/UserProfileCard.esm.js';
 export { OwnershipCard } from './components/Cards/OwnershipCard/OwnershipCard.esm.js';
 export { MyGroupsSidebarItem } from './components/MyGroupsSidebarItem/MyGroupsSidebarItem.esm.js';
+export { UserAvatar } from './components/UserAvatar/UserAvatar.esm.js';
+export { DefaultUserAvatar } from './components/UserAvatar/DefaultUserAvatar.esm.js';
 export { orgTranslationRef } from './translation.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/package.json.esm.js

@@ -1,5 +1,5 @@
 var name = "@backstage/plugin-org";
-var version = "0.7.9";
+var version = "0.8.0-next.1";
 var description = "A Backstage plugin that helps you create entity pages for your organization";
 var backstage = {
 	role: "frontend-plugin",

package/dist/package.json.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"package.json.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"package.json.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2020 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  createComponentExtension,\n  createPlugin,\n} from '@backstage/core-plugin-api';\nimport { catalogIndexRouteRef } from './routes';\n\n/** @public */\nexport const orgPlugin = createPlugin({\n  id: 'org',\n  externalRoutes: {\n    catalogIndex: catalogIndexRouteRef,\n  },\n});\n\n/** @public */\nexport const EntityGroupProfileCard = orgPlugin.provide(\n  createComponentExtension({\n    name: 'EntityGroupProfileCard',\n    component: {\n      lazy: () => import('./components').then(m => m.GroupProfileCard),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityMembersListCard = orgPlugin.provide(\n  createComponentExtension({\n    name: 'EntityMembersListCard',\n    component: {\n      lazy: () => import('./components').then(m => m.MembersListCard),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityOwnershipCard = orgPlugin.provide(\n  createComponentExtension({\n    name: 'EntityOwnershipCard',\n    component: {\n      lazy: () => import('./components').then(m => m.OwnershipCard),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityUserProfileCard = orgPlugin.provide(\n  createComponentExtension({\n    name: 'EntityUserProfileCard',\n    component: {\n      lazy: () => import('./components').then(m => m.UserProfileCard),\n    },\n  }),\n);\n"],"names":[],"mappings":";;;AAsBO,MAAM,YAAY,YAAA,CAAa;AAAA,EACpC,EAAA,EAAI,KAAA;AAAA,EACJ,cAAA,EAAgB;AAAA,IACd,YAAA,EAAc;AAAA;AAElB,CAAC;AAGM,MAAM,yBAAyB,SAAA,CAAU,OAAA;AAAA,EAC9C,wBAAA,CAAyB;AAAA,IACvB,IAAA,EAAM,wBAAA;AAAA,IACN,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,gBAAgB;AAAA;AACjE,GACD;AACH;AAGO,MAAM,wBAAwB,SAAA,CAAU,OAAA;AAAA,EAC7C,wBAAA,CAAyB;AAAA,IACvB,IAAA,EAAM,uBAAA;AAAA,IACN,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,eAAe;AAAA;AAChE,GACD;AACH;AAGO,MAAM,sBAAsB,SAAA,CAAU,OAAA;AAAA,EAC3C,wBAAA,CAAyB;AAAA,IACvB,IAAA,EAAM,qBAAA;AAAA,IACN,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,aAAa;AAAA;AAC9D,GACD;AACH;AAGO,MAAM,wBAAwB,SAAA,CAAU,OAAA;AAAA,EAC7C,wBAAA,CAAyB;AAAA,IACvB,IAAA,EAAM,uBAAA;AAAA,IACN,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,eAAe;AAAA;AAChE,GACD;AACH;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2020 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  createComponentExtension,\n  createPlugin,\n} from '@backstage/core-plugin-api';\nimport { catalogIndexRouteRef } from './routes';\n\n/** @public */\nexport const orgPlugin = createPlugin({\n  id: 'org',\n  externalRoutes: {\n    catalogIndex: catalogIndexRouteRef,\n  },\n});\n\n/** @public */\nexport const EntityGroupProfileCard = orgPlugin.provide(\n  createComponentExtension({\n    name: 'EntityGroupProfileCard',\n    component: {\n      lazy: () => import('./components').then(m => m.GroupProfileCard),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityMembersListCard = orgPlugin.provide(\n  createComponentExtension({\n    name: 'EntityMembersListCard',\n    component: {\n      lazy: () => import('./components').then(m => m.MembersListCard),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityOwnershipCard = orgPlugin.provide(\n  createComponentExtension({\n    name: 'EntityOwnershipCard',\n    component: {\n      lazy: () => import('./components').then(m => m.OwnershipCard),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityUserProfileCard = orgPlugin.provide(\n  createComponentExtension({\n    name: 'EntityUserProfileCard',\n    component: {\n      lazy: () => import('./components').then(m => m.UserProfileCard),\n    },\n  }),\n);\n"],"names":[],"mappings":";;;AAsBO,MAAM,YAAY,YAAA,CAAa;AAAA,EACpC,EAAA,EAAI,KAAA;AAAA,EACJ,cAAA,EAAgB;AAAA,IACd,YAAA,EAAc;AAAA;AAElB,CAAC;AAGM,MAAM,yBAAyB,SAAA,CAAU,OAAA;AAAA,EAC9C,wBAAA,CAAyB;AAAA,IACvB,IAAA,EAAM,wBAAA;AAAA,IACN,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,gBAAgB;AAAA;AACjE,GACD;AACH;AAGO,MAAM,wBAAwB,SAAA,CAAU,OAAA;AAAA,EAC7C,wBAAA,CAAyB;AAAA,IACvB,IAAA,EAAM,uBAAA;AAAA,IACN,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,eAAe;AAAA;AAChE,GACD;AACH;AAGO,MAAM,sBAAsB,SAAA,CAAU,OAAA;AAAA,EAC3C,wBAAA,CAAyB;AAAA,IACvB,IAAA,EAAM,qBAAA;AAAA,IACN,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,aAAa;AAAA;AAC9D,GACD;AACH;AAGO,MAAM,wBAAwB,SAAA,CAAU,OAAA;AAAA,EAC7C,wBAAA,CAAyB;AAAA,IACvB,IAAA,EAAM,uBAAA;AAAA,IACN,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,eAAe;AAAA;AAChE,GACD;AACH;;"}

package/dist/routes.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"sourcesContent":["/*\n * Copyright 2020 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 { createExternalRouteRef } from '@backstage/core-plugin-api';\n\nexport const catalogIndexRouteRef = createExternalRouteRef({\n  id: 'catalog-index',\n  optional: true,\n  defaultTarget: 'catalog.catalogIndex',\n});\n"],"names":[],"mappings":";;AAkBO,MAAM,uBAAuB,sBAAA,CAAuB;AAAA,EACzD,EAAA,EAAI,eAAA;AAAA,EACJ,QAAA,EAAU,IAAA;AAAA,EACV,aAAA,EAAe;AACjB,CAAC;;;;"}
+{"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"sourcesContent":["/*\n * Copyright 2020 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 { createExternalRouteRef } from '@backstage/core-plugin-api';\n\nexport const catalogIndexRouteRef = createExternalRouteRef({\n  id: 'catalog-index',\n  optional: true,\n  defaultTarget: 'catalog.catalogIndex',\n});\n"],"names":[],"mappings":";;AAkBO,MAAM,uBAAuB,sBAAA,CAAuB;AAAA,EACzD,EAAA,EAAI,eAAA;AAAA,EACJ,QAAA,EAAU,IAAA;AAAA,EACV,aAAA,EAAe;AACjB,CAAC;;"}

package/dist/translation.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"translation.esm.js","sources":["../src/translation.ts"],"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 { createTranslationRef } from '@backstage/frontend-plugin-api';\n\n/**\n * @public\n */\nexport const orgTranslationRef = createTranslationRef({\n  id: 'org',\n  messages: {\n    groupProfileCard: {\n      groupNotFound: 'Group not found',\n      editIconButtonTitle: 'Edit Metadata',\n      refreshIconButtonTitle: 'Schedule entity refresh',\n      refreshIconButtonAriaLabel: 'Refresh',\n      listItemTitle: {\n        entityRef: 'Entity Ref',\n        email: 'Email',\n        parentGroup: 'Parent Group',\n        childGroups: 'Child Groups',\n      },\n    },\n    membersListCard: {\n      cardLabel: 'User page for {{memberName}}',\n      title: '{{groupName}} members',\n      noMembersDescription: 'This group has no members.',\n      noSearchResult: 'Found no members matching \"{{searchTerm}}\".',\n      aggregateMembersToggle: {\n        label: 'Include subgroups',\n      },\n    },\n    ownershipCard: {\n      title: 'Ownership',\n      aggregateRelationsToggle: {\n        label: 'Include indirect ownership',\n      },\n    },\n    userProfileCard: {\n      userNotFound: 'User not found',\n      editIconButtonTitle: 'Edit Metadata',\n      listItemTitle: {\n        email: 'Email',\n        memberOf: 'Member of',\n      },\n      moreGroupButtonTitle: '...More ({{number}})',\n      allGroupDialog: {\n        title: \"All {{name}}'s groups:\",\n        closeButtonTitle: 'Close',\n      },\n    },\n  },\n});\n"],"names":[],"mappings":";;AAoBO,MAAM,oBAAoB,oBAAA,CAAqB;AAAA,EACpD,EAAA,EAAI,KAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,gBAAA,EAAkB;AAAA,MAChB,aAAA,EAAe,iBAAA;AAAA,MACf,mBAAA,EAAqB,eAAA;AAAA,MACrB,sBAAA,EAAwB,yBAAA;AAAA,MACxB,0BAAA,EAA4B,SAAA;AAAA,MAC5B,aAAA,EAAe;AAAA,QACb,SAAA,EAAW,YAAA;AAAA,QACX,KAAA,EAAO,OAAA;AAAA,QACP,WAAA,EAAa,cAAA;AAAA,QACb,WAAA,EAAa;AAAA;AACf,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW,8BAAA;AAAA,MACX,KAAA,EAAO,uBAAA;AAAA,MACP,oBAAA,EAAsB,4BAAA;AAAA,MACtB,cAAA,EAAgB,6CAAA;AAAA,MAChB,sBAAA,EAAwB;AAAA,QACtB,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,aAAA,EAAe;AAAA,MACb,KAAA,EAAO,WAAA;AAAA,MACP,wBAAA,EAA0B;AAAA,QACxB,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,YAAA,EAAc,gBAAA;AAAA,MACd,mBAAA,EAAqB,eAAA;AAAA,MACrB,aAAA,EAAe;AAAA,QACb,KAAA,EAAO,OAAA;AAAA,QACP,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,oBAAA,EAAsB,sBAAA;AAAA,MACtB,cAAA,EAAgB;AAAA,QACd,KAAA,EAAO,wBAAA;AAAA,QACP,gBAAA,EAAkB;AAAA;AACpB;AACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"translation.esm.js","sources":["../src/translation.ts"],"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 { createTranslationRef } from '@backstage/frontend-plugin-api';\n\n/**\n * @public\n */\nexport const orgTranslationRef = createTranslationRef({\n  id: 'org',\n  messages: {\n    groupProfileCard: {\n      groupNotFound: 'Group not found',\n      editIconButtonTitle: 'Edit Metadata',\n      refreshIconButtonTitle: 'Schedule entity refresh',\n      refreshIconButtonAriaLabel: 'Refresh',\n      listItemTitle: {\n        entityRef: 'Entity Ref',\n        email: 'Email',\n        parentGroup: 'Parent Group',\n        childGroups: 'Child Groups',\n      },\n    },\n    membersListCard: {\n      cardLabel: 'User page for {{memberName}}',\n      title: '{{groupName}} members',\n      noMembersDescription: 'This group has no members.',\n      noSearchResult: 'Found no members matching \"{{searchTerm}}\".',\n      aggregateMembersToggle: {\n        label: 'Include subgroups',\n      },\n    },\n    ownershipCard: {\n      title: 'Ownership',\n      aggregateRelationsToggle: {\n        label: 'Include indirect ownership',\n      },\n    },\n    userProfileCard: {\n      userNotFound: 'User not found',\n      editIconButtonTitle: 'Edit Metadata',\n      listItemTitle: {\n        email: 'Email',\n        memberOf: 'Member of',\n      },\n      moreGroupButtonTitle: '...More ({{number}})',\n      allGroupDialog: {\n        title: \"All {{name}}'s groups:\",\n        closeButtonTitle: 'Close',\n      },\n    },\n  },\n});\n"],"names":[],"mappings":";;AAoBO,MAAM,oBAAoB,oBAAA,CAAqB;AAAA,EACpD,EAAA,EAAI,KAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,gBAAA,EAAkB;AAAA,MAChB,aAAA,EAAe,iBAAA;AAAA,MACf,mBAAA,EAAqB,eAAA;AAAA,MACrB,sBAAA,EAAwB,yBAAA;AAAA,MACxB,0BAAA,EAA4B,SAAA;AAAA,MAC5B,aAAA,EAAe;AAAA,QACb,SAAA,EAAW,YAAA;AAAA,QACX,KAAA,EAAO,OAAA;AAAA,QACP,WAAA,EAAa,cAAA;AAAA,QACb,WAAA,EAAa;AAAA;AACf,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW,8BAAA;AAAA,MACX,KAAA,EAAO,uBAAA;AAAA,MACP,oBAAA,EAAsB,4BAAA;AAAA,MACtB,cAAA,EAAgB,6CAAA;AAAA,MAChB,sBAAA,EAAwB;AAAA,QACtB,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,aAAA,EAAe;AAAA,MACb,KAAA,EAAO,WAAA;AAAA,MACP,wBAAA,EAA0B;AAAA,QACxB,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,YAAA,EAAc,gBAAA;AAAA,MACd,mBAAA,EAAqB,eAAA;AAAA,MACrB,aAAA,EAAe;AAAA,QACb,KAAA,EAAO,OAAA;AAAA,QACP,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,oBAAA,EAAsB,sBAAA;AAAA,MACtB,cAAA,EAAgB;AAAA,QACd,KAAA,EAAO,wBAAA;AAAA,QACP,gBAAA,EAAkB;AAAA;AACpB;AACF;AAEJ,CAAC;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-org",
-  "version": "0.7.9",
+  "version": "0.8.0-next.1",
   "description": "A Backstage plugin that helps you create entity pages for your organization",
   "backstage": {
     "role": "frontend-plugin",
@@ -63,13 +63,13 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/catalog-model": "^1.10.1",
-    "@backstage/core-components": "^0.18.14",
-    "@backstage/core-plugin-api": "^1.12.10",
-    "@backstage/frontend-plugin-api": "^0.18.1",
-    "@backstage/plugin-catalog-common": "^1.2.0",
-    "@backstage/plugin-catalog-react": "^3.2.3",
-    "@backstage/ui": "^0.18.0",
+    "@backstage/catalog-model": "1.10.2-next.0",
+    "@backstage/core-components": "0.18.15-next.2",
+    "@backstage/core-plugin-api": "1.12.11-next.0",
+    "@backstage/frontend-plugin-api": "0.18.2-next.0",
+    "@backstage/plugin-catalog-common": "1.2.1-next.0",
+    "@backstage/plugin-catalog-react": "3.2.4-next.1",
+    "@backstage/ui": "0.18.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
@@ -82,16 +82,16 @@
     "zod": "^4.0.0"
   },
   "devDependencies": {
-    "@backstage/catalog-client": "^1.16.2",
-    "@backstage/cli": "^0.36.6",
-    "@backstage/core-app-api": "^1.20.5",
-    "@backstage/dev-utils": "^1.1.27",
-    "@backstage/frontend-test-utils": "^0.6.4",
-    "@backstage/plugin-catalog": "^2.0.9",
-    "@backstage/plugin-permission-common": "^0.9.11",
-    "@backstage/plugin-permission-react": "^0.5.5",
-    "@backstage/test-utils": "^1.7.22",
-    "@backstage/types": "^1.2.2",
+    "@backstage/catalog-client": "1.16.3-next.0",
+    "@backstage/cli": "0.36.7-next.0",
+    "@backstage/core-app-api": "1.20.6-next.0",
+    "@backstage/dev-utils": "1.1.28-next.0",
+    "@backstage/frontend-test-utils": "0.6.5-next.0",
+    "@backstage/plugin-catalog": "2.0.10-next.2",
+    "@backstage/plugin-permission-common": "0.9.12-next.0",
+    "@backstage/plugin-permission-react": "0.5.6-next.0",
+    "@backstage/test-utils": "1.7.23-next.0",
+    "@backstage/types": "1.2.2",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",