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

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

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ANNOTATION_EDIT_URL, RELATION_MEMBER_OF } from '@backstage/catalog-model';
-import { InfoCard, Avatar, Link } from '@backstage/core-components';
+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 { makeStyles, createStyles } from '@material-ui/core/styles';
-import Box from '@material-ui/core/Box';
-import Grid from '@material-ui/core/Grid';
 import BaseButton from '@material-ui/core/ButtonBase';
 import IconButton from '@material-ui/core/IconButton';
 import List from '@material-ui/core/List';
@@ -17,13 +17,11 @@ import DialogTitle from '@material-ui/core/DialogTitle';
 import DialogContent from '@material-ui/core/DialogContent';
 import DialogActions from '@material-ui/core/DialogActions';
 import CloseIcon from '@material-ui/icons/Close';
-import { useEntity, getEntityRelations, EntityRefLinks } from '@backstage/plugin-catalog-react';
 import Alert from '@material-ui/lab/Alert';
 import EditIcon from '@material-ui/icons/Edit';
 import EmailIcon from '@material-ui/icons/Email';
 import GroupIcon from '@material-ui/icons/Group';
 import { LinksGroup } from '../../Meta/LinksGroup.esm.js';
-import PersonIcon from '@material-ui/icons/Person';
 import { useState, useCallback } from 'react';
 import { useTranslationRef } from '@backstage/frontend-plugin-api';
 import { orgTranslationRef } from '../../../../translation.esm.js';
@@ -46,9 +44,17 @@ const useStyles = makeStyles(
   }),
   { name: "PluginOrgUserProfileCard" }
 );
