@backstage/plugin-org 0.7.0 → 0.7.1-next.1

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @backstage/plugin-org
 
+## 0.7.1-next.1
+
+### Patch Changes
+
+- 87eb31c: Fixed `GroupProfileCard` and `UserProfileCard` content overflowing on narrow screens.
+- d156cf4: Added `title` and `icon` to the new frontend system plugin definition.
+- Updated dependencies
+  - @backstage/ui@0.14.0-next.1
+  - @backstage/plugin-catalog-react@2.1.2-next.1
+  - @backstage/frontend-plugin-api@0.16.0-next.1
+  - @backstage/core-components@0.18.9-next.0
+  - @backstage/core-plugin-api@1.12.5-next.1
+
+## 0.7.1-next.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/ui@0.14.0-next.0
+  - @backstage/plugin-catalog-react@2.1.1-next.0
+  - @backstage/core-components@0.18.9-next.0
+  - @backstage/frontend-plugin-api@0.15.2-next.0
+  - @backstage/core-plugin-api@1.12.5-next.0
+  - @backstage/catalog-model@1.7.7
+  - @backstage/plugin-catalog-common@1.1.8
+
 ## 0.7.0
 
 ### Minor Changes

package/dist/alpha.esm.js

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { RiTeamLine } from '@remixicon/react';
 import { catalogIndexRouteRef } from './routes.esm.js';
 import { EntityCardBlueprint } from '@backstage/plugin-catalog-react/alpha';
 import { orgTranslationRef as orgTranslationRef$1 } from './translation.esm.js';
