@backstage/plugin-org 0.6.20-next.1 → 0.6.20-next.3

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @backstage/plugin-org
 
+## 0.6.20-next.3
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-components@0.14.0-next.2
+  - @backstage/plugin-catalog-react@1.10.0-next.3
+  - @backstage/catalog-model@1.4.4-next.0
+  - @backstage/core-compat-api@0.2.0-next.3
+  - @backstage/core-plugin-api@1.9.0-next.1
+  - @backstage/frontend-plugin-api@0.6.0-next.3
+  - @backstage/plugin-catalog-common@1.0.21-next.0
+
+## 0.6.20-next.2
+
+### Patch Changes
+
+- 8fe56a8: Widen `@types/react` dependency range to include version 18.
+- 6e1bf50: Added basic support for the new frontend system, exported from the `/alpha` subpath.
+- Updated dependencies
+  - @backstage/core-components@0.14.0-next.1
+  - @backstage/core-plugin-api@1.9.0-next.1
+  - @backstage/frontend-plugin-api@0.6.0-next.2
+  - @backstage/plugin-catalog-react@1.10.0-next.2
+  - @backstage/core-compat-api@0.2.0-next.2
+  - @backstage/catalog-model@1.4.4-next.0
+  - @backstage/plugin-catalog-common@1.0.21-next.0
+
 ## 0.6.20-next.1
 
 ### Patch Changes

package/alpha/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@backstage/plugin-org",
+  "version": "0.6.20-next.3",
+  "main": "../dist/alpha.esm.js",
+  "module": "../dist/alpha.esm.js",
+  "types": "../dist/alpha.d.ts"
+}

package/dist/alpha.d.ts

@@ -0,0 +1,8 @@
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+
+/** @alpha */
+declare const _default: _backstage_frontend_plugin_api.BackstagePlugin<{}, {
+    catalogIndex: _backstage_frontend_plugin_api.ExternalRouteRef<undefined, false>;
+}>;
+
+export { _default as default };

package/dist/alpha.esm.js

@@ -0,0 +1,50 @@
+import { compatWrapper, convertLegacyRouteRefs } from '@backstage/core-compat-api';
+import { createPlugin } from '@backstage/frontend-plugin-api';
+import React from 'react';
+import { c as catalogIndexRouteRef } from './esm/routes-e3daad75.esm.js';
+import { createEntityCardExtension } from '@backstage/plugin-catalog-react/alpha';
+import '@backstage/core-plugin-api';
+
+const EntityGroupProfileCard = createEntityCardExtension({
+  name: "group-profile",
+  filter: "kind:group",
+  loader: async () => import('./esm/GroupProfileCard-d9207fd9.esm.js').then(
+    (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.GroupProfileCard, null))
+  )
+});
+const EntityMembersListCard = createEntityCardExtension({
+  name: "members-list",
+  filter: "kind:group",
+  loader: async () => import('./esm/MembersListCard-cb148b44.esm.js').then(
+    (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.MembersListCard, null))
+  )
+});
+const EntityOwnershipCard = createEntityCardExtension({
+  name: "ownership",
+  filter: "kind:group,user",
+  loader: async () => import('./esm/OwnershipCard-9f8835e6.esm.js').then(
+    (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.OwnershipCard, null))
+  )
+});
+const EntityUserProfileCard = createEntityCardExtension({
+  name: "user-profile",
+  filter: "kind:user",
+  loader: async () => import('./esm/UserProfileCard-d467b6e5.esm.js').then(
+    (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.UserProfileCard, null))
+  )
+});
+var alpha = createPlugin({
+  id: "org",
+  extensions: [
+    EntityGroupProfileCard,
+    EntityMembersListCard,
+    EntityOwnershipCard,
+    EntityUserProfileCard
+  ],
+  externalRoutes: convertLegacyRouteRefs({
+    catalogIndex: catalogIndexRouteRef
+  })
+});
+
+export { alpha as default };
+//# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