-const CardTitle = (props) => props.title ? /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
-  /* @__PURE__ */ jsx(PersonIcon, { fontSize: "inherit" }),
-  /* @__PURE__ */ jsx(Box, { ml: 1, children: props.title })
+const CardTitle = (props) => props.title ? /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
+  /* @__PURE__ */ jsx(
+    Avatar,
+    {
+      size: "small",
+      purpose: "decoration",
+      name: props.title,
+      src: props.pictureSrc || ""
+    }
+  ),
+  props.title
 ] }) : null;
 const UserProfileCard = (props) => {
   const { maxRelations, hideIcons } = props;
@@ -76,12 +82,10 @@ const UserProfileCard = (props) => {
     kind: "Group"
   });
   return /* @__PURE__ */ jsxs(
-    InfoCard,
+    EntityInfoCard,
     {
-      title: /* @__PURE__ */ jsx(CardTitle, { title: displayName }),
-      subheader: description,
-      variant: props.variant,
-      action: /* @__PURE__ */ jsx(Fragment, { children: entityMetadataEditUrl && /* @__PURE__ */ jsx(
+      title: /* @__PURE__ */ jsx(CardTitle, { title: displayName, pictureSrc: profile?.picture }),
+      headerActions: /* @__PURE__ */ jsx(Fragment, { children: entityMetadataEditUrl && /* @__PURE__ */ jsx(
         IconButton,
         {
           "aria-label": t("userProfileCard.editIconButtonTitle"),
@@ -92,45 +96,41 @@ const UserProfileCard = (props) => {
         }
       ) }),
       children: [
-        /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, alignItems: "flex-start", children: [
-          /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 2, xl: 1, children: /* @__PURE__ */ jsx(Avatar, { displayName, picture: profile?.picture }) }),
-          /* @__PURE__ */ jsx(Grid, { item: true, md: 10, xl: 11, children: /* @__PURE__ */ jsxs(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 }) })
-            ] }),
-            maxRelations === void 0 || maxRelations > 0 ? /* @__PURE__ */ jsxs(ListItem, { children: [
-              /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Tooltip, { title: t("userProfileCard.listItemTitle.memberOf"), children: /* @__PURE__ */ jsx(GroupIcon, {}) }) }),
-              /* @__PURE__ */ jsxs(ListItemText, { children: [
+        description && /* @__PURE__ */ jsx(Text, { color: "secondary", children: description }),
+        /* @__PURE__ */ jsx(Box, { p: "2", children: /* @__PURE__ */ jsxs(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 }) })
+          ] }),
+          maxRelations === void 0 || maxRelations > 0 ? /* @__PURE__ */ jsxs(ListItem, { children: [
+            /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Tooltip, { title: t("userProfileCard.listItemTitle.memberOf"), children: /* @__PURE__ */ jsx(GroupIcon, {}) }) }),
+            /* @__PURE__ */ jsxs(ListItemText, { children: [
+              /* @__PURE__ */ jsx(
+                EntityRefLinks,
+                {
+                  entityRefs: memberOfRelations.slice(0, maxRelations),
+                  defaultKind: "Group",
+                  hideIcons
+                }
+              ),
+              maxRelations && memberOfRelations.length > maxRelations ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                ",",
                 /* @__PURE__ */ jsx(
-                  EntityRefLinks,
+                  BaseButton,
                   {
-                    entityRefs: memberOfRelations.slice(0, maxRelations),
-                    defaultKind: "Group",
-                    hideIcons
+                    className: classes.moreButton,
+                    onClick: toggleAllGroupsDialog,
+                    disableRipple: true,
+                    children: t("userProfileCard.moreGroupButtonTitle", {
+                      number: String(memberOfRelations.length - maxRelations)
+                    })
                   }
-                ),
-                maxRelations && memberOfRelations.length > maxRelations ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  ",",
-                  /* @__PURE__ */ jsx(
-                    BaseButton,
-                    {
-                      className: classes.moreButton,
-                      onClick: toggleAllGroupsDialog,
-                      disableRipple: true,
-                      children: t("userProfileCard.moreGroupButtonTitle", {
-                        number: String(
-                          memberOfRelations.length - maxRelations
-                        )
-                      })
-                    }
-                  )
-                ] }) : null
-              ] })
-            ] }) : null,
-            props?.showLinks && /* @__PURE__ */ jsx(LinksGroup, { links })
-          ] }) })
-        ] }),
+                )
+              ] }) : null
+            ] })
+          ] }) : null,
+          props?.showLinks && /* @__PURE__ */ jsx(LinksGroup, { links })
+        ] }) }),
         /* @__PURE__ */ jsxs(
           Dialog,
           {

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 {\n  Avatar,\n  InfoCard,\n  InfoCardVariants,\n  Link,\n} from '@backstage/core-components';\nimport { createStyles, makeStyles } from '@material-ui/core/styles';\nimport Box from '@material-ui/core/Box';\nimport Grid from '@material-ui/core/Grid';\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';\nimport PersonIcon from '@material-ui/icons/Person';\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 }) =>\n  props.title ? (\n    <Box display=\"flex\" alignItems=\"center\">\n      <PersonIcon fontSize=\"inherit\" />\n      <Box ml={1}>{props.title}</Box>\n    </Box>\n  ) : null;\n\n/** @public */\nexport const UserProfileCard = (props: {\n  variant?: InfoCardVariants;\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    <InfoCard\n      title={<CardTitle title={displayName} />}\n      subheader={description}\n      variant={props.variant}\n      action={\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      <Grid container spacing={3} alignItems=\"flex-start\">\n        <Grid item xs={12} sm={2} xl={1}>\n          <Avatar displayName={displayName} picture={profile?.picture} />\n        </Grid>\n\n        <Grid item md={10} xl={11}>\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(\n                            memberOfRelations.length - maxRelations,\n                          ),\n                        })}\n                      </BaseButton>\n                    </>\n                  ) : null}\n                </ListItemText>\n              </ListItem>\n            ) : null}\n            {props?.showLinks && <LinksGroup links={links} />}\n          </List>\n        </Grid>\n      </Grid>\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    </InfoCard>\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\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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"}

package/dist/index.d.ts

@@ -1,16 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _backstage_core_components from '@backstage/core-components';
-import { InfoCardVariants } from '@backstage/core-components';
 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';
 
 /** @public */
 type EntityRelationAggregation = 'direct' | 'aggregated';
 
 /** @public */
-type MemberComponentClassKey = 'card' | 'avatar';
-/** @public */
-type MembersListCardClassKey = 'root' | 'cardContent' | 'memberList';
+type MembersListCardClassKey = 'memberList';
 /** @public */
 declare const MembersListCard: (props: {
     memberDisplayTitle?: string;
@@ -24,7 +21,6 @@ declare const MembersListCard: (props: {
 
 /** @public */
 declare const GroupProfileCard: (props: {
-    variant?: InfoCardVariants;
     showLinks?: boolean;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -32,24 +28,21 @@ declare const GroupProfileCard: (props: {
 type UserProfileCardClassKey = 'closeButton' | 'moreButton' | 'dialogPaper';
 /** @public */
 declare const UserProfileCard: (props: {
-    variant?: InfoCardVariants;
     showLinks?: boolean;
     maxRelations?: number;
     hideIcons?: boolean;
 }) => react_jsx_runtime.JSX.Element;
 
 /** @public */
-type OwnershipCardClassKey = 'card' | 'cardContent' | 'list' | 'listItemText' | 'listItemSecondaryAction' | 'grid';
+type OwnershipCardClassKey = 'grid';
 /** @public */
 declare const OwnershipCard: (props: {
-    variant?: InfoCardVariants;
     entityFilterKind?: string[];
     hideRelationsToggle?: boolean;
     /** @deprecated Please use relationAggregation instead */
     relationsType?: EntityRelationAggregation;
     relationAggregation?: EntityRelationAggregation;
     entityLimit?: number;
-    maxScrollHeight?: string;
 }) => react_jsx_runtime.JSX.Element;
 
 /** @public */
@@ -73,7 +66,6 @@ declare const orgPlugin: _backstage_core_plugin_api.BackstagePlugin<{}, {
 }>;
 /** @public */
 declare const EntityGroupProfileCard: (props: {
-    variant?: _backstage_core_components.InfoCardVariants;
     showLinks?: boolean;
 }) => react_jsx_runtime.JSX.Element;
 /** @public */
@@ -87,21 +79,46 @@ declare const EntityMembersListCard: (props: {
 }) => react_jsx_runtime.JSX.Element;
 /** @public */
 declare const EntityOwnershipCard: (props: {
-    variant?: _backstage_core_components.InfoCardVariants;
     entityFilterKind?: string[];
     hideRelationsToggle?: boolean;
     relationsType?: EntityRelationAggregation;
     relationAggregation?: EntityRelationAggregation;
     entityLimit?: number;
-    maxScrollHeight?: string;
 }) => react_jsx_runtime.JSX.Element;
 /** @public */
 declare const EntityUserProfileCard: (props: {
-    variant?: _backstage_core_components.InfoCardVariants;
     showLinks?: boolean;
     maxRelations?: number;
     hideIcons?: boolean;
 }) => react_jsx_runtime.JSX.Element;
 
-export { EntityGroupProfileCard, EntityMembersListCard, EntityOwnershipCard, EntityUserProfileCard, GroupProfileCard, MembersListCard, MyGroupsSidebarItem, OwnershipCard, UserProfileCard, orgPlugin, orgPlugin as plugin };
-export type { ComponentsGridClassKey, EntityRelationAggregation, MemberComponentClassKey, MembersListCardClassKey, OwnershipCardClassKey, UserProfileCardClassKey };
+/**
+ * @public
+ */
+declare const orgTranslationRef: _backstage_frontend_plugin_api.TranslationRef<"org", {
+    readonly "groupProfileCard.groupNotFound": "Group not found";
+    readonly "groupProfileCard.editIconButtonTitle": "Edit Metadata";
+    readonly "groupProfileCard.refreshIconButtonTitle": "Schedule entity refresh";
+    readonly "groupProfileCard.refreshIconButtonAriaLabel": "Refresh";
+    readonly "groupProfileCard.listItemTitle.email": "Email";
+    readonly "groupProfileCard.listItemTitle.entityRef": "Entity Ref";
+    readonly "groupProfileCard.listItemTitle.parentGroup": "Parent Group";
+    readonly "groupProfileCard.listItemTitle.childGroups": "Child Groups";
+    readonly "membersListCard.title": "{{groupName}} members";
+    readonly "membersListCard.cardLabel": "User page for {{memberName}}";
+    readonly "membersListCard.noMembersDescription": "This group has no members.";
+    readonly "membersListCard.noSearchResult": "Found no members matching \"{{searchTerm}}\".";
+    readonly "membersListCard.aggregateMembersToggle.label": "Include subgroups";
+    readonly "ownershipCard.title": "Ownership";
+    readonly "ownershipCard.aggregateRelationsToggle.label": "Include indirect ownership";
+    readonly "userProfileCard.editIconButtonTitle": "Edit Metadata";
+    readonly "userProfileCard.listItemTitle.email": "Email";
+    readonly "userProfileCard.listItemTitle.memberOf": "Member of";
+    readonly "userProfileCard.userNotFound": "User not found";
+    readonly "userProfileCard.moreGroupButtonTitle": "...More ({{number}})";
+    readonly "userProfileCard.allGroupDialog.title": "All {{name}}'s groups:";
+    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 };

package/dist/index.esm.js

@@ -4,4 +4,5 @@ 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 { 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.6.50-next.1";
+var version = "0.7.0";
 var description = "A Backstage plugin that helps you create entity pages for your organization";
 var backstage = {
 	role: "frontend-plugin",
@@ -56,6 +56,7 @@ var dependencies = {
 	"@backstage/frontend-plugin-api": "workspace:^",
 	"@backstage/plugin-catalog-common": "workspace:^",
 	"@backstage/plugin-catalog-react": "workspace:^",
+	"@backstage/ui": "workspace:^",
 	"@material-ui/core": "^4.12.2",
 	"@material-ui/icons": "^4.9.1",
 	"@material-ui/lab": "4.0.0-alpha.61",

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/translation.esm.js

@@ -16,22 +16,18 @@ const orgTranslationRef = createTranslationRef({
       }
     },
     membersListCard: {
-      title: "Members",
-      subtitle: "of {{groupName}}",
-      paginationLabel: ", page {{page}} of {{nbPages}}",
+      cardLabel: "User page for {{memberName}}",
+      title: "{{groupName}} members",
       noMembersDescription: "This group has no members.",
+      noSearchResult: 'Found no members matching "{{searchTerm}}".',
       aggregateMembersToggle: {
-        directMembers: "Direct Members",
-        aggregatedMembers: "Aggregated Members",
-        ariaLabel: "Users Type Switch"
+        label: "Include subgroups"
       }
     },
     ownershipCard: {
       title: "Ownership",
       aggregateRelationsToggle: {
-        directRelations: "Direct Relations",
-        aggregatedRelations: "Aggregated Relations",
-        ariaLabel: "Ownership Type Switch"
+        label: "Include indirect ownership"
       }
     },
     userProfileCard: {

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 * @alpha\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      title: 'Members',\n      subtitle: 'of {{groupName}}',\n      paginationLabel: ', page {{page}} of {{nbPages}}',\n      noMembersDescription: 'This group has no members.',\n      aggregateMembersToggle: {\n        directMembers: 'Direct Members',\n        aggregatedMembers: 'Aggregated Members',\n        ariaLabel: 'Users Type Switch',\n      },\n    },\n    ownershipCard: {\n      title: 'Ownership',\n      aggregateRelationsToggle: {\n        directRelations: 'Direct Relations',\n        aggregatedRelations: 'Aggregated Relations',\n        ariaLabel: 'Ownership Type Switch',\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,KAAA,EAAO,SAAA;AAAA,MACP,QAAA,EAAU,kBAAA;AAAA,MACV,eAAA,EAAiB,gCAAA;AAAA,MACjB,oBAAA,EAAsB,4BAAA;AAAA,MACtB,sBAAA,EAAwB;AAAA,QACtB,aAAA,EAAe,gBAAA;AAAA,QACf,iBAAA,EAAmB,oBAAA;AAAA,QACnB,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,aAAA,EAAe;AAAA,MACb,KAAA,EAAO,WAAA;AAAA,MACP,wBAAA,EAA0B;AAAA,QACxB,eAAA,EAAiB,kBAAA;AAAA,QACjB,mBAAA,EAAqB,sBAAA;AAAA,QACrB,SAAA,EAAW;AAAA;AACb,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.6.50-next.1",
+  "version": "0.7.0",
   "description": "A Backstage plugin that helps you create entity pages for your organization",
   "backstage": {
     "role": "frontend-plugin",
@@ -63,12 +63,13 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/catalog-model": "1.7.6",
-    "@backstage/core-components": "0.18.8-next.0",
-    "@backstage/core-plugin-api": "1.12.4-next.0",
-    "@backstage/frontend-plugin-api": "0.14.2-next.0",
-    "@backstage/plugin-catalog-common": "1.1.8",
-    "@backstage/plugin-catalog-react": "2.1.0-next.1",
+    "@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",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
@@ -79,16 +80,16 @@
     "react-use": "^17.2.4"
   },
   "devDependencies": {
-    "@backstage/catalog-client": "1.14.0-next.1",
-    "@backstage/cli": "0.36.0-next.1",
-    "@backstage/core-app-api": "1.19.6-next.0",
-    "@backstage/dev-utils": "1.1.21-next.1",
-    "@backstage/frontend-test-utils": "0.5.1-next.1",
-    "@backstage/plugin-catalog": "1.34.0-next.1",
-    "@backstage/plugin-permission-common": "0.9.6",
-    "@backstage/plugin-permission-react": "0.4.41-next.0",
-    "@backstage/test-utils": "1.7.16-next.0",
-    "@backstage/types": "1.2.2",
+    "@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",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",