@@ -86,6 +87,8 @@ const EntityUserProfileCard = EntityCardBlueprint.makeWithOverrides({
 });
 var alpha = createFrontendPlugin({
   pluginId: "org",
+  title: "Org",
+  icon: /* @__PURE__ */ jsx(RiTeamLine, {}),
   info: { packageJson: () => import('./package.json.esm.js') },
   extensions: [
     EntityGroupProfileCard,

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 { 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  config: {\n    schema: {\n      initialRelationAggregation: z =>\n        z.enum(['direct', 'aggregated']).optional(),\n      showAggregateMembersToggle: z => z.boolean().optional(),\n    },\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  config: {\n    schema: {\n      initialRelationAggregation: z =>\n        z.enum(['direct', 'aggregated']).optional(),\n      showAggregateMembersToggle: z => z.boolean().optional(),\n      ownedKinds: z => z.array(z.string()).optional(),\n    },\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  config: {\n    schema: {\n      maxRelations: z => z.number().optional(),\n      hideIcons: z => z.boolean().default(false),\n    },\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  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 { 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  config: {\n    schema: {\n      initialRelationAggregation: z =>\n        z.enum(['direct', 'aggregated']).optional(),\n      showAggregateMembersToggle: z => z.boolean().optional(),\n    },\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  config: {\n    schema: {\n      initialRelationAggregation: z =>\n        z.enum(['direct', 'aggregated']).optional(),\n      showAggregateMembersToggle: z => z.boolean().optional(),\n      ownedKinds: z => z.array(z.string()).optional(),\n    },\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  config: {\n    schema: {\n      maxRelations: z => z.number().optional(),\n      hideIcons: z => z.boolean().default(false),\n    },\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

@@ -34,7 +34,8 @@ const useStyles = makeStyles((theme) => ({
   },
   list: {
     padding: 0,
-    marginLeft: theme.spacing(0.5)
+    marginLeft: theme.spacing(0.5),
+    overflowWrap: "anywhere"
   }
 }));
 const CardTitle = (props) => /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [

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  },\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,SAAA,EAAW;AAAA,IACT,OAAA,EAAS,MAAA;AAAA,IACT,QAAA,EAAU,MAAA;AAAA,IACV,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA,GAC1B;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,CAAA;AAAA,IACT,UAAA,EAAY,KAAA,CAAM,OAAA,CAAQ,GAAG;AAAA;AAEjC,CAAA,CAAE,CAAA;AAEF,MAAM,SAAA,GAAY,CAAC,KAAA,qBACjB,IAAA,CAAC,QAAK,KAAA,EAAM,QAAA,EAAS,KAAI,GAAA,EACvB,QAAA,EAAA;AAAA,kBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,OAAA;AAAA,MACL,OAAA,EAAQ,YAAA;AAAA,MACR,MAAM,KAAA,CAAM,KAAA;AAAA,MACZ,GAAA,EAAK,MAAM,UAAA,IAAc;AAAA;AAAA,GAC3B;AAAA,EACC,KAAA,CAAM;AAAA,CAAA,EACT,CAAA;AAIK,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAAmC;AAClE,EAAA,MAAM,EAAE,WAAU,GAAI,KAAA;AACtB,EAAA,MAAM,UAAA,GAAa,OAAO,aAAa,CAAA;AACvC,EAAA,MAAM,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,EAAE,MAAA,EAAQ,KAAA,EAAM,GAAI,SAAA,EAAuB;AACjD,EAAA,MAAM,EAAE,OAAA,EAAS,UAAA,EAAW,GAAI,mBAAA;AAAA,IAC9B;AAAA,GACF;AACA,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,iBAAiB,CAAA;AACjD,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,MAAM,aAAA,GAAgB,YAAY,YAAY;AAC5C,IAAA,MAAM,UAAA,CAAW,aAAA,CAAc,kBAAA,CAAmB,KAAK,CAAC,CAAA;AACxD,IAAA,QAAA,CAAS,IAAA,CAAK;AAAA,MACZ,OAAA,EAAS,mBAAA;AAAA,MACT,QAAA,EAAU,MAAA;AAAA,MACV,OAAA,EAAS;AAAA,KACV,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,UAAA,EAAY,QAAA,EAAU,KAAK,CAAC,CAAA;AAEhC,EAAA,IAAI,CAAC,KAAA,EAAO;AACV,IAAA,2BACG,KAAA,EAAA,EAAM,QAAA,EAAS,OAAA,EAAS,QAAA,EAAA,CAAA,CAAE,gCAAgC,CAAA,EAAE,CAAA;AAAA,EAEjE;AAEA,EAAA,MAAM;AAAA,IACJ,UAAU,EAAE,IAAA,EAAM,WAAA,EAAa,KAAA,EAAO,aAAa,KAAA,EAAM;AAAA,IACzD,IAAA,EAAM,EAAE,OAAA;AAAQ,GAClB,GAAI,KAAA;AAEJ,EAAA,MAAM,cAAA,GAAiB,kBAAA,CAAmB,KAAA,EAAO,kBAAA,EAAoB;AAAA,IACnE,IAAA,EAAM;AAAA,GACP,CAAA;AACD,EAAA,MAAM,eAAA,GAAkB,kBAAA,CAAmB,KAAA,EAAO,iBAAA,EAAmB;AAAA,IACnE,IAAA,EAAM;AAAA,GACP,CAAA;AAED,EAAA,MAAM,cAAA,GAAiB,cAAc,mBAAmB,CAAA;AACxD,EAAA,MAAM,eACJ,cAAA,EAAgB,UAAA,CAAW,MAAM,CAAA,IAAK,cAAA,EAAgB,WAAW,OAAO,CAAA;AAE1E,EAAA,MAAM,qBAAA,GACJ,KAAA,CAAM,QAAA,CAAS,WAAA,GAAc,mBAAmB,CAAA;AAElD,EAAA,MAAM,WAAA,GAAc,OAAA,EAAS,WAAA,IAAe,KAAA,IAAS,IAAA;AACrD,EAAA,MAAM,YAAY,OAAA,EAAS,KAAA,GAAQ,CAAA,OAAA,EAAU,OAAA,CAAQ,KAAK,CAAA,CAAA,GAAK,GAAA;AAC/D,EAAA,MAAM,iBAAiB,qBAAA,mBACrB,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,EAAE,sCAAsC,CAAA;AAAA,MACpD,KAAA,EAAO,EAAE,sCAAsC,CAAA;AAAA,MAC/C,SAAA,EAAW,IAAA;AAAA,MACX,EAAA,EAAI,qBAAA;AAAA,MAEJ,8BAAC,QAAA,EAAA,EAAS;AAAA;AAAA,GACZ,mBAEA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,EAAE,sCAAsC,CAAA;AAAA,MACpD,QAAA,EAAQ,IAAA;AAAA,MACR,KAAA,EAAO,EAAE,sCAAsC,CAAA;AAAA,MAE/C,8BAAC,QAAA,EAAA,EAAS;AAAA;AAAA,GACZ;AAGF,EAAA,uBACE,IAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,uBAAO,GAAA,CAAC,SAAA,EAAA,EAAU,OAAO,WAAA,EAAa,UAAA,EAAY,SAAS,OAAA,EAAS,CAAA;AAAA,MACpE,+BACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,YAAA,IAAgB,UAAA,oBACf,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAY,EAAE,6CAA6C,CAAA;AAAA,YAC3D,KAAA,EAAO,EAAE,yCAAyC,CAAA;AAAA,YAClD,OAAA,EAAS,aAAA;AAAA,YAET,8BAAC,UAAA,EAAA,EAAW;AAAA;AAAA,SACd;AAAA,QAED;AAAA,OAAA,EACH,CAAA;AAAA,MAGD,QAAA,EAAA;AAAA,QAAA,WAAA,oBAAe,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAM,WAAA,EAAa,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,wBACrD,GAAA,CAAC,OAAI,CAAA,EAAE,GAAA,EACL,+BAAC,IAAA,EAAA,EAAK,SAAA,EAAW,QAAQ,IAAA,EACvB,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,0CAA0C,CAAA,EAC1D,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,CAAA,EACpB,CAAA,EACF,CAAA;AAAA,4BACA,GAAA;AAAA,cAAC,YAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAS,mBAAmB,KAAK,CAAA;AAAA,gBACjC,SAAA,EAAW,EAAE,0CAA0C;AAAA;AAAA;AACzD,WAAA,EACF,CAAA;AAAA,UACC,OAAA,EAAS,KAAA,oBACR,IAAA,CAAC,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,sCAAsC,CAAA,EACtD,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,CAAA,EACb,CAAA,EACF,CAAA;AAAA,4BACA,GAAA;AAAA,cAAC,YAAA;AAAA,cAAA;AAAA,gBACC,yBAAS,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,SAAA,EAAY,kBAAQ,KAAA,EAAM,CAAA;AAAA,gBAC7C,SAAA,EAAW,EAAE,sCAAsC;AAAA;AAAA;AACrD,WAAA,EACF,CAAA;AAAA,+BAED,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,4CAA4C,CAAA,EAC5D,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,CAAA,EACnB,CAAA,EACF,CAAA;AAAA,4BACA,GAAA;AAAA,cAAC,YAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EACE,gBAAgB,MAAA,mBACd,GAAA;AAAA,kBAAC,cAAA;AAAA,kBAAA;AAAA,oBACC,UAAA,EAAY,eAAA;AAAA,oBACZ,WAAA,EAAY;AAAA;AAAA,iBACd,GAEA,KAAA;AAAA,gBAGJ,SAAA,EAAW,EAAE,4CAA4C;AAAA;AAAA;AAC3D,WAAA,EACF,CAAA;AAAA,+BACC,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,4CAA4C,CAAA,EAC5D,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,CAAA,EACb,CAAA,EACF,CAAA;AAAA,4BACA,GAAA;AAAA,cAAC,YAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EACE,eAAe,MAAA,mBACb,GAAA;AAAA,kBAAC,cAAA;AAAA,kBAAA;AAAA,oBACC,UAAA,EAAY,cAAA;AAAA,oBACZ,WAAA,EAAY;AAAA;AAAA,iBACd,GAEA,KAAA;AAAA,gBAGJ,SAAA,EAAW,EAAE,4CAA4C;AAAA;AAAA;AAC3D,WAAA,EACF,CAAA;AAAA,UACC,SAAA,oBAAa,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAc;AAAA,SAAA,EAC1C,CAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"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/User/UserProfileCard/UserProfileCard.esm.js

@@ -40,6 +40,9 @@ const useStyles = makeStyles(
     },
     dialogPaper: {
       minHeight: 400
+    },
+    list: {
+      overflowWrap: "anywhere"
     }
   }),
   { name: "PluginOrgUserProfileCard" }
@@ -97,7 +100,7 @@ const UserProfileCard = (props) => {
       ) }),
       children: [
         description && /* @__PURE__ */ jsx(Text, { color: "secondary", children: description }),
-        /* @__PURE__ */ jsx(Box, { p: "2", children: /* @__PURE__ */ jsxs(List, { children: [
+        /* @__PURE__ */ jsx(Box, { p: "2", children: /* @__PURE__ */ jsxs(List, { className: classes.list, children: [
           profile?.email && /* @__PURE__ */ jsxs(ListItem, { children: [
             /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Tooltip, { title: t("userProfileCard.listItemTitle.email"), children: /* @__PURE__ */ jsx(EmailIcon, {}) }) }),
             /* @__PURE__ */ jsx(ListItemText, { children: /* @__PURE__ */ jsx(Link, { to: emailHref ?? "", children: profile.email }) })

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\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    }),\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>\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 { 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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"}

package/dist/components/index.esm.js

@@ -1,6 +1,10 @@
-export { MembersListCard } from './Cards/Group/MembersList/MembersListCard.esm.js';
-export { GroupProfileCard } from './Cards/Group/GroupProfile/GroupProfileCard.esm.js';
-export { UserProfileCard } from './Cards/User/UserProfileCard/UserProfileCard.esm.js';
-export { OwnershipCard } from './Cards/OwnershipCard/OwnershipCard.esm.js';
+import { MembersListCard } from './Cards/Group/MembersList/MembersListCard.esm.js';
+import { GroupProfileCard } from './Cards/Group/GroupProfile/GroupProfileCard.esm.js';
+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 { GroupProfileCard, MembersListCard, OwnershipCard, UserProfileCard };
 //# sourceMappingURL=index.esm.js.map

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/index.d.ts

@@ -25,7 +25,7 @@ declare const GroupProfileCard: (props: {
 }) => react_jsx_runtime.JSX.Element;
 
 /** @public */
-type UserProfileCardClassKey = 'closeButton' | 'moreButton' | 'dialogPaper';
+type UserProfileCardClassKey = 'closeButton' | 'moreButton' | 'dialogPaper' | 'list';
 /** @public */
 declare const UserProfileCard: (props: {
     showLinks?: boolean;

package/dist/package.json.esm.js

@@ -1,5 +1,5 @@
 var name = "@backstage/plugin-org";
-var version = "0.7.0";
+var version = "0.7.1-next.1";
 var description = "A Backstage plugin that helps you create entity pages for your organization";
 var backstage = {
 	role: "frontend-plugin",
@@ -60,6 +60,7 @@ var dependencies = {
 	"@material-ui/core": "^4.12.2",
 	"@material-ui/icons": "^4.9.1",
 	"@material-ui/lab": "4.0.0-alpha.61",
+	"@remixicon/react": "^4.6.0",
 	lodash: "^4.17.21",
 	"p-limit": "^3.1.0",
 	pluralize: "^8.0.0",

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-org",
-  "version": "0.7.0",
+  "version": "0.7.1-next.1",
   "description": "A Backstage plugin that helps you create entity pages for your organization",
   "backstage": {
     "role": "frontend-plugin",
@@ -63,16 +63,17 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/catalog-model": "^1.7.7",
-    "@backstage/core-components": "^0.18.8",
-    "@backstage/core-plugin-api": "^1.12.4",
-    "@backstage/frontend-plugin-api": "^0.15.0",
-    "@backstage/plugin-catalog-common": "^1.1.8",
-    "@backstage/plugin-catalog-react": "^2.1.0",
-    "@backstage/ui": "^0.13.0",
+    "@backstage/catalog-model": "1.7.7",
+    "@backstage/core-components": "0.18.9-next.0",
+    "@backstage/core-plugin-api": "1.12.5-next.1",
+    "@backstage/frontend-plugin-api": "0.16.0-next.1",
+    "@backstage/plugin-catalog-common": "1.1.8",
+    "@backstage/plugin-catalog-react": "2.1.2-next.1",
+    "@backstage/ui": "0.14.0-next.1",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
+    "@remixicon/react": "^4.6.0",
     "lodash": "^4.17.21",
     "p-limit": "^3.1.0",
     "pluralize": "^8.0.0",
@@ -80,16 +81,16 @@
     "react-use": "^17.2.4"
   },
   "devDependencies": {
-    "@backstage/catalog-client": "^1.14.0",
-    "@backstage/cli": "^0.36.0",
-    "@backstage/core-app-api": "^1.19.6",
-    "@backstage/dev-utils": "^1.1.21",
-    "@backstage/frontend-test-utils": "^0.5.1",
-    "@backstage/plugin-catalog": "^2.0.0",
-    "@backstage/plugin-permission-common": "^0.9.7",
-    "@backstage/plugin-permission-react": "^0.4.41",
-    "@backstage/test-utils": "^1.7.16",
-    "@backstage/types": "^1.2.2",
+    "@backstage/catalog-client": "1.14.0",
+    "@backstage/cli": "0.36.1-next.1",
+    "@backstage/core-app-api": "1.20.0-next.1",
+    "@backstage/dev-utils": "1.1.22-next.1",
+    "@backstage/frontend-test-utils": "0.5.2-next.1",
+    "@backstage/plugin-catalog": "2.0.2-next.1",
+    "@backstage/plugin-permission-common": "0.9.7",
+    "@backstage/plugin-permission-react": "0.4.42-next.0",
+    "@backstage/test-utils": "1.7.17-next.1",
+    "@backstage/types": "1.2.2",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",