@@ -0,0 +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 { createPlugin } from '@backstage/frontend-plugin-api';\nimport React from 'react';\nimport { catalogIndexRouteRef } from './routes';\nimport { createEntityCardExtension } from '@backstage/plugin-catalog-react/alpha';\n\n/** @alpha */\nconst EntityGroupProfileCard = createEntityCardExtension({\n  name: 'group-profile',\n  filter: 'kind:group',\n  loader: async () =>\n    import('./components/Cards/Group/GroupProfile/GroupProfileCard').then(m =>\n      compatWrapper(<m.GroupProfileCard />),\n    ),\n});\n\n/** @alpha */\nconst EntityMembersListCard = createEntityCardExtension({\n  name: 'members-list',\n  filter: 'kind:group',\n  loader: async () =>\n    import('./components/Cards/Group/MembersList/MembersListCard').then(m =>\n      compatWrapper(<m.MembersListCard />),\n    ),\n});\n\n/** @alpha */\nconst EntityOwnershipCard = createEntityCardExtension({\n  name: 'ownership',\n  filter: 'kind:group,user',\n  loader: async () =>\n    import('./components/Cards/OwnershipCard/OwnershipCard').then(m =>\n      compatWrapper(<m.OwnershipCard />),\n    ),\n});\n\n/** @alpha */\nconst EntityUserProfileCard = createEntityCardExtension({\n  name: 'user-profile',\n  filter: 'kind:user',\n  loader: async () =>\n    import('./components/Cards/User/UserProfileCard/UserProfileCard').then(m =>\n      compatWrapper(<m.UserProfileCard />),\n    ),\n});\n\n/** @alpha */\nexport default createPlugin({\n  id: 'org',\n  extensions: [\n    EntityGroupProfileCard,\n    EntityMembersListCard,\n    EntityOwnershipCard,\n    EntityUserProfileCard,\n  ],\n  externalRoutes: convertLegacyRouteRefs({\n    catalogIndex: catalogIndexRouteRef,\n  }),\n});\n"],"names":[],"mappings":";;;;;;;AA0BA,MAAM,yBAAyB,yBAA0B,CAAA;AAAA,EACvD,IAAM,EAAA,eAAA;AAAA,EACN,MAAQ,EAAA,YAAA;AAAA,EACR,MAAQ,EAAA,YACN,OAAO,wCAAwD,CAAE,CAAA,IAAA;AAAA,IAAK,OACpE,aAAc,iBAAA,KAAA,CAAA,aAAA,CAAC,CAAE,CAAA,gBAAA,EAAF,IAAmB,CAAE,CAAA;AAAA,GACtC;AACJ,CAAC,CAAA,CAAA;AAGD,MAAM,wBAAwB,yBAA0B,CAAA;AAAA,EACtD,IAAM,EAAA,cAAA;AAAA,EACN,MAAQ,EAAA,YAAA;AAAA,EACR,MAAQ,EAAA,YACN,OAAO,uCAAsD,CAAE,CAAA,IAAA;AAAA,IAAK,OAClE,aAAc,iBAAA,KAAA,CAAA,aAAA,CAAC,CAAE,CAAA,eAAA,EAAF,IAAkB,CAAE,CAAA;AAAA,GACrC;AACJ,CAAC,CAAA,CAAA;AAGD,MAAM,sBAAsB,yBAA0B,CAAA;AAAA,EACpD,IAAM,EAAA,WAAA;AAAA,EACN,MAAQ,EAAA,iBAAA;AAAA,EACR,MAAQ,EAAA,YACN,OAAO,qCAAgD,CAAE,CAAA,IAAA;AAAA,IAAK,OAC5D,aAAc,iBAAA,KAAA,CAAA,aAAA,CAAC,CAAE,CAAA,aAAA,EAAF,IAAgB,CAAE,CAAA;AAAA,GACnC;AACJ,CAAC,CAAA,CAAA;AAGD,MAAM,wBAAwB,yBAA0B,CAAA;AAAA,EACtD,IAAM,EAAA,cAAA;AAAA,EACN,MAAQ,EAAA,WAAA;AAAA,EACR,MAAQ,EAAA,YACN,OAAO,uCAAyD,CAAE,CAAA,IAAA;AAAA,IAAK,OACrE,aAAc,iBAAA,KAAA,CAAA,aAAA,CAAC,CAAE,CAAA,eAAA,EAAF,IAAkB,CAAE,CAAA;AAAA,GACrC;AACJ,CAAC,CAAA,CAAA;AAGD,YAAe,YAAa,CAAA;AAAA,EAC1B,EAAI,EAAA,KAAA;AAAA,EACJ,UAAY,EAAA;AAAA,IACV,sBAAA;AAAA,IACA,qBAAA;AAAA,IACA,mBAAA;AAAA,IACA,qBAAA;AAAA,GACF;AAAA,EACA,gBAAgB,sBAAuB,CAAA;AAAA,IACrC,YAAc,EAAA,oBAAA;AAAA,GACf,CAAA;AACH,CAAC,CAAA;;;;"}

