@backstage/plugin-org 0.6.40-next.0 → 0.6.40-next.2

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @backstage/plugin-org
 
+## 0.6.40-next.2
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-components@0.17.3-next.0
+  - @backstage/plugin-catalog-react@1.19.0-next.2
+  - @backstage/frontend-plugin-api@0.10.3-next.1
+  - @backstage/catalog-model@1.7.4
+  - @backstage/core-compat-api@0.4.3-next.2
+  - @backstage/core-plugin-api@1.10.7
+  - @backstage/plugin-catalog-common@1.1.4
+
+## 0.6.40-next.1
+
+### Patch Changes
+
+- 4fe364f: Org plugin support i18n
+- Updated dependencies
+  - @backstage/plugin-catalog-react@1.18.1-next.1
+  - @backstage/catalog-model@1.7.4
+  - @backstage/core-compat-api@0.4.3-next.1
+  - @backstage/core-components@0.17.2
+  - @backstage/core-plugin-api@1.10.7
+  - @backstage/frontend-plugin-api@0.10.3-next.0
+  - @backstage/plugin-catalog-common@1.1.4
+
 ## 0.6.40-next.0
 
 ### Patch Changes

package/dist/alpha.d.ts

@@ -3,6 +3,38 @@ import * as react from 'react';
 import * as _backstage_plugin_catalog_react_alpha from '@backstage/plugin-catalog-react/alpha';
 import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
 
+/**
+ * @alpha
+ */
+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": "Members";
+    readonly "membersListCard.subtitle": "of {{groupName}}";
+    readonly "membersListCard.paginationLabel": ", page {{page}} of {{nbPages}}";
+    readonly "membersListCard.noMembersDescription": "This group has no members.";
+    readonly "membersListCard.aggregateMembersToggle.ariaLabel": "Users Type Switch";
+    readonly "membersListCard.aggregateMembersToggle.directMembers": "Direct Members";
+    readonly "membersListCard.aggregateMembersToggle.aggregatedMembers": "Aggregated Members";
+    readonly "ownershipCard.title": "Ownership";
+    readonly "ownershipCard.aggregateRelationsToggle.ariaLabel": "Ownership Type Switch";
+    readonly "ownershipCard.aggregateRelationsToggle.directRelations": "Direct Relations";
+    readonly "ownershipCard.aggregateRelationsToggle.aggregatedRelations": "Aggregated Relations";
+    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";
+}>;
+
 /** @alpha */
 declare const _default: _backstage_frontend_plugin_api.FrontendPlugin<{}, {
     catalogIndex: _backstage_frontend_plugin_api.ExternalRouteRef<undefined>;
@@ -120,4 +152,4 @@ declare const _default: _backstage_frontend_plugin_api.FrontendPlugin<{}, {
     }>;
 }>;
 
-export { _default as default };
+export { _default as default, orgTranslationRef };

package/dist/alpha.esm.js

@@ -3,6 +3,7 @@ import { compatWrapper, convertLegacyRouteRefs } from '@backstage/core-compat-ap
 import { createFrontendPlugin } from '@backstage/frontend-plugin-api';
 import { catalogIndexRouteRef } from './routes.esm.js';
 import { EntityCardBlueprint } from '@backstage/plugin-catalog-react/alpha';
+export { orgTranslationRef } from './translation.esm.js';
 
 const EntityGroupProfileCard = EntityCardBlueprint.make({
   name: "group-profile",

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 {\n  compatWrapper,\n  convertLegacyRouteRefs,\n} from '@backstage/core-compat-api';\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    filter: 'kind:group',\n    loader: async () =>\n      import('./components/Cards/Group/GroupProfile/GroupProfileCard').then(m =>\n        compatWrapper(<m.GroupProfileCard />),\n      ),\n  },\n});\n\n/** @alpha */\nconst EntityMembersListCard = EntityCardBlueprint.make({\n  name: 'members-list',\n  params: {\n    filter: 'kind:group',\n    loader: async () =>\n      import('./components/Cards/Group/MembersList/MembersListCard').then(m =>\n        compatWrapper(<m.MembersListCard />),\n      ),\n  },\n});\n\n/** @alpha */\nconst EntityOwnershipCard = EntityCardBlueprint.make({\n  name: 'ownership',\n  params: {\n    filter: 'kind:group,user',\n    loader: async () =>\n      import('./components/Cards/OwnershipCard/OwnershipCard').then(m =>\n        compatWrapper(<m.OwnershipCard />),\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      filter: 'kind:user',\n      loader: async () =>\n        import('./components/Cards/User/UserProfileCard/UserProfileCard').then(\n          m =>\n            compatWrapper(\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: convertLegacyRouteRefs({\n    catalogIndex: catalogIndexRouteRef,\n  }),\n});\n"],"names":[],"mappings":";;;;;;AAyBA,MAAM,sBAAA,GAAyB,oBAAoB,IAAK,CAAA;AAAA,EACtD,IAAM,EAAA,eAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,MAAQ,EAAA,YAAA;AAAA,IACR,MAAQ,EAAA,YACN,OAAO,+DAAwD,CAAE,CAAA,IAAA;AAAA,MAAK,OACpE,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,gBAAA,EAAF,EAAmB,CAAE;AAAA;AACtC;AAEN,CAAC,CAAA;AAGD,MAAM,qBAAA,GAAwB,oBAAoB,IAAK,CAAA;AAAA,EACrD,IAAM,EAAA,cAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,MAAQ,EAAA,YAAA;AAAA,IACR,MAAQ,EAAA,YACN,OAAO,6DAAsD,CAAE,CAAA,IAAA;AAAA,MAAK,OAClE,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,eAAA,EAAF,EAAkB,CAAE;AAAA;AACrC;AAEN,CAAC,CAAA;AAGD,MAAM,mBAAA,GAAsB,oBAAoB,IAAK,CAAA;AAAA,EACnD,IAAM,EAAA,WAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,MAAQ,EAAA,iBAAA;AAAA,IACR,MAAQ,EAAA,YACN,OAAO,uDAAgD,CAAE,CAAA,IAAA;AAAA,MAAK,OAC5D,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,aAAA,EAAF,EAAgB,CAAE;AAAA;AACnC;AAEN,CAAC,CAAA;AAGD,MAAM,qBAAA,GAAwB,oBAAoB,iBAAkB,CAAA;AAAA,EAClE,IAAM,EAAA,cAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,MAAQ,EAAA;AAAA,MACN,YAAc,EAAA,CAAA,CAAA,KAAK,CAAE,CAAA,MAAA,GAAS,QAAS,EAAA;AAAA,MACvC,WAAW,CAAK,CAAA,KAAA,CAAA,CAAE,OAAQ,EAAA,CAAE,QAAQ,KAAK;AAAA;AAC3C,GACF;AAAA,EACA,OAAQ,CAAA,eAAA,EAAiB,EAAE,MAAA,EAAU,EAAA;AACnC,IAAA,OAAO,eAAgB,CAAA;AAAA,MACrB,MAAQ,EAAA,WAAA;AAAA,MACR,MAAQ,EAAA,YACN,OAAO,gEAAyD,CAAE,CAAA,IAAA;AAAA,QAChE,CACE,CAAA,KAAA,aAAA;AAAA,0BACE,GAAA;AAAA,YAAC,CAAE,CAAA,eAAA;AAAA,YAAF;AAAA,cACC,cAAc,MAAO,CAAA,YAAA;AAAA,cACrB,WAAW,MAAO,CAAA;AAAA;AAAA;AACpB;AACF;AACJ,KACH,CAAA;AAAA;AAEL,CAAC,CAAA;AAGD,YAAe,oBAAqB,CAAA;AAAA,EAClC,QAAU,EAAA,KAAA;AAAA,EACV,MAAM,EAAE,WAAA,EAAa,MAAM,OAAO,uBAAiB,CAAE,EAAA;AAAA,EACrD,UAAY,EAAA;AAAA,IACV,sBAAA;AAAA,IACA,qBAAA;AAAA,IACA,mBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,gBAAgB,sBAAuB,CAAA;AAAA,IACrC,YAAc,EAAA;AAAA,GACf;AACH,CAAC,CAAA;;;;"}
+{"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 {\n  compatWrapper,\n  convertLegacyRouteRefs,\n} from '@backstage/core-compat-api';\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    filter: 'kind:group',\n    loader: async () =>\n      import('./components/Cards/Group/GroupProfile/GroupProfileCard').then(m =>\n        compatWrapper(<m.GroupProfileCard />),\n      ),\n  },\n});\n\n/** @alpha */\nconst EntityMembersListCard = EntityCardBlueprint.make({\n  name: 'members-list',\n  params: {\n    filter: 'kind:group',\n    loader: async () =>\n      import('./components/Cards/Group/MembersList/MembersListCard').then(m =>\n        compatWrapper(<m.MembersListCard />),\n      ),\n  },\n});\n\n/** @alpha */\nconst EntityOwnershipCard = EntityCardBlueprint.make({\n  name: 'ownership',\n  params: {\n    filter: 'kind:group,user',\n    loader: async () =>\n      import('./components/Cards/OwnershipCard/OwnershipCard').then(m =>\n        compatWrapper(<m.OwnershipCard />),\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      filter: 'kind:user',\n      loader: async () =>\n        import('./components/Cards/User/UserProfileCard/UserProfileCard').then(\n          m =>\n            compatWrapper(\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: convertLegacyRouteRefs({\n    catalogIndex: catalogIndexRouteRef,\n  }),\n});\n\nexport { orgTranslationRef } from './translation';\n"],"names":[],"mappings":";;;;;;;AAyBA,MAAM,sBAAA,GAAyB,oBAAoB,IAAK,CAAA;AAAA,EACtD,IAAM,EAAA,eAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,MAAQ,EAAA,YAAA;AAAA,IACR,MAAQ,EAAA,YACN,OAAO,+DAAwD,CAAE,CAAA,IAAA;AAAA,MAAK,OACpE,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,gBAAA,EAAF,EAAmB,CAAE;AAAA;AACtC;AAEN,CAAC,CAAA;AAGD,MAAM,qBAAA,GAAwB,oBAAoB,IAAK,CAAA;AAAA,EACrD,IAAM,EAAA,cAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,MAAQ,EAAA,YAAA;AAAA,IACR,MAAQ,EAAA,YACN,OAAO,6DAAsD,CAAE,CAAA,IAAA;AAAA,MAAK,OAClE,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,eAAA,EAAF,EAAkB,CAAE;AAAA;AACrC;AAEN,CAAC,CAAA;AAGD,MAAM,mBAAA,GAAsB,oBAAoB,IAAK,CAAA;AAAA,EACnD,IAAM,EAAA,WAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,MAAQ,EAAA,iBAAA;AAAA,IACR,MAAQ,EAAA,YACN,OAAO,uDAAgD,CAAE,CAAA,IAAA;AAAA,MAAK,OAC5D,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,aAAA,EAAF,EAAgB,CAAE;AAAA;AACnC;AAEN,CAAC,CAAA;AAGD,MAAM,qBAAA,GAAwB,oBAAoB,iBAAkB,CAAA;AAAA,EAClE,IAAM,EAAA,cAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,MAAQ,EAAA;AAAA,MACN,YAAc,EAAA,CAAA,CAAA,KAAK,CAAE,CAAA,MAAA,GAAS,QAAS,EAAA;AAAA,MACvC,WAAW,CAAK,CAAA,KAAA,CAAA,CAAE,OAAQ,EAAA,CAAE,QAAQ,KAAK;AAAA;AAC3C,GACF;AAAA,EACA,OAAQ,CAAA,eAAA,EAAiB,EAAE,MAAA,EAAU,EAAA;AACnC,IAAA,OAAO,eAAgB,CAAA;AAAA,MACrB,MAAQ,EAAA,WAAA;AAAA,MACR,MAAQ,EAAA,YACN,OAAO,gEAAyD,CAAE,CAAA,IAAA;AAAA,QAChE,CACE,CAAA,KAAA,aAAA;AAAA,0BACE,GAAA;AAAA,YAAC,CAAE,CAAA,eAAA;AAAA,YAAF;AAAA,cACC,cAAc,MAAO,CAAA,YAAA;AAAA,cACrB,WAAW,MAAO,CAAA;AAAA;AAAA;AACpB;AACF;AACJ,KACH,CAAA;AAAA;AAEL,CAAC,CAAA;AAGD,YAAe,oBAAqB,CAAA;AAAA,EAClC,QAAU,EAAA,KAAA;AAAA,EACV,MAAM,EAAE,WAAA,EAAa,MAAM,OAAO,uBAAiB,CAAE,EAAA;AAAA,EACrD,UAAY,EAAA;AAAA,IACV,sBAAA;AAAA,IACA,qBAAA;AAAA,IACA,mBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,gBAAgB,sBAAuB,CAAA;AAAA,IACrC,YAAc,EAAA;AAAA,GACf;AACH,CAAC,CAAA;;;;"}

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { stringifyEntityRef, RELATION_PARENT_OF, RELATION_CHILD_OF, ANNOTATION_LOCATION, ANNOTATION_EDIT_URL } from '@backstage/catalog-model';
-import { InfoCard, Avatar, Link } from '@backstage/core-components';
+import { Link, InfoCard, Avatar } from '@backstage/core-components';
 import Box from '@material-ui/core/Box';
 import Grid from '@material-ui/core/Grid';
 import IconButton from '@material-ui/core/IconButton';
@@ -22,6 +22,8 @@ import PermIdentityIcon from '@material-ui/icons/PermIdentity';
 import { LinksGroup } from '../../Meta/LinksGroup.esm.js';
 import { useEntityPermission } from '@backstage/plugin-catalog-react/alpha';
 import { catalogEntityRefreshPermission } from '@backstage/plugin-catalog-common/alpha';
+import { useTranslationRef } from '@backstage/frontend-plugin-api';
+import { orgTranslationRef } from '../../../../translation.esm.js';
 
 const CardTitle = (props) => /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
   /* @__PURE__ */ jsx(GroupIcon, { fontSize: "inherit" }),
@@ -34,6 +36,7 @@ const GroupProfileCard = (props) => {
   const { allowed: canRefresh } = useEntityPermission(
     catalogEntityRefreshPermission
   );
+  const { t } = useTranslationRef(orgTranslationRef);
   const refreshEntity = useCallback(async () => {
     await catalogApi.refreshEntity(stringifyEntityRef(group));
     alertApi.post({
@@ -43,7 +46,7 @@ const GroupProfileCard = (props) => {
     });
   }, [catalogApi, alertApi, group]);
   if (!group) {
-    return /* @__PURE__ */ jsx(Alert, { severity: "error", children: "Group not found" });
+    return /* @__PURE__ */ jsx(Alert, { severity: "error", children: t("groupProfileCard.groupNotFound") });
   }
   const {
     metadata: { name, description, title, annotations, links },
@@ -63,13 +66,21 @@ const GroupProfileCard = (props) => {
   const infoCardAction = entityMetadataEditUrl ? /* @__PURE__ */ jsx(
     IconButton,
     {
-      "aria-label": "Edit",
-      title: "Edit Metadata",
+      "aria-label": t("groupProfileCard.editIconButtonTitle"),
+      title: t("groupProfileCard.editIconButtonTitle"),
       component: Link,
       to: entityMetadataEditUrl,
       children: /* @__PURE__ */ jsx(EditIcon, {})
     }
-  ) : /* @__PURE__ */ jsx(IconButton, { "aria-label": "Edit", disabled: true, title: "Edit Metadata", children: /* @__PURE__ */ jsx(EditIcon, {}) });
+  ) : /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      "aria-label": t("groupProfileCard.editIconButtonTitle"),
+      disabled: true,
+      title: t("groupProfileCard.editIconButtonTitle"),
+      children: /* @__PURE__ */ jsx(EditIcon, {})
+    }
+  );
   return /* @__PURE__ */ jsx(
     InfoCard,
     {
@@ -80,8 +91,8 @@ const GroupProfileCard = (props) => {
         allowRefresh && canRefresh && /* @__PURE__ */ jsx(
           IconButton,
           {
-            "aria-label": "Refresh",
-            title: "Schedule entity refresh",
+            "aria-label": t("groupProfileCard.refreshIconButtonAriaLabel"),
+            title: t("groupProfileCard.refreshIconButtonTitle"),
             onClick: refreshEntity,
             children: /* @__PURE__ */ jsx(CachedIcon, {})
           }
@@ -92,27 +103,33 @@ const GroupProfileCard = (props) => {
         /* @__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: [
           /* @__PURE__ */ jsxs(ListItem, { children: [
-            /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Tooltip, { title: "Entity Ref", children: /* @__PURE__ */ jsx(PermIdentityIcon, {}) }) }),
+            /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Tooltip, { title: t("groupProfileCard.listItemTitle.entityRef"), children: /* @__PURE__ */ jsx(PermIdentityIcon, {}) }) }),
             /* @__PURE__ */ jsx(
               ListItemText,
               {
                 primary: stringifyEntityRef(group),
-                secondary: "Entity Ref"
+                secondary: t("groupProfileCard.listItemTitle.entityRef")
               }
             )
           ] }),
           profile?.email && /* @__PURE__ */ jsxs(ListItem, { children: [
-            /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Tooltip, { title: "Email", children: /* @__PURE__ */ jsx(EmailIcon, {}) }) }),
+            /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Tooltip, { title: t("groupProfileCard.listItemTitle.email"), children: /* @__PURE__ */ jsx(EmailIcon, {}) }) }),
             /* @__PURE__ */ jsx(
               ListItemText,
               {
                 primary: /* @__PURE__ */ jsx(Link, { to: emailHref, children: profile.email }),
-                secondary: "Email"
+                secondary: t("groupProfileCard.listItemTitle.email")
               }
             )
           ] }),
           /* @__PURE__ */ jsxs(ListItem, { children: [
-            /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Tooltip, { title: "Parent Group", children: /* @__PURE__ */ jsx(AccountTreeIcon, {}) }) }),
+            /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(
+              Tooltip,
+              {
+                title: t("groupProfileCard.listItemTitle.parentGroup"),
+                children: /* @__PURE__ */ jsx(AccountTreeIcon, {})
+              }
+            ) }),
             /* @__PURE__ */ jsx(
               ListItemText,
               {
@@ -123,12 +140,18 @@ const GroupProfileCard = (props) => {
                     defaultKind: "Group"
                   }
                 ) : "N/A",
-                secondary: "Parent Group"
+                secondary: t("groupProfileCard.listItemTitle.parentGroup")
               }
             )
           ] }),
           /* @__PURE__ */ jsxs(ListItem, { children: [
-            /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Tooltip, { title: "Child Groups", children: /* @__PURE__ */ jsx(GroupIcon, {}) }) }),
+            /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(
+              Tooltip,
+              {
+                title: t("groupProfileCard.listItemTitle.childGroups"),
+                children: /* @__PURE__ */ jsx(GroupIcon, {})
+              }
+            ) }),
             /* @__PURE__ */ jsx(
               ListItemText,
               {
@@ -139,7 +162,7 @@ const GroupProfileCard = (props) => {
                     defaultKind: "Group"
                   }
                 ) : "N/A",
-                secondary: "Child Groups"
+                secondary: t("groupProfileCard.listItemTitle.childGroups")
               }
             )
           ] }),

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 {\n  Avatar,\n  InfoCard,\n  InfoCardVariants,\n  Link,\n} from '@backstage/core-components';\nimport Box from '@material-ui/core/Box';\nimport Grid from '@material-ui/core/Grid';\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  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';\n\nconst CardTitle = (props: { title: string }) => (\n  <Box display=\"flex\" alignItems=\"center\">\n    <GroupIcon fontSize=\"inherit\" />\n    <Box ml={1}>{props.title}</Box>\n  </Box>\n);\n\n/** @public */\nexport const GroupProfileCard = (props: {\n  variant?: InfoCardVariants;\n  showLinks?: boolean;\n}) => {\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\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 <Alert severity=\"error\">Group not found</Alert>;\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=\"Edit\"\n      title=\"Edit Metadata\"\n      component={Link}\n      to={entityMetadataEditUrl}\n    >\n      <EditIcon />\n    </IconButton>\n  ) : (\n    <IconButton aria-label=\"Edit\" disabled title=\"Edit Metadata\">\n      <EditIcon />\n    </IconButton>\n  );\n\n  return (\n    <InfoCard\n      title={<CardTitle title={displayName} />}\n      subheader={description}\n      variant={props.variant}\n      action={\n        <>\n          {allowRefresh && canRefresh && (\n            <IconButton\n              aria-label=\"Refresh\"\n              title=\"Schedule entity refresh\"\n              onClick={refreshEntity}\n            >\n              <CachedIcon />\n            </IconButton>\n          )}\n          {infoCardAction}\n        </>\n      }\n    >\n      <Grid container spacing={3}>\n        <Grid item xs={12} sm={2} xl={1}>\n          <Avatar displayName={displayName} picture={profile?.picture} />\n        </Grid>\n        <Grid item md={10} xl={11}>\n          <List>\n            <ListItem>\n              <ListItemIcon>\n                <Tooltip title=\"Entity Ref\">\n                  <PermIdentityIcon />\n                </Tooltip>\n              </ListItemIcon>\n              <ListItemText\n                primary={stringifyEntityRef(group)}\n                secondary=\"Entity Ref\"\n              />\n            </ListItem>\n            {profile?.email && (\n              <ListItem>\n                <ListItemIcon>\n                  <Tooltip title=\"Email\">\n                    <EmailIcon />\n                  </Tooltip>\n                </ListItemIcon>\n                <ListItemText\n                  primary={<Link to={emailHref}>{profile.email}</Link>}\n                  secondary=\"Email\"\n                />\n              </ListItem>\n            )}\n            <ListItem>\n              <ListItemIcon>\n                <Tooltip title=\"Parent Group\">\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=\"Parent Group\"\n              />\n            </ListItem>\n            <ListItem>\n              <ListItemIcon>\n                <Tooltip title=\"Child Groups\">\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=\"Child Groups\"\n              />\n            </ListItem>\n            {props?.showLinks && <LinksGroup links={links} />}\n          </List>\n        </Grid>\n      </Grid>\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"GroupProfileCard.esm.js","sources":["../../../../../src/components/Cards/Group/GroupProfile/GroupProfileCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  ANNOTATION_EDIT_URL,\n  ANNOTATION_LOCATION,\n  GroupEntity,\n  RELATION_CHILD_OF,\n  RELATION_PARENT_OF,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport {\n  Avatar,\n  InfoCard,\n  InfoCardVariants,\n  Link,\n} from '@backstage/core-components';\nimport Box from '@material-ui/core/Box';\nimport Grid from '@material-ui/core/Grid';\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  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';\n\nconst CardTitle = (props: { title: string }) => (\n  <Box display=\"flex\" alignItems=\"center\">\n    <GroupIcon fontSize=\"inherit\" />\n    <Box ml={1}>{props.title}</Box>\n  </Box>\n);\n\n/** @public */\nexport const GroupProfileCard = (props: {\n  variant?: InfoCardVariants;\n  showLinks?: boolean;\n}) => {\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\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    <InfoCard\n      title={<CardTitle title={displayName} />}\n      subheader={description}\n      variant={props.variant}\n      action={\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      <Grid container spacing={3}>\n        <Grid item xs={12} sm={2} xl={1}>\n          <Avatar displayName={displayName} picture={profile?.picture} />\n        </Grid>\n        <Grid item md={10} xl={11}>\n          <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\n                  title={t('groupProfileCard.listItemTitle.parentGroup')}\n                >\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\n                  title={t('groupProfileCard.listItemTitle.childGroups')}\n                >\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            {props?.showLinks && <LinksGroup links={links} />}\n          </List>\n        </Grid>\n      </Grid>\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -12,6 +12,8 @@ import useAsync from 'react-use/esm/useAsync';
 import { Progress, ResponseErrorPanel, InfoCard, Avatar, Link, OverflowTooltip } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
 import { getAllDesendantMembersForGroupEntity, removeDuplicateEntitiesFrom } from '../../../../helpers/helpers.esm.js';
+import { useTranslationRef } from '@backstage/frontend-plugin-api';
+import { orgTranslationRef } from '../../../../translation.esm.js';
 
 const useStyles = makeStyles(
   (theme) => createStyles({
@@ -101,8 +103,9 @@ const useListStyles = makeStyles(
   { name: "PluginOrgMembersListCardComponent" }
 );
 const MembersListCard = (props) => {
+  const { t } = useTranslationRef(orgTranslationRef);
   const {
-    memberDisplayTitle = "Members",
+    memberDisplayTitle = t("membersListCard.title"),
     pageSize = 50,
     showAggregateMembersToggle,
     relationType = "memberof"
@@ -167,7 +170,10 @@ const MembersListCard = (props) => {
     return /* @__PURE__ */ jsx(ResponseErrorPanel, { error });
   }
   const nbPages = Math.ceil((members?.length || 0) / pageSize);
-  const paginationLabel = nbPages < 2 ? "" : `, page ${page} of ${nbPages}`;
+  const paginationLabel = nbPages < 2 ? "" : t("membersListCard.paginationLabel", {
+    page: String(page),
+    nbPages: String(nbPages)
+  });
   const pagination = /* @__PURE__ */ jsx(
     Pagination,
     {
@@ -182,23 +188,21 @@ const MembersListCard = (props) => {
   if (members && members.length > 0) {
     memberList = /* @__PURE__ */ jsx(Box, { className: classes.memberList, children: members.slice(pageSize * (page - 1), pageSize * page).map((member) => /* @__PURE__ */ jsx(MemberComponent, { member }, stringifyEntityRef(member))) });
   } else {
-    memberList = /* @__PURE__ */ jsx(Box, { p: 2, children: /* @__PURE__ */ jsxs(Typography, { children: [
-      "This group has no ",
-      memberDisplayTitle.toLocaleLowerCase(),
-      "."
-    ] }) });
+    memberList = /* @__PURE__ */ jsx(Box, { p: 2, children: /* @__PURE__ */ jsx(Typography, { children: t("membersListCard.noMembersDescription") }) });
   }
   return /* @__PURE__ */ jsx(Grid, { item: true, className: classes.root, children: /* @__PURE__ */ jsxs(
     InfoCard,
     {
       title: `${memberDisplayTitle} (${members?.length || 0}${paginationLabel})`,
-      subheader: `of ${displayName}`,
+      subheader: t("membersListCard.subtitle", {
+        groupName: displayName
+      }),
       ...nbPages <= 1 ? {} : { actions: pagination },
       className: classes.root,
       cardClassName: classes.cardContent,
       children: [
         showAggregateMembersToggle && /* @__PURE__ */ jsxs(Fragment, { children: [
-          "Direct Members",
+          t("membersListCard.aggregateMembersToggle.directMembers"),
           /* @__PURE__ */ jsx(
             Switch,
             {
@@ -207,10 +211,14 @@ const MembersListCard = (props) => {
               onChange: () => {
                 setShowAggregateMembers(!showAggregateMembers);
               },
-              inputProps: { "aria-label": "Users Type Switch" }
+              inputProps: {
+                "aria-label": t(
+                  "membersListCard.aggregateMembersToggle.ariaLabel"
+                )
+              }
             }
           ),
-          "Aggregated Members"
+          t("membersListCard.aggregateMembersToggle.aggregatedMembers")
         ] }),
         showAggregateMembers && loadingDescendantMembers ? /* @__PURE__ */ jsx(Progress, {}) : memberList
       ]

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

@@ -1 +1 @@
-{"version":3,"file":"MembersListCard.esm.js","sources":["../../../../../src/components/Cards/Group/MembersList/MembersListCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  DEFAULT_NAMESPACE,\n  GroupEntity,\n  UserEntity,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport {\n  catalogApiRef,\n  useEntity,\n  EntityRefLink,\n} from '@backstage/plugin-catalog-react';\nimport Box from '@material-ui/core/Box';\nimport Grid from '@material-ui/core/Grid';\nimport Switch from '@material-ui/core/Switch';\nimport Typography from '@material-ui/core/Typography';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport Pagination from '@material-ui/lab/Pagination';\nimport { useState, ChangeEvent } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\n\nimport {\n  Avatar,\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n  Link,\n  OverflowTooltip,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n  getAllDesendantMembersForGroupEntity,\n  removeDuplicateEntitiesFrom,\n} from '../../../../helpers/helpers';\nimport { EntityRelationAggregation } from '../../types';\n\n/** @public */\nexport type MemberComponentClassKey = 'card' | 'avatar';\n\nconst useStyles = makeStyles(\n  (theme: Theme) =>\n    createStyles({\n      card: {\n        border: `1px solid ${theme.palette.divider}`,\n        boxShadow: theme.shadows[2],\n        borderRadius: '4px',\n        overflow: 'visible',\n        position: 'relative',\n        margin: theme.spacing(4, 1, 1),\n        flex: '1',\n        minWidth: '0px',\n      },\n      avatar: {\n        position: 'absolute',\n        top: '-2rem',\n      },\n    }),\n  { name: 'PluginOrgMemberComponent' },\n);\n\nconst MemberComponent = (props: { member: UserEntity }) => {\n  const classes = useStyles();\n  const {\n    metadata: { name: metaName, description },\n    spec: { profile },\n  } = props.member;\n  const displayName = profile?.displayName ?? metaName;\n\n  return (\n    <Box className={classes.card}>\n      <Box\n        display=\"flex\"\n        flexDirection=\"column\"\n        m={3}\n        alignItems=\"center\"\n        justifyContent=\"center\"\n      >\n        <Avatar\n          displayName={displayName}\n          picture={profile?.picture}\n          classes={classes}\n        />\n        <Box\n          pt={2}\n          sx={{\n            width: '100%',\n          }}\n          textAlign=\"center\"\n        >\n          <Typography variant=\"h6\">\n            <EntityRefLink\n              data-testid=\"user-link\"\n              entityRef={props.member}\n              title={displayName}\n            />\n          </Typography>\n          {profile?.email && (\n            <Link to={`mailto:${profile.email}`}>\n              <OverflowTooltip text={profile.email} />\n            </Link>\n          )}\n          {description && (\n            <Typography variant=\"subtitle2\">\n              <OverflowTooltip text={description} line={5} />\n            </Typography>\n          )}\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n\n/** @public */\nexport type MembersListCardClassKey = 'root' | 'cardContent' | 'memberList';\n\nconst useListStyles = makeStyles(\n  theme => ({\n    root: {\n      height: '100%',\n    },\n    cardContent: {\n      overflow: 'auto',\n    },\n    memberList: {\n      display: 'grid',\n      gap: theme.spacing(1.5),\n      gridTemplateColumns: `repeat(auto-fit, minmax(auto, ${theme.spacing(\n        34,\n      )}px))`,\n    },\n  }),\n  { name: 'PluginOrgMembersListCardComponent' },\n);\n\n/** @public */\nexport const MembersListCard = (props: {\n  memberDisplayTitle?: string;\n  pageSize?: number;\n  showAggregateMembersToggle?: boolean;\n  relationType?: string;\n  /** @deprecated Please use `relationAggregation` instead */\n  relationsType?: EntityRelationAggregation;\n  relationAggregation?: EntityRelationAggregation;\n}) => {\n  const {\n    memberDisplayTitle = 'Members',\n    pageSize = 50,\n    showAggregateMembersToggle,\n    relationType = 'memberof',\n  } = props;\n  const relationAggregation =\n    props.relationAggregation ?? props.relationsType ?? 'direct';\n  const classes = useListStyles();\n\n  const { entity: groupEntity } = useEntity<GroupEntity>();\n  const {\n    metadata: { name: groupName, namespace: grpNamespace },\n    spec: { profile },\n  } = groupEntity;\n  const catalogApi = useApi(catalogApiRef);\n\n  const displayName = profile?.displayName ?? groupName;\n\n  const groupNamespace = grpNamespace || DEFAULT_NAMESPACE;\n\n  const [page, setPage] = useState(1);\n  const pageChange = (_: ChangeEvent<unknown>, pageIndex: number) => {\n    setPage(pageIndex);\n  };\n\n  const [showAggregateMembers, setShowAggregateMembers] = useState(\n    relationAggregation === 'aggregated',\n  );\n\n  const { loading: loadingDescendantMembers, value: descendantMembers } =\n    useAsync(async () => {\n      if (!showAggregateMembers) {\n        return [] as UserEntity[];\n      }\n\n      return await getAllDesendantMembersForGroupEntity(\n        groupEntity,\n        catalogApi,\n        relationType,\n      );\n    }, [catalogApi, groupEntity, showAggregateMembers]);\n  const {\n    loading,\n    error,\n    value: directMembers,\n  } = useAsync(async () => {\n    const membersList = await catalogApi.getEntities({\n      filter: {\n        kind: 'User',\n        [`relations.${relationType.toLocaleLowerCase('en-US')}`]: [\n          stringifyEntityRef({\n            kind: 'group',\n            namespace: groupNamespace.toLocaleLowerCase('en-US'),\n            name: groupName.toLocaleLowerCase('en-US'),\n          }),\n        ],\n      },\n    });\n\n    return membersList.items as UserEntity[];\n  }, [catalogApi, groupEntity]);\n\n  const members = removeDuplicateEntitiesFrom(\n    [\n      ...(directMembers ?? []),\n      ...(descendantMembers && showAggregateMembers ? descendantMembers : []),\n    ].sort((a, b) =>\n      stringifyEntityRef(a).localeCompare(stringifyEntityRef(b)),\n    ),\n  ) as UserEntity[];\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  const nbPages = Math.ceil((members?.length || 0) / pageSize);\n  const paginationLabel = nbPages < 2 ? '' : `, page ${page} of ${nbPages}`;\n\n  const pagination = (\n    <Pagination\n      count={nbPages}\n      page={page}\n      onChange={pageChange}\n      showFirstButton\n      showLastButton\n    />\n  );\n\n  let memberList: JSX.Element;\n  if (members && members.length > 0) {\n    memberList = (\n      <Box className={classes.memberList}>\n        {members.slice(pageSize * (page - 1), pageSize * page).map(member => (\n          <MemberComponent member={member} key={stringifyEntityRef(member)} />\n        ))}\n      </Box>\n    );\n  } else {\n    memberList = (\n      <Box p={2}>\n        <Typography>\n          This group has no {memberDisplayTitle.toLocaleLowerCase()}.\n        </Typography>\n      </Box>\n    );\n  }\n\n  return (\n    <Grid item className={classes.root}>\n      <InfoCard\n        title={`${memberDisplayTitle} (${\n          members?.length || 0\n        }${paginationLabel})`}\n        subheader={`of ${displayName}`}\n        {...(nbPages <= 1 ? {} : { actions: pagination })}\n        className={classes.root}\n        cardClassName={classes.cardContent}\n      >\n        {showAggregateMembersToggle && (\n          <>\n            Direct Members\n            <Switch\n              color=\"primary\"\n              checked={showAggregateMembers}\n              onChange={() => {\n                setShowAggregateMembers(!showAggregateMembers);\n              }}\n              inputProps={{ 'aria-label': 'Users Type Switch' }}\n            />\n            Aggregated Members\n          </>\n        )}\n        {showAggregateMembers && loadingDescendantMembers ? (\n          <Progress />\n        ) : (\n          memberList\n        )}\n      </InfoCard>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MembersListCard.esm.js","sources":["../../../../../src/components/Cards/Group/MembersList/MembersListCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  DEFAULT_NAMESPACE,\n  GroupEntity,\n  UserEntity,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport {\n  catalogApiRef,\n  useEntity,\n  EntityRefLink,\n} from '@backstage/plugin-catalog-react';\nimport Box from '@material-ui/core/Box';\nimport Grid from '@material-ui/core/Grid';\nimport Switch from '@material-ui/core/Switch';\nimport Typography from '@material-ui/core/Typography';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport Pagination from '@material-ui/lab/Pagination';\nimport { useState, ChangeEvent } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\n\nimport {\n  Avatar,\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n  Link,\n  OverflowTooltip,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n  getAllDesendantMembersForGroupEntity,\n  removeDuplicateEntitiesFrom,\n} from '../../../../helpers/helpers';\nimport { EntityRelationAggregation } from '../../types';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { orgTranslationRef } from '../../../../translation';\n\n/** @public */\nexport type MemberComponentClassKey = 'card' | 'avatar';\n\nconst useStyles = makeStyles(\n  (theme: Theme) =>\n    createStyles({\n      card: {\n        border: `1px solid ${theme.palette.divider}`,\n        boxShadow: theme.shadows[2],\n        borderRadius: '4px',\n        overflow: 'visible',\n        position: 'relative',\n        margin: theme.spacing(4, 1, 1),\n        flex: '1',\n        minWidth: '0px',\n      },\n      avatar: {\n        position: 'absolute',\n        top: '-2rem',\n      },\n    }),\n  { name: 'PluginOrgMemberComponent' },\n);\n\nconst MemberComponent = (props: { member: UserEntity }) => {\n  const classes = useStyles();\n  const {\n    metadata: { name: metaName, description },\n    spec: { profile },\n  } = props.member;\n  const displayName = profile?.displayName ?? metaName;\n\n  return (\n    <Box className={classes.card}>\n      <Box\n        display=\"flex\"\n        flexDirection=\"column\"\n        m={3}\n        alignItems=\"center\"\n        justifyContent=\"center\"\n      >\n        <Avatar\n          displayName={displayName}\n          picture={profile?.picture}\n          classes={classes}\n        />\n        <Box\n          pt={2}\n          sx={{\n            width: '100%',\n          }}\n          textAlign=\"center\"\n        >\n          <Typography variant=\"h6\">\n            <EntityRefLink\n              data-testid=\"user-link\"\n              entityRef={props.member}\n              title={displayName}\n            />\n          </Typography>\n          {profile?.email && (\n            <Link to={`mailto:${profile.email}`}>\n              <OverflowTooltip text={profile.email} />\n            </Link>\n          )}\n          {description && (\n            <Typography variant=\"subtitle2\">\n              <OverflowTooltip text={description} line={5} />\n            </Typography>\n          )}\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n\n/** @public */\nexport type MembersListCardClassKey = 'root' | 'cardContent' | 'memberList';\n\nconst useListStyles = makeStyles(\n  theme => ({\n    root: {\n      height: '100%',\n    },\n    cardContent: {\n      overflow: 'auto',\n    },\n    memberList: {\n      display: 'grid',\n      gap: theme.spacing(1.5),\n      gridTemplateColumns: `repeat(auto-fit, minmax(auto, ${theme.spacing(\n        34,\n      )}px))`,\n    },\n  }),\n  { name: 'PluginOrgMembersListCardComponent' },\n);\n\n/** @public */\nexport const MembersListCard = (props: {\n  memberDisplayTitle?: string;\n  pageSize?: number;\n  showAggregateMembersToggle?: boolean;\n  relationType?: string;\n  /** @deprecated Please use `relationAggregation` instead */\n  relationsType?: EntityRelationAggregation;\n  relationAggregation?: EntityRelationAggregation;\n}) => {\n  const { t } = useTranslationRef(orgTranslationRef);\n  const {\n    memberDisplayTitle = t('membersListCard.title'),\n    pageSize = 50,\n    showAggregateMembersToggle,\n    relationType = 'memberof',\n  } = props;\n  const relationAggregation =\n    props.relationAggregation ?? props.relationsType ?? 'direct';\n  const classes = useListStyles();\n\n  const { entity: groupEntity } = useEntity<GroupEntity>();\n  const {\n    metadata: { name: groupName, namespace: grpNamespace },\n    spec: { profile },\n  } = groupEntity;\n  const catalogApi = useApi(catalogApiRef);\n\n  const displayName = profile?.displayName ?? groupName;\n\n  const groupNamespace = grpNamespace || DEFAULT_NAMESPACE;\n\n  const [page, setPage] = useState(1);\n  const pageChange = (_: ChangeEvent<unknown>, pageIndex: number) => {\n    setPage(pageIndex);\n  };\n\n  const [showAggregateMembers, setShowAggregateMembers] = useState(\n    relationAggregation === 'aggregated',\n  );\n\n  const { loading: loadingDescendantMembers, value: descendantMembers } =\n    useAsync(async () => {\n      if (!showAggregateMembers) {\n        return [] as UserEntity[];\n      }\n\n      return await getAllDesendantMembersForGroupEntity(\n        groupEntity,\n        catalogApi,\n        relationType,\n      );\n    }, [catalogApi, groupEntity, showAggregateMembers]);\n  const {\n    loading,\n    error,\n    value: directMembers,\n  } = useAsync(async () => {\n    const membersList = await catalogApi.getEntities({\n      filter: {\n        kind: 'User',\n        [`relations.${relationType.toLocaleLowerCase('en-US')}`]: [\n          stringifyEntityRef({\n            kind: 'group',\n            namespace: groupNamespace.toLocaleLowerCase('en-US'),\n            name: groupName.toLocaleLowerCase('en-US'),\n          }),\n        ],\n      },\n    });\n\n    return membersList.items as UserEntity[];\n  }, [catalogApi, groupEntity]);\n\n  const members = removeDuplicateEntitiesFrom(\n    [\n      ...(directMembers ?? []),\n      ...(descendantMembers && showAggregateMembers ? descendantMembers : []),\n    ].sort((a, b) =>\n      stringifyEntityRef(a).localeCompare(stringifyEntityRef(b)),\n    ),\n  ) as UserEntity[];\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  const nbPages = Math.ceil((members?.length || 0) / pageSize);\n  const paginationLabel =\n    nbPages < 2\n      ? ''\n      : t('membersListCard.paginationLabel', {\n          page: String(page),\n          nbPages: String(nbPages),\n        });\n\n  const pagination = (\n    <Pagination\n      count={nbPages}\n      page={page}\n      onChange={pageChange}\n      showFirstButton\n      showLastButton\n    />\n  );\n\n  let memberList: JSX.Element;\n  if (members && members.length > 0) {\n    memberList = (\n      <Box className={classes.memberList}>\n        {members.slice(pageSize * (page - 1), pageSize * page).map(member => (\n          <MemberComponent member={member} key={stringifyEntityRef(member)} />\n        ))}\n      </Box>\n    );\n  } else {\n    memberList = (\n      <Box p={2}>\n        <Typography>{t('membersListCard.noMembersDescription')}</Typography>\n      </Box>\n    );\n  }\n\n  return (\n    <Grid item className={classes.root}>\n      <InfoCard\n        title={`${memberDisplayTitle} (${\n          members?.length || 0\n        }${paginationLabel})`}\n        subheader={t('membersListCard.subtitle', {\n          groupName: displayName,\n        })}\n        {...(nbPages <= 1 ? {} : { actions: pagination })}\n        className={classes.root}\n        cardClassName={classes.cardContent}\n      >\n        {showAggregateMembersToggle && (\n          <>\n            {t('membersListCard.aggregateMembersToggle.directMembers')}\n            <Switch\n              color=\"primary\"\n              checked={showAggregateMembers}\n              onChange={() => {\n                setShowAggregateMembers(!showAggregateMembers);\n              }}\n              inputProps={{\n                'aria-label': t(\n                  'membersListCard.aggregateMembersToggle.ariaLabel',\n                ),\n              }}\n            />\n            {t('membersListCard.aggregateMembersToggle.aggregatedMembers')}\n          </>\n        )}\n        {showAggregateMembers && loadingDescendantMembers ? (\n          <Progress />\n        ) : (\n          memberList\n        )}\n      </InfoCard>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -10,6 +10,8 @@ import Tooltip from '@material-ui/core/Tooltip';
 import { makeStyles } from '@material-ui/core/styles';
 import { useState, useEffect } from 'react';
 import { ComponentsGrid } from './ComponentsGrid.esm.js';
+import { useTranslationRef } from '@backstage/frontend-plugin-api';
+import { orgTranslationRef } from '../../../translation.esm.js';
 
 const useStyles = makeStyles((theme) => ({
   card: {
@@ -56,6 +58,7 @@ const OwnershipCard = (props) => {
   const relationsToggle = hideRelationsToggle === void 0 ? false : hideRelationsToggle;
   const classes = useStyles();
   const { entity } = useEntity();
+  const { t } = useTranslationRef(orgTranslationRef);
   const defaultRelationAggregation = entity.kind === "User" ? "aggregated" : "direct";
   const [getRelationAggregation, setRelationAggregation] = useState(
     relationAggregation ?? defaultRelationAggregation
@@ -68,7 +71,7 @@ const OwnershipCard = (props) => {
   return /* @__PURE__ */ jsxs(
     InfoCard,
     {
-      title: "Ownership",
+      title: t("ownershipCard.title"),
       variant,
       className: classes.card,
       cardClassName: classes.cardContent,
@@ -80,13 +83,17 @@ const OwnershipCard = (props) => {
             {
               className: classes.listItemSecondaryAction,
               children: [
-                "Direct Relations",
+                t("ownershipCard.aggregateRelationsToggle.directRelations"),
                 /* @__PURE__ */ jsx(
                   Tooltip,
                   {
                     placement: "top",
                     arrow: true,
-                    title: `${getRelationAggregation === "direct" ? "Direct" : "Aggregated"} Relations`,
+                    title: getRelationAggregation === "direct" ? t(
+                      "ownershipCard.aggregateRelationsToggle.directRelations"
+                    ) : t(
+                      "ownershipCard.aggregateRelationsToggle.aggregatedRelations"
+                    ),
                     children: /* @__PURE__ */ jsx(
                       Switch,
                       {
@@ -97,12 +104,16 @@ const OwnershipCard = (props) => {
                           setRelationAggregation(updatedRelationAggregation);
                         },
                         name: "pin",
-                        inputProps: { "aria-label": "Ownership Type Switch" }
+                        inputProps: {
+                          "aria-label": t(
+                            "ownershipCard.aggregateRelationsToggle.ariaLabel"
+                          )
+                        }
                       }
                     )
                   }
                 ),
-                "Aggregated Relations"
+                t("ownershipCard.aggregateRelationsToggle.aggregatedRelations")
               ]
             }
           )

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

@@ -1 +1 @@
-{"version":3,"file":"OwnershipCard.esm.js","sources":["../../../../src/components/Cards/OwnershipCard/OwnershipCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { InfoCard, InfoCardVariants } from '@backstage/core-components';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Switch from '@material-ui/core/Switch';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useEffect, useState } from 'react';\nimport { ComponentsGrid } from './ComponentsGrid';\nimport { EntityRelationAggregation } from '../types';\n\nconst useStyles = makeStyles(theme => ({\n  card: {\n    maxHeight: '100%',\n  },\n  cardContent: {\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'hidden',\n  },\n  list: {\n    [theme.breakpoints.down('xs')]: {\n      padding: `0 0 12px`,\n    },\n  },\n  listItemText: {\n    [theme.breakpoints.down('xs')]: {\n      paddingRight: 0,\n      paddingLeft: 0,\n    },\n  },\n  listItemSecondaryAction: {\n    [theme.breakpoints.down('xs')]: {\n      width: '100%',\n      top: 'auto',\n      right: 'auto',\n      position: 'relative',\n      transform: 'unset',\n    },\n  },\n  grid: {\n    overflowY: 'auto',\n    marginTop: 0,\n  },\n}));\n\n/** @public */\nexport const OwnershipCard = (props: {\n  variant?: InfoCardVariants;\n  entityFilterKind?: string[];\n  hideRelationsToggle?: boolean;\n  /** @deprecated Please use relationAggregation instead */\n  relationsType?: EntityRelationAggregation;\n  relationAggregation?: EntityRelationAggregation;\n  entityLimit?: number;\n}) => {\n  const {\n    variant,\n    entityFilterKind,\n    hideRelationsToggle,\n    entityLimit = 6,\n  } = props;\n  const relationAggregation = props.relationAggregation ?? props.relationsType;\n  const relationsToggle =\n    hideRelationsToggle === undefined ? false : hideRelationsToggle;\n  const classes = useStyles();\n  const { entity } = useEntity();\n\n  const defaultRelationAggregation =\n    entity.kind === 'User' ? 'aggregated' : 'direct';\n  const [getRelationAggregation, setRelationAggregation] = useState(\n    relationAggregation ?? defaultRelationAggregation,\n  );\n\n  useEffect(() => {\n    if (!relationAggregation) {\n      setRelationAggregation(defaultRelationAggregation);\n    }\n  }, [setRelationAggregation, defaultRelationAggregation, relationAggregation]);\n\n  return (\n    <InfoCard\n      title=\"Ownership\"\n      variant={variant}\n      className={classes.card}\n      cardClassName={classes.cardContent}\n    >\n      {!relationsToggle && (\n        <List dense>\n          <ListItem className={classes.list}>\n            <ListItemText className={classes.listItemText} />\n            <ListItemSecondaryAction\n              className={classes.listItemSecondaryAction}\n            >\n              Direct Relations\n              <Tooltip\n                placement=\"top\"\n                arrow\n                title={`${\n                  getRelationAggregation === 'direct' ? 'Direct' : 'Aggregated'\n                } Relations`}\n              >\n                <Switch\n                  color=\"primary\"\n                  checked={getRelationAggregation !== 'direct'}\n                  onChange={() => {\n                    const updatedRelationAggregation =\n                      getRelationAggregation === 'direct'\n                        ? 'aggregated'\n                        : 'direct';\n                    setRelationAggregation(updatedRelationAggregation);\n                  }}\n                  name=\"pin\"\n                  inputProps={{ 'aria-label': 'Ownership Type Switch' }}\n                />\n              </Tooltip>\n              Aggregated Relations\n            </ListItemSecondaryAction>\n          </ListItem>\n        </List>\n      )}\n      <ComponentsGrid\n        className={classes.grid}\n        entity={entity}\n        entityLimit={entityLimit}\n        relationAggregation={getRelationAggregation}\n        entityFilterKind={entityFilterKind}\n      />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"OwnershipCard.esm.js","sources":["../../../../src/components/Cards/OwnershipCard/OwnershipCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { InfoCard, InfoCardVariants } from '@backstage/core-components';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Switch from '@material-ui/core/Switch';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useEffect, useState } from 'react';\nimport { ComponentsGrid } from './ComponentsGrid';\nimport { EntityRelationAggregation } from '../types';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { orgTranslationRef } from '../../../translation';\n\nconst useStyles = makeStyles(theme => ({\n  card: {\n    maxHeight: '100%',\n  },\n  cardContent: {\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'hidden',\n  },\n  list: {\n    [theme.breakpoints.down('xs')]: {\n      padding: `0 0 12px`,\n    },\n  },\n  listItemText: {\n    [theme.breakpoints.down('xs')]: {\n      paddingRight: 0,\n      paddingLeft: 0,\n    },\n  },\n  listItemSecondaryAction: {\n    [theme.breakpoints.down('xs')]: {\n      width: '100%',\n      top: 'auto',\n      right: 'auto',\n      position: 'relative',\n      transform: 'unset',\n    },\n  },\n  grid: {\n    overflowY: 'auto',\n    marginTop: 0,\n  },\n}));\n\n/** @public */\nexport const OwnershipCard = (props: {\n  variant?: InfoCardVariants;\n  entityFilterKind?: string[];\n  hideRelationsToggle?: boolean;\n  /** @deprecated Please use relationAggregation instead */\n  relationsType?: EntityRelationAggregation;\n  relationAggregation?: EntityRelationAggregation;\n  entityLimit?: number;\n}) => {\n  const {\n    variant,\n    entityFilterKind,\n    hideRelationsToggle,\n    entityLimit = 6,\n  } = props;\n  const relationAggregation = props.relationAggregation ?? props.relationsType;\n  const relationsToggle =\n    hideRelationsToggle === undefined ? false : hideRelationsToggle;\n  const classes = useStyles();\n  const { entity } = useEntity();\n  const { t } = useTranslationRef(orgTranslationRef);\n\n  const defaultRelationAggregation =\n    entity.kind === 'User' ? 'aggregated' : 'direct';\n  const [getRelationAggregation, setRelationAggregation] = useState(\n    relationAggregation ?? defaultRelationAggregation,\n  );\n\n  useEffect(() => {\n    if (!relationAggregation) {\n      setRelationAggregation(defaultRelationAggregation);\n    }\n  }, [setRelationAggregation, defaultRelationAggregation, relationAggregation]);\n\n  return (\n    <InfoCard\n      title={t('ownershipCard.title')}\n      variant={variant}\n      className={classes.card}\n      cardClassName={classes.cardContent}\n    >\n      {!relationsToggle && (\n        <List dense>\n          <ListItem className={classes.list}>\n            <ListItemText className={classes.listItemText} />\n            <ListItemSecondaryAction\n              className={classes.listItemSecondaryAction}\n            >\n              {t('ownershipCard.aggregateRelationsToggle.directRelations')}\n              <Tooltip\n                placement=\"top\"\n                arrow\n                title={\n                  getRelationAggregation === 'direct'\n                    ? t(\n                        'ownershipCard.aggregateRelationsToggle.directRelations',\n                      )\n                    : t(\n                        'ownershipCard.aggregateRelationsToggle.aggregatedRelations',\n                      )\n                }\n              >\n                <Switch\n                  color=\"primary\"\n                  checked={getRelationAggregation !== 'direct'}\n                  onChange={() => {\n                    const updatedRelationAggregation =\n                      getRelationAggregation === 'direct'\n                        ? 'aggregated'\n                        : 'direct';\n                    setRelationAggregation(updatedRelationAggregation);\n                  }}\n                  name=\"pin\"\n                  inputProps={{\n                    'aria-label': t(\n                      'ownershipCard.aggregateRelationsToggle.ariaLabel',\n                    ),\n                  }}\n                />\n              </Tooltip>\n              {t('ownershipCard.aggregateRelationsToggle.aggregatedRelations')}\n            </ListItemSecondaryAction>\n          </ListItem>\n        </List>\n      )}\n      <ComponentsGrid\n        className={classes.grid}\n        entity={entity}\n        entityLimit={entityLimit}\n        relationAggregation={getRelationAggregation}\n        entityFilterKind={entityFilterKind}\n      />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -25,6 +25,8 @@ 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';
 
 const useStyles = makeStyles((theme) => ({
   closeButton: {
@@ -50,6 +52,7 @@ const UserProfileCard = (props) => {
   const classes = useStyles();
   const { entity: user } = useEntity();
   const [isAllGroupsDialogOpen, setIsAllGroupsDialogOpen] = useState(false);
+  const { t } = useTranslationRef(orgTranslationRef);
   const toggleAllGroupsDialog = useCallback(
     () => setIsAllGroupsDialogOpen(
       (prevIsViewAllGroupsDialogOpen) => !prevIsViewAllGroupsDialogOpen
@@ -57,7 +60,7 @@ const UserProfileCard = (props) => {
     []
   );
   if (!user) {
-    return /* @__PURE__ */ jsx(Alert, { severity: "error", children: "User not found" });
+    return /* @__PURE__ */ jsx(Alert, { severity: "error", children: t("userProfileCard.userNotFound") });
   }
   const entityMetadataEditUrl = user.metadata.annotations?.[ANNOTATION_EDIT_URL];
   const {
@@ -78,8 +81,8 @@ const UserProfileCard = (props) => {
       action: /* @__PURE__ */ jsx(Fragment, { children: entityMetadataEditUrl && /* @__PURE__ */ jsx(
         IconButton,
         {
-          "aria-label": "Edit",
-          title: "Edit Metadata",
+          "aria-label": t("userProfileCard.editIconButtonTitle"),
+          title: t("userProfileCard.editIconButtonTitle"),
           component: Link,
           to: entityMetadataEditUrl,
           children: /* @__PURE__ */ jsx(EditIcon, {})
@@ -90,11 +93,11 @@ const UserProfileCard = (props) => {
           /* @__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: "Email", children: /* @__PURE__ */ jsx(EmailIcon, {}) }) }),
+              /* @__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: "Member of", children: /* @__PURE__ */ jsx(GroupIcon, {}) }) }),
+              /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Tooltip, { title: t("userProfileCard.listItemTitle.memberOf"), children: /* @__PURE__ */ jsx(GroupIcon, {}) }) }),
               /* @__PURE__ */ jsxs(ListItemText, { children: [
                 /* @__PURE__ */ jsx(
                   EntityRefLinks,
@@ -112,7 +115,11 @@ const UserProfileCard = (props) => {
                       className: classes.moreButton,
                       onClick: toggleAllGroupsDialog,
                       disableRipple: true,
-                      children: ` ...More (${memberOfRelations.length - maxRelations})`
+                      children: t("userProfileCard.moreGroupButtonTitle", {
+                        number: String(
+                          memberOfRelations.length - maxRelations
+                        )
+                      })
                     }
                   )
                 ] }) : null
@@ -133,21 +140,21 @@ const UserProfileCard = (props) => {
             fullWidth: true,
             children: [
               /* @__PURE__ */ jsxs(DialogTitle, { id: "view-all-groups-dialog-title", children: [
-                "All ",
-                user.metadata.name,
-                "'s groups:",
+                t("userProfileCard.allGroupDialog.title", {
+                  name: user.metadata.name
+                }),
                 /* @__PURE__ */ jsx(
                   IconButton,
                   {
                     className: classes.closeButton,
-                    "aria-label": "close",
+                    "aria-label": t("userProfileCard.allGroupDialog.closeButtonTitle"),
                     onClick: toggleAllGroupsDialog,
                     children: /* @__PURE__ */ jsx(CloseIcon, {})
                   }
                 )
               ] }),
               /* @__PURE__ */ jsx(DialogContent, { dividers: true, children: /* @__PURE__ */ jsx(EntityRefLinks, { entityRefs: memberOfRelations, defaultKind: "Group" }) }),
-              /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: toggleAllGroupsDialog, children: "Close" }) })
+              /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: toggleAllGroupsDialog, children: t("userProfileCard.allGroupDialog.closeButtonTitle") }) })
             ]
           }
         )

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 { 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';\n\nconst useStyles = makeStyles((theme: any) => ({\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\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\n  const toggleAllGroupsDialog = useCallback(\n    () =>\n      setIsAllGroupsDialogOpen(\n        prevIsViewAllGroupsDialogOpen => !prevIsViewAllGroupsDialogOpen,\n      ),\n    [],\n  );\n\n  if (!user) {\n    return <Alert severity=\"error\">User not found</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=\"Edit\"\n              title=\"Edit Metadata\"\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=\"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=\"Member of\">\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                        {` ...More (${\n                          memberOfRelations.length - maxRelations\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          All {user.metadata.name}'s groups:\n          <IconButton\n            className={classes.closeButton}\n            aria-label=\"close\"\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}>Close</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 {\n  Avatar,\n  InfoCard,\n  InfoCardVariants,\n  Link,\n} from '@backstage/core-components';\nimport { 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\nconst useStyles = makeStyles((theme: any) => ({\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\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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"}

package/dist/package.json.esm.js

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

package/dist/translation.esm.js

@@ -0,0 +1,54 @@
+import { createTranslationRef } from '@backstage/frontend-plugin-api';
+
+const orgTranslationRef = createTranslationRef({
+  id: "org",
+  messages: {
+    groupProfileCard: {
+      groupNotFound: "Group not found",
+      editIconButtonTitle: "Edit Metadata",
+      refreshIconButtonTitle: "Schedule entity refresh",
+      refreshIconButtonAriaLabel: "Refresh",
+      listItemTitle: {
+        entityRef: "Entity Ref",
+        email: "Email",
+        parentGroup: "Parent Group",
+        childGroups: "Child Groups"
+      }
+    },
+    membersListCard: {
+      title: "Members",
+      subtitle: "of {{groupName}}",
+      paginationLabel: ", page {{page}} of {{nbPages}}",
+      noMembersDescription: "This group has no members.",
+      aggregateMembersToggle: {
+        directMembers: "Direct Members",
+        aggregatedMembers: "Aggregated Members",
+        ariaLabel: "Users Type Switch"
+      }
+    },
+    ownershipCard: {
+      title: "Ownership",
+      aggregateRelationsToggle: {
+        directRelations: "Direct Relations",
+        aggregatedRelations: "Aggregated Relations",
+        ariaLabel: "Ownership Type Switch"
+      }
+    },
+    userProfileCard: {
+      userNotFound: "User not found",
+      editIconButtonTitle: "Edit Metadata",
+      listItemTitle: {
+        email: "Email",
+        memberOf: "Member of"
+      },
+      moreGroupButtonTitle: "...More ({{number}})",
+      allGroupDialog: {
+        title: "All {{name}}'s groups:",
+        closeButtonTitle: "Close"
+      }
+    }
+  }
+});
+
+export { orgTranslationRef };
+//# sourceMappingURL=translation.esm.js.map

package/dist/translation.esm.js.map

@@ -0,0 +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,oBAAqB,CAAA;AAAA,EACpD,EAAI,EAAA,KAAA;AAAA,EACJ,QAAU,EAAA;AAAA,IACR,gBAAkB,EAAA;AAAA,MAChB,aAAe,EAAA,iBAAA;AAAA,MACf,mBAAqB,EAAA,eAAA;AAAA,MACrB,sBAAwB,EAAA,yBAAA;AAAA,MACxB,0BAA4B,EAAA,SAAA;AAAA,MAC5B,aAAe,EAAA;AAAA,QACb,SAAW,EAAA,YAAA;AAAA,QACX,KAAO,EAAA,OAAA;AAAA,QACP,WAAa,EAAA,cAAA;AAAA,QACb,WAAa,EAAA;AAAA;AACf,KACF;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,KAAO,EAAA,SAAA;AAAA,MACP,QAAU,EAAA,kBAAA;AAAA,MACV,eAAiB,EAAA,gCAAA;AAAA,MACjB,oBAAsB,EAAA,4BAAA;AAAA,MACtB,sBAAwB,EAAA;AAAA,QACtB,aAAe,EAAA,gBAAA;AAAA,QACf,iBAAmB,EAAA,oBAAA;AAAA,QACnB,SAAW,EAAA;AAAA;AACb,KACF;AAAA,IACA,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,WAAA;AAAA,MACP,wBAA0B,EAAA;AAAA,QACxB,eAAiB,EAAA,kBAAA;AAAA,QACjB,mBAAqB,EAAA,sBAAA;AAAA,QACrB,SAAW,EAAA;AAAA;AACb,KACF;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,YAAc,EAAA,gBAAA;AAAA,MACd,mBAAqB,EAAA,eAAA;AAAA,MACrB,aAAe,EAAA;AAAA,QACb,KAAO,EAAA,OAAA;AAAA,QACP,QAAU,EAAA;AAAA,OACZ;AAAA,MACA,oBAAsB,EAAA,sBAAA;AAAA,MACtB,cAAgB,EAAA;AAAA,QACd,KAAO,EAAA,wBAAA;AAAA,QACP,gBAAkB,EAAA;AAAA;AACpB;AACF;AAEJ,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-org",
-  "version": "0.6.40-next.0",
+  "version": "0.6.40-next.2",
   "description": "A Backstage plugin that helps you create entity pages for your organization",
   "backstage": {
     "role": "frontend-plugin",
@@ -64,12 +64,12 @@
   },
   "dependencies": {
     "@backstage/catalog-model": "1.7.4",
-    "@backstage/core-compat-api": "0.4.3-next.0",
-    "@backstage/core-components": "0.17.2",
+    "@backstage/core-compat-api": "0.4.3-next.2",
+    "@backstage/core-components": "0.17.3-next.0",
     "@backstage/core-plugin-api": "1.10.7",
-    "@backstage/frontend-plugin-api": "0.10.3-next.0",
+    "@backstage/frontend-plugin-api": "0.10.3-next.1",
     "@backstage/plugin-catalog-common": "1.1.4",
-    "@backstage/plugin-catalog-react": "1.18.1-next.0",
+    "@backstage/plugin-catalog-react": "1.19.0-next.2",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
@@ -80,11 +80,11 @@
     "react-use": "^17.2.4"
   },
   "devDependencies": {
-    "@backstage/catalog-client": "1.10.0",
-    "@backstage/cli": "0.32.1",
+    "@backstage/catalog-client": "1.10.1-next.0",
+    "@backstage/cli": "0.33.0-next.1",
     "@backstage/core-app-api": "1.17.0",
-    "@backstage/dev-utils": "1.1.11-next.0",
-    "@backstage/plugin-catalog": "1.31.0-next.0",
+    "@backstage/dev-utils": "1.1.11-next.2",
+    "@backstage/plugin-catalog": "1.31.0-next.2",
     "@backstage/plugin-permission-common": "0.9.0",
     "@backstage/plugin-permission-react": "0.4.34",
     "@backstage/test-utils": "1.7.8",