package/dist/esm/GroupProfileCard-d9207fd9.esm.js

@@ -0,0 +1,114 @@
+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 { IconButton, Grid, List, ListItem, ListItemIcon, Tooltip, ListItemText, Box } from '@material-ui/core';
+import { catalogApiRef, useEntity, getEntityRelations, EntityRefLinks } from '@backstage/plugin-catalog-react';
+import React, { useCallback } from 'react';
+import { useApi, alertApiRef } from '@backstage/core-plugin-api';
+import AccountTreeIcon from '@material-ui/icons/AccountTree';
+import Alert from '@material-ui/lab/Alert';
+import CachedIcon from '@material-ui/icons/Cached';
+import EditIcon from '@material-ui/icons/Edit';
+import EmailIcon from '@material-ui/icons/Email';
+import GroupIcon from '@material-ui/icons/Group';
+import { L as LinksGroup } from './LinksGroup-9fefd100.esm.js';
+import { useEntityPermission } from '@backstage/plugin-catalog-react/alpha';
+import { catalogEntityRefreshPermission } from '@backstage/plugin-catalog-common/alpha';
+import '@material-ui/icons/Language';
+
+const CardTitle = (props) => /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(GroupIcon, { fontSize: "inherit" }), /* @__PURE__ */ React.createElement(Box, { ml: 1 }, props.title));
+const GroupProfileCard = (props) => {
+  var _a, _b, _c;
+  const catalogApi = useApi(catalogApiRef);
+  const alertApi = useApi(alertApiRef);
+  const { entity: group } = useEntity();
+  const { allowed: canRefresh } = useEntityPermission(
+    catalogEntityRefreshPermission
+  );
+  const refreshEntity = useCallback(async () => {
+    await catalogApi.refreshEntity(stringifyEntityRef(group));
+    alertApi.post({
+      message: "Refresh scheduled",
+      severity: "info",
+      display: "transient"
+    });
+  }, [catalogApi, alertApi, group]);
+  if (!group) {
+    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, "Group not found");
+  }
+  const {
+    metadata: { name, description, title, annotations, links },
+    spec: { profile }
+  } = group;
+  const childRelations = getEntityRelations(group, RELATION_PARENT_OF, {
+    kind: "Group"
+  });
+  const parentRelations = getEntityRelations(group, RELATION_CHILD_OF, {
+    kind: "group"
+  });
+  const entityLocation = annotations == null ? void 0 : annotations[ANNOTATION_LOCATION];
+  const allowRefresh = (entityLocation == null ? void 0 : entityLocation.startsWith("url:")) || (entityLocation == null ? void 0 : entityLocation.startsWith("file:"));
+  const entityMetadataEditUrl = (_a = group.metadata.annotations) == null ? void 0 : _a[ANNOTATION_EDIT_URL];
+  const displayName = (_c = (_b = profile == null ? void 0 : profile.displayName) != null ? _b : title) != null ? _c : name;
+  const emailHref = (profile == null ? void 0 : profile.email) ? `mailto:${profile.email}` : "#";
+  const infoCardAction = entityMetadataEditUrl ? /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": "Edit",
+      title: "Edit Metadata",
+      component: Link,
+      to: entityMetadataEditUrl
+    },
+    /* @__PURE__ */ React.createElement(EditIcon, null)
+  ) : /* @__PURE__ */ React.createElement(IconButton, { "aria-label": "Edit", disabled: true, title: "Edit Metadata" }, /* @__PURE__ */ React.createElement(EditIcon, null));
+  return /* @__PURE__ */ React.createElement(
+    InfoCard,
+    {
+      title: /* @__PURE__ */ React.createElement(CardTitle, { title: displayName }),
+      subheader: description,
+      variant: props.variant,
+      action: /* @__PURE__ */ React.createElement(React.Fragment, null, allowRefresh && canRefresh && /* @__PURE__ */ React.createElement(
+        IconButton,
+        {
+          "aria-label": "Refresh",
+          title: "Schedule entity refresh",
+          onClick: refreshEntity
+        },
+        /* @__PURE__ */ React.createElement(CachedIcon, null)
+      ), infoCardAction)
+    },
+    /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, sm: 2, xl: 1 }, /* @__PURE__ */ React.createElement(Avatar, { displayName, picture: profile == null ? void 0 : profile.picture })), /* @__PURE__ */ React.createElement(Grid, { item: true, md: 10, xl: 11 }, /* @__PURE__ */ React.createElement(List, null, (profile == null ? void 0 : profile.email) && /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(Tooltip, { title: "Email" }, /* @__PURE__ */ React.createElement(EmailIcon, null))), /* @__PURE__ */ React.createElement(
+      ListItemText,
+      {
+        primary: /* @__PURE__ */ React.createElement(Link, { to: emailHref }, profile.email),
+        secondary: "Email"
+      }
+    )), /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(Tooltip, { title: "Parent Group" }, /* @__PURE__ */ React.createElement(AccountTreeIcon, null))), /* @__PURE__ */ React.createElement(
+      ListItemText,
+      {
+        primary: parentRelations.length ? /* @__PURE__ */ React.createElement(
+          EntityRefLinks,
+          {
+            entityRefs: parentRelations,
+            defaultKind: "Group"
+          }
+        ) : "N/A",
+        secondary: "Parent Group"
+      }
+    )), /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(Tooltip, { title: "Child Groups" }, /* @__PURE__ */ React.createElement(GroupIcon, null))), /* @__PURE__ */ React.createElement(
+      ListItemText,
+      {
+        primary: childRelations.length ? /* @__PURE__ */ React.createElement(
+          EntityRefLinks,
+          {
+            entityRefs: childRelations,
+            defaultKind: "Group"
+          }
+        ) : "N/A",
+        secondary: "Child Groups"
+      }
+    )), (props == null ? void 0 : props.showLinks) && /* @__PURE__ */ React.createElement(LinksGroup, { links }))))
+  );
+};
+
+export { GroupProfileCard };
+//# sourceMappingURL=GroupProfileCard-d9207fd9.esm.js.map

package/dist/esm/GroupProfileCard-d9207fd9.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupProfileCard-d9207fd9.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 {\n  Box,\n  Grid,\n  IconButton,\n  List,\n  ListItem,\n  ListItemIcon,\n  ListItemText,\n  Tooltip,\n} from '@material-ui/core';\nimport {\n  EntityRefLinks,\n  catalogApiRef,\n  getEntityRelations,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport React, { 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 { 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            {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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"}

package/dist/esm/LinksGroup-9fefd100.esm.js

@@ -0,0 +1,35 @@
+import { useApp } from '@backstage/core-plugin-api';
+import LanguageIcon from '@material-ui/icons/Language';
+import { Divider, ListItem, ListItemIcon, ListItemText } from '@material-ui/core';
+import React from 'react';
+import { Link } from '@backstage/core-components';
+
+const WebLink = ({
+  href,
+  Icon,
+  text
+}) => /* @__PURE__ */ React.createElement(ListItem, { key: href }, /* @__PURE__ */ React.createElement(ListItemIcon, null, Icon ? /* @__PURE__ */ React.createElement(Icon, null) : /* @__PURE__ */ React.createElement(LanguageIcon, null)), /* @__PURE__ */ React.createElement(ListItemText, null, /* @__PURE__ */ React.createElement(Link, { to: href }, text)));
+const LinksGroup = ({ links }) => {
+  const app = useApp();
+  const iconResolver = (key) => {
+    var _a;
+    return key ? (_a = app.getSystemIcon(key)) != null ? _a : LanguageIcon : LanguageIcon;
+  };
+  if (links === void 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Divider, null), links.map((link) => {
+    return /* @__PURE__ */ React.createElement(
+      WebLink,
+      {
+        key: link.url,
+        href: link.url,
+        text: link.title,
+        Icon: iconResolver(link.icon)
+      }
+    );
+  }));
+};
+
+export { LinksGroup as L };
+//# sourceMappingURL=LinksGroup-9fefd100.esm.js.map

package/dist/esm/LinksGroup-9fefd100.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinksGroup-9fefd100.esm.js","sources":["../../src/components/Cards/Meta/LinksGroup.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { EntityLink } from '@backstage/catalog-model';\nimport { IconComponent, useApp } from '@backstage/core-plugin-api';\nimport LanguageIcon from '@material-ui/icons/Language';\nimport {\n  ListItem,\n  ListItemIcon,\n  ListItemText,\n  Divider,\n} from '@material-ui/core';\nimport React from 'react';\nimport { Link } from '@backstage/core-components';\n\nconst WebLink = ({\n  href,\n  Icon,\n  text,\n}: {\n  href: string;\n  text?: string;\n  Icon?: IconComponent;\n}) => (\n  <ListItem key={href}>\n    <ListItemIcon>{Icon ? <Icon /> : <LanguageIcon />}</ListItemIcon>\n    <ListItemText>\n      <Link to={href}>{text}</Link>\n    </ListItemText>\n  </ListItem>\n);\n\nexport const LinksGroup = ({ links }: { links?: EntityLink[] }) => {\n  const app = useApp();\n  const iconResolver = (key?: string): IconComponent =>\n    key ? app.getSystemIcon(key) ?? LanguageIcon : LanguageIcon;\n\n  if (links === undefined) {\n    return null;\n  }\n\n  return (\n    <>\n      <Divider />\n      {links.map(link => {\n        return (\n          <WebLink\n            key={link.url}\n            href={link.url}\n            text={link.title}\n            Icon={iconResolver(link.icon)}\n          />\n        );\n      })}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA2BA,MAAM,UAAU,CAAC;AAAA,EACf,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AACF,CAKE,qBAAA,KAAA,CAAA,aAAA,CAAC,YAAS,GAAK,EAAA,IAAA,EAAA,sCACZ,YAAc,EAAA,IAAA,EAAA,IAAA,mBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAK,CAAK,mBAAA,KAAA,CAAA,aAAA,CAAC,kBAAa,CAAG,CAAA,sCACjD,YACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,IAAA,EAAA,EAAO,IAAK,CACxB,CACF,CAAA,CAAA;AAGK,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAsC,KAAA;AACjE,EAAA,MAAM,MAAM,MAAO,EAAA,CAAA;AACnB,EAAM,MAAA,YAAA,GAAe,CAAC,GAA6B,KAAA;AA9CrD,IAAA,IAAA,EAAA,CAAA;AA+CI,IAAA,OAAA,GAAA,GAAA,CAAM,EAAI,GAAA,GAAA,CAAA,aAAA,CAAc,GAAG,CAAA,KAArB,YAA0B,YAAe,GAAA,YAAA,CAAA;AAAA,GAAA,CAAA;AAEjD,EAAA,IAAI,UAAU,KAAW,CAAA,EAAA;AACvB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAQ,CACR,EAAA,KAAA,CAAM,IAAI,CAAQ,IAAA,KAAA;AACjB,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,KAAK,IAAK,CAAA,GAAA;AAAA,QACV,MAAM,IAAK,CAAA,GAAA;AAAA,QACX,MAAM,IAAK,CAAA,KAAA;AAAA,QACX,IAAA,EAAM,YAAa,CAAA,IAAA,CAAK,IAAI,CAAA;AAAA,OAAA;AAAA,KAC9B,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/MembersListCard-cb148b44.esm.js

@@ -0,0 +1,258 @@
+import { stringifyEntityRef, DEFAULT_NAMESPACE, RELATION_PARENT_OF } from '@backstage/catalog-model';
+import { getEntityRelations, useEntity, catalogApiRef, EntityRefLink } from '@backstage/plugin-catalog-react';
+import { makeStyles, createStyles, Box, Typography, Grid, Switch } from '@material-ui/core';
+import Pagination from '@material-ui/lab/Pagination';
+import React, { useState } from 'react';
+import useAsync from 'react-use/lib/useAsync';
+import { Progress, ResponseErrorPanel, InfoCard, Avatar, Link, OverflowTooltip } from '@backstage/core-components';
+import { useApi } from '@backstage/core-plugin-api';
+
+const getMembersFromGroups = async (groups, catalogApi) => {
+  const membersList = groups.length === 0 ? { items: [] } : await catalogApi.getEntities({
+    filter: {
+      kind: "User",
+      "relations.memberof": groups.map(
+        (group) => stringifyEntityRef({
+          kind: "group",
+          namespace: group.namespace.toLocaleLowerCase("en-US"),
+          name: group.name.toLocaleLowerCase("en-US")
+        })
+      )
+    }
+  });
+  return membersList.items;
+};
+const getDescendantGroupsFromGroup = async (group, catalogApi) => {
+  var _a;
+  const alreadyQueuedOrExpandedGroupNames = /* @__PURE__ */ new Map();
+  const groupRef = {
+    kind: group.kind,
+    namespace: (_a = group.metadata.namespace) != null ? _a : DEFAULT_NAMESPACE,
+    name: group.metadata.name
+  };
+  const groupQueue = [groupRef];
+  const resultantGroupRefs = [];
+  while (groupQueue.length > 0) {
+    const activeGroupRef = groupQueue.shift();
+    const activeGroup = await catalogApi.getEntityByRef(activeGroupRef);
+    alreadyQueuedOrExpandedGroupNames.set(
+      stringifyEntityRef(activeGroupRef),
+      true
+    );
+    const childGroups = getEntityRelations(activeGroup, RELATION_PARENT_OF, {
+      kind: "Group"
+    }).filter(
+      (currentGroup) => !alreadyQueuedOrExpandedGroupNames.has(
+        stringifyEntityRef(currentGroup)
+      )
+    );
+    childGroups.forEach(
+      (childGroup) => alreadyQueuedOrExpandedGroupNames.set(
+        stringifyEntityRef(childGroup),
+        true
+      )
+    );
+    groupQueue.push(...childGroups);
+    resultantGroupRefs.push(...childGroups);
+  }
+  return resultantGroupRefs;
+};
+const getAllDesendantMembersForGroupEntity = async (groupEntity, catalogApi) => getMembersFromGroups(
+  await getDescendantGroupsFromGroup(groupEntity, catalogApi),
+  catalogApi
+);
+const removeDuplicateEntitiesFrom = (entityArray) => {
+  const seenEntities = /* @__PURE__ */ new Map();
+  return entityArray.filter((entity) => {
+    const stringifiedEntity = stringifyEntityRef(entity);
+    const isDuplicate = seenEntities.has(stringifiedEntity);
+    seenEntities.set(stringifiedEntity, true);
+    return !isDuplicate;
+  });
+};
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    card: {
+      border: `1px solid ${theme.palette.divider}`,
+      boxShadow: theme.shadows[2],
+      borderRadius: "4px",
+      overflow: "visible",
+      position: "relative",
+      margin: theme.spacing(4, 1, 1),
+      flex: "1",
+      minWidth: "0px"
+    }
+  })
+);
+const MemberComponent = (props) => {
+  var _a;
+  const classes = useStyles();
+  const {
+    metadata: { name: metaName, description },
+    spec: { profile }
+  } = props.member;
+  const displayName = (_a = profile == null ? void 0 : profile.displayName) != null ? _a : metaName;
+  return /* @__PURE__ */ React.createElement(Box, { className: classes.card }, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      display: "flex",
+      flexDirection: "column",
+      m: 3,
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    /* @__PURE__ */ React.createElement(
+      Avatar,
+      {
+        displayName,
+        picture: profile == null ? void 0 : profile.picture,
+        customStyles: {
+          position: "absolute",
+          top: "-2rem"
+        }
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        pt: 2,
+        sx: {
+          width: "100%"
+        },
+        textAlign: "center"
+      },
+      /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, /* @__PURE__ */ React.createElement(
+        EntityRefLink,
+        {
+          "data-testid": "user-link",
+          entityRef: props.member,
+          title: displayName
+        }
+      )),
+      (profile == null ? void 0 : profile.email) && /* @__PURE__ */ React.createElement(Link, { to: `mailto:${profile.email}` }, /* @__PURE__ */ React.createElement(OverflowTooltip, { text: profile.email })),
+      description && /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, description)
+    )
+  ));
+};
+const useListStyles = makeStyles((theme) => ({
+  root: {
+    height: "100%"
+  },
+  cardContent: {
+    overflow: "auto"
+  },
+  memberList: {
+    display: "grid",
+    gap: theme.spacing(1.5),
+    gridTemplateColumns: `repeat(auto-fit, minmax(auto, ${theme.spacing(
+      34
+    )}px))`
+  }
+}));
+const MembersListCard = (props) => {
+  var _a;
+  const {
+    memberDisplayTitle = "Members",
+    pageSize = 50,
+    showAggregateMembersToggle
+  } = props;
+  const classes = useListStyles();
+  const { entity: groupEntity } = useEntity();
+  const {
+    metadata: { name: groupName, namespace: grpNamespace },
+    spec: { profile }
+  } = groupEntity;
+  const catalogApi = useApi(catalogApiRef);
+  const displayName = (_a = profile == null ? void 0 : profile.displayName) != null ? _a : groupName;
+  const groupNamespace = grpNamespace || DEFAULT_NAMESPACE;
+  const [page, setPage] = React.useState(1);
+  const pageChange = (_, pageIndex) => {
+    setPage(pageIndex);
+  };
+  const [showAggregateMembers, setShowAggregateMembers] = useState(false);
+  const { loading: loadingDescendantMembers, value: descendantMembers } = useAsync(async () => {
+    if (!showAggregateMembersToggle) {
+      return [];
+    }
+    return await getAllDesendantMembersForGroupEntity(
+      groupEntity,
+      catalogApi
+    );
+  }, [catalogApi, groupEntity, showAggregateMembersToggle]);
+  const {
+    loading,
+    error,
+    value: directMembers
+  } = useAsync(async () => {
+    const membersList = await catalogApi.getEntities({
+      filter: {
+        kind: "User",
+        "relations.memberof": [
+          stringifyEntityRef({
+            kind: "group",
+            namespace: groupNamespace.toLocaleLowerCase("en-US"),
+            name: groupName.toLocaleLowerCase("en-US")
+          })
+        ]
+      }
+    });
+    return membersList.items;
+  }, [catalogApi, groupEntity]);
+  const members = removeDuplicateEntitiesFrom(
+    [
+      ...directMembers != null ? directMembers : [],
+      ...descendantMembers && showAggregateMembers ? descendantMembers : []
+    ].sort(
+      (a, b) => stringifyEntityRef(a).localeCompare(stringifyEntityRef(b))
+    )
+  );
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  } else if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  const nbPages = Math.ceil(((members == null ? void 0 : members.length) || 0) / pageSize);
+  const paginationLabel = nbPages < 2 ? "" : `, page ${page} of ${nbPages}`;
+  const pagination = /* @__PURE__ */ React.createElement(
+    Pagination,
+    {
+      count: nbPages,
+      page,
+      onChange: pageChange,
+      showFirstButton: true,
+      showLastButton: true
+    }
+  );
+  let memberList;
+  if (members && members.length > 0) {
+    memberList = /* @__PURE__ */ React.createElement(Box, { className: classes.memberList }, members.slice(pageSize * (page - 1), pageSize * page).map((member) => /* @__PURE__ */ React.createElement(MemberComponent, { member, key: member.metadata.uid })));
+  } else {
+    memberList = /* @__PURE__ */ React.createElement(Box, { p: 2 }, /* @__PURE__ */ React.createElement(Typography, null, "This group has no ", memberDisplayTitle.toLocaleLowerCase(), "."));
+  }
+  return /* @__PURE__ */ React.createElement(Grid, { item: true, className: classes.root }, /* @__PURE__ */ React.createElement(
+    InfoCard,
+    {
+      title: `${memberDisplayTitle} (${(members == null ? void 0 : members.length) || 0}${paginationLabel})`,
+      subheader: `of ${displayName}`,
+      ...nbPages <= 1 ? {} : { actions: pagination },
+      className: classes.root,
+      cardClassName: classes.cardContent
+    },
+    showAggregateMembersToggle && /* @__PURE__ */ React.createElement(React.Fragment, null, "Direct Members", /* @__PURE__ */ React.createElement(
+      Switch,
+      {
+        color: "primary",
+        checked: showAggregateMembers,
+        onChange: () => {
+          setShowAggregateMembers(!showAggregateMembers);
+        },
+        inputProps: { "aria-label": "Users Type Switch" }
+      }
+    ), "Aggregated Members"),
+    showAggregateMembers && loadingDescendantMembers ? /* @__PURE__ */ React.createElement(Progress, null) : memberList
+  ));
+};
+
+export { MembersListCard };
+//# sourceMappingURL=MembersListCard-cb148b44.esm.js.map

package/dist/esm/MembersListCard-cb148b44.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MembersListCard-cb148b44.esm.js","sources":["../../src/helpers/helpers.ts","../../src/components/Cards/Group/MembersList/MembersListCard.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  CompoundEntityRef,\n  DEFAULT_NAMESPACE,\n  Entity,\n  GroupEntity,\n  RELATION_PARENT_OF,\n  stringifyEntityRef,\n  UserEntity,\n} from '@backstage/catalog-model';\nimport {\n  CatalogApi,\n  getEntityRelations,\n} from '@backstage/plugin-catalog-react';\n\nexport const getMembersFromGroups = async (\n  groups: CompoundEntityRef[],\n  catalogApi: CatalogApi,\n) => {\n  const membersList =\n    groups.length === 0\n      ? { items: [] }\n      : await catalogApi.getEntities({\n          filter: {\n            kind: 'User',\n            'relations.memberof': groups.map(group =>\n              stringifyEntityRef({\n                kind: 'group',\n                namespace: group.namespace.toLocaleLowerCase('en-US'),\n                name: group.name.toLocaleLowerCase('en-US'),\n              }),\n            ),\n          },\n        });\n\n  return membersList.items as UserEntity[];\n};\n\nexport const getDescendantGroupsFromGroup = async (\n  group: GroupEntity,\n  catalogApi: CatalogApi,\n) => {\n  const alreadyQueuedOrExpandedGroupNames = new Map<string, boolean>();\n  const groupRef: CompoundEntityRef = {\n    kind: group.kind,\n    namespace: group.metadata.namespace ?? DEFAULT_NAMESPACE,\n    name: group.metadata.name,\n  };\n\n  const groupQueue = [groupRef];\n  const resultantGroupRefs: CompoundEntityRef[] = [];\n\n  // Continue expanding groups until there are no more\n  while (groupQueue.length > 0) {\n    const activeGroupRef = groupQueue.shift() as CompoundEntityRef;\n    const activeGroup = await catalogApi.getEntityByRef(activeGroupRef);\n    alreadyQueuedOrExpandedGroupNames.set(\n      stringifyEntityRef(activeGroupRef),\n      true,\n    );\n\n    const childGroups = getEntityRelations(activeGroup, RELATION_PARENT_OF, {\n      kind: 'Group',\n    }).filter(\n      currentGroup =>\n        !alreadyQueuedOrExpandedGroupNames.has(\n          stringifyEntityRef(currentGroup),\n        ),\n    );\n    childGroups.forEach(childGroup =>\n      alreadyQueuedOrExpandedGroupNames.set(\n        stringifyEntityRef(childGroup),\n        true,\n      ),\n    );\n\n    groupQueue.push(...childGroups);\n    resultantGroupRefs.push(...childGroups);\n  }\n\n  return resultantGroupRefs;\n};\n\nexport const getAllDesendantMembersForGroupEntity = async (\n  groupEntity: GroupEntity,\n  catalogApi: CatalogApi,\n) =>\n  getMembersFromGroups(\n    await getDescendantGroupsFromGroup(groupEntity, catalogApi),\n    catalogApi,\n  );\n\nexport const removeDuplicateEntitiesFrom = (entityArray: Entity[]) => {\n  const seenEntities = new Map<string, boolean>();\n\n  return entityArray.filter(entity => {\n    const stringifiedEntity = stringifyEntityRef(entity);\n    const isDuplicate = seenEntities.has(stringifiedEntity);\n\n    seenEntities.set(stringifiedEntity, true);\n    return !isDuplicate;\n  });\n};\n","/*\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 { catalogApiRef, useEntity } from '@backstage/plugin-catalog-react';\nimport {\n  Box,\n  createStyles,\n  Grid,\n  makeStyles,\n  Switch,\n  Theme,\n  Typography,\n} from '@material-ui/core';\nimport Pagination from '@material-ui/lab/Pagination';\nimport React, { useState } from 'react';\nimport useAsync from 'react-use/lib/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 { EntityRefLink } from '@backstage/plugin-catalog-react';\n\nconst useStyles = makeStyles((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  }),\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          customStyles={{\n            position: 'absolute',\n            top: '-2rem',\n          }}\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\">{description}</Typography>\n          )}\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n\nconst useListStyles = makeStyles(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\n/** @public */\nexport const MembersListCard = (props: {\n  memberDisplayTitle?: string;\n  pageSize?: number;\n  showAggregateMembersToggle?: boolean;\n}) => {\n  const {\n    memberDisplayTitle = 'Members',\n    pageSize = 50,\n    showAggregateMembersToggle,\n  } = props;\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] = React.useState(1);\n  const pageChange = (_: React.ChangeEvent<unknown>, pageIndex: number) => {\n    setPage(pageIndex);\n  };\n\n  const [showAggregateMembers, setShowAggregateMembers] = useState(false);\n\n  const { loading: loadingDescendantMembers, value: descendantMembers } =\n    useAsync(async () => {\n      if (!showAggregateMembersToggle) {\n        return [] as UserEntity[];\n      }\n\n      return await getAllDesendantMembersForGroupEntity(\n        groupEntity,\n        catalogApi,\n      );\n    }, [catalogApi, groupEntity, showAggregateMembersToggle]);\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.memberof': [\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: React.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={member.metadata.uid} />\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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"}