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

package/dist/esm/OwnershipCard-9f8835e6.esm.js

@@ -0,0 +1,325 @@
+import { Progress, ResponseErrorPanel, Link, OverflowTooltip, InfoCard } from '@backstage/core-components';
+import { catalogApiRef, humanizeEntityRef, getEntityRelations, useEntity } from '@backstage/plugin-catalog-react';
+import { makeStyles, createStyles, Grid, Box, Typography, List, ListItem, ListItemText, ListItemSecondaryAction, Tooltip, Switch } from '@material-ui/core';
+import React, { useState, useEffect } from 'react';
+import { useApi, useRouteRef } from '@backstage/core-plugin-api';
+import pluralize from 'pluralize';
+import { c as catalogIndexRouteRef } from './routes-e3daad75.esm.js';
+import { parseEntityRef, stringifyEntityRef, RELATION_MEMBER_OF, RELATION_PARENT_OF } from '@backstage/catalog-model';
+import limiterFactory from 'p-limit';
+import useAsync from 'react-use/lib/useAsync';
+import qs from 'qs';
+import { uniq } from 'lodash';
+
+const limiter = limiterFactory(10);
+const getQueryParams = (ownersEntityRef, selectedEntity) => {
+  const { kind, type } = selectedEntity;
+  const owners = ownersEntityRef.map(
+    (owner) => humanizeEntityRef(parseEntityRef(owner), { defaultKind: "group" })
+  );
+  const filters = {
+    kind: kind.toLocaleLowerCase("en-US"),
+    type,
+    owners,
+    user: "all"
+  };
+  return qs.stringify({ filters }, { arrayFormat: "repeat" });
+};
+const getMemberOfEntityRefs = (owner) => {
+  const parentGroups = getEntityRelations(owner, RELATION_MEMBER_OF, {
+    kind: "Group"
+  });
+  const ownerGroupsNames = parentGroups.map(
+    ({ kind, namespace, name }) => stringifyEntityRef({
+      kind,
+      namespace,
+      name
+    })
+  );
+  return [...ownerGroupsNames, stringifyEntityRef(owner)];
+};
+const isEntity = (entity) => entity !== void 0;
+const getChildOwnershipEntityRefs = async (entity, catalogApi, alreadyRetrievedParentRefs = []) => {
+  const childGroups = getEntityRelations(entity, RELATION_PARENT_OF, {
+    kind: "Group"
+  });
+  const hasChildGroups = childGroups.length > 0;
+  const entityRef = stringifyEntityRef(entity);
+  if (hasChildGroups) {
+    const entityRefs = childGroups.map((r) => stringifyEntityRef(r));
+    const childGroupResponse = await catalogApi.getEntitiesByRefs({
+      fields: ["kind", "metadata.namespace", "metadata.name", "relations"],
+      entityRefs
+    });
+    const childGroupEntities = childGroupResponse.items.filter(isEntity);
+    const unknownChildren = childGroupEntities.filter(
+      (childGroupEntity) => !alreadyRetrievedParentRefs.includes(
+        stringifyEntityRef(childGroupEntity)
+      )
+    );
+    const childrenRefs = (await Promise.all(
+      unknownChildren.map(
+        (childGroupEntity) => limiter(
+          () => getChildOwnershipEntityRefs(childGroupEntity, catalogApi, [
+            ...alreadyRetrievedParentRefs,
+            entityRef
+          ])
+        )
+      )
+    )).flatMap((aggregated) => aggregated);
+    return uniq([...childrenRefs, entityRef]);
+  }
+  return [entityRef];
+};
+const getOwners = async (entity, relations, catalogApi) => {
+  const isGroup = entity.kind === "Group";
+  const isAggregated = relations === "aggregated";
+  const isUserEntity = entity.kind === "User";
+  if (isAggregated && isGroup) {
+    return getChildOwnershipEntityRefs(entity, catalogApi);
+  }
+  if (isAggregated && isUserEntity) {
+    return getMemberOfEntityRefs(entity);
+  }
+  return [stringifyEntityRef(entity)];
+};
+const getOwnedEntitiesByOwners = (owners, kinds, catalogApi) => catalogApi.getEntities({
+  filter: [
+    {
+      kind: kinds,
+      "relations.ownedBy": owners
+    }
+  ],
+  fields: [
+    "kind",
+    "metadata.name",
+    "metadata.namespace",
+    "spec.type",
+    "relations"
+  ]
+});
+function useGetEntities(entity, relations, entityFilterKind, entityLimit = 6) {
+  const catalogApi = useApi(catalogApiRef);
+  const kinds = entityFilterKind != null ? entityFilterKind : ["Component", "API", "System"];
+  const {
+    loading,
+    error,
+    value: componentsWithCounters
+  } = useAsync(async () => {
+    const owners = await getOwners(entity, relations, catalogApi);
+    const ownedEntitiesList = await getOwnedEntitiesByOwners(
+      owners,
+      kinds,
+      catalogApi
+    );
+    const counts = ownedEntitiesList.items.reduce(
+      (acc, ownedEntity) => {
+        var _a, _b;
+        const match = acc.find(
+          (x) => {
+            var _a2;
+            return x.kind === ownedEntity.kind && x.type === ((_a2 = ownedEntity.spec) == null ? void 0 : _a2.type);
+          }
+        );
+        if (match) {
+          match.count += 1;
+        } else {
+          acc.push({
+            kind: ownedEntity.kind,
+            type: (_b = (_a = ownedEntity.spec) == null ? void 0 : _a.type) == null ? void 0 : _b.toString(),
+            count: 1
+          });
+        }
+        return acc;
+      },
+      []
+    );
+    const topN = counts.sort((a, b) => b.count - a.count).slice(0, entityLimit);
+    return topN.map((topOwnedEntity) => ({
+      counter: topOwnedEntity.count,
+      type: topOwnedEntity.type,
+      kind: topOwnedEntity.kind,
+      queryParams: getQueryParams(owners, topOwnedEntity)
+    }));
+  }, [catalogApi, entity, relations]);
+  return {
+    componentsWithCounters,
+    loading,
+    error
+  };
+}
+
+const useStyles$1 = makeStyles(
+  (theme) => createStyles({
+    card: {
+      border: `1px solid ${theme.palette.divider}`,
+      boxShadow: theme.shadows[2],
+      borderRadius: "4px",
+      padding: theme.spacing(2),
+      transition: `${theme.transitions.duration.standard}ms`,
+      "&:hover": {
+        boxShadow: theme.shadows[4]
+      },
+      height: "100%"
+    },
+    bold: {
+      fontWeight: theme.typography.fontWeightBold
+    },
+    smallFont: {
+      fontSize: theme.typography.body2.fontSize
+    },
+    entityTypeBox: {
+      background: (props) => theme.getPageTheme({ themeId: props.type }).backgroundImage,
+      color: (props) => theme.getPageTheme({ themeId: props.type }).fontColor
+    }
+  })
+);
+const EntityCountTile = ({
+  counter,
+  type,
+  kind,
+  url
+}) => {
+  const classes = useStyles$1({ type: type != null ? type : kind });
+  const rawTitle = type != null ? type : kind;
+  const isLongText = rawTitle.length > 10;
+  return /* @__PURE__ */ React.createElement(Link, { to: url, variant: "body2" }, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      className: `${classes.card} ${classes.entityTypeBox}`,
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center"
+    },
+    /* @__PURE__ */ React.createElement(Typography, { className: classes.bold, variant: "h6" }, counter),
+    /* @__PURE__ */ React.createElement(Box, { sx: { width: "100%", textAlign: "center" } }, /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        className: `${classes.bold} ${isLongText && classes.smallFont}`,
+        variant: "h6"
+      },
+      /* @__PURE__ */ React.createElement(
+        OverflowTooltip,
+        {
+          text: pluralize(rawTitle.toLocaleUpperCase("en-US"), counter)
+        }
+      )
+    )),
+    type && /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle1" }, kind)
+  ));
+};
+const ComponentsGrid = ({
+  entity,
+  relationsType,
+  entityFilterKind,
+  entityLimit = 6
+}) => {
+  const catalogLink = useRouteRef(catalogIndexRouteRef);
+  const { componentsWithCounters, loading, error } = useGetEntities(
+    entity,
+    relationsType,
+    entityFilterKind,
+    entityLimit
+  );
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  } else if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  return /* @__PURE__ */ React.createElement(Grid, { container: true }, componentsWithCounters == null ? void 0 : componentsWithCounters.map((c) => {
+    var _a;
+    return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6, md: 6, lg: 4, key: (_a = c.type) != null ? _a : c.kind }, /* @__PURE__ */ React.createElement(
+      EntityCountTile,
+      {
+        counter: c.counter,
+        kind: c.kind,
+        type: c.type,
+        url: `${catalogLink()}/?${c.queryParams}`
+      }
+    ));
+  }));
+};
+
+const useStyles = makeStyles((theme) => ({
+  list: {
+    [theme.breakpoints.down("xs")]: {
+      padding: `0 0 12px`
+    }
+  },
+  listItemText: {
+    [theme.breakpoints.down("xs")]: {
+      paddingRight: 0,
+      paddingLeft: 0
+    }
+  },
+  listItemSecondaryAction: {
+    [theme.breakpoints.down("xs")]: {
+      width: "100%",
+      top: "auto",
+      right: "auto",
+      position: "relative",
+      transform: "unset"
+    }
+  }
+}));
+const OwnershipCard = (props) => {
+  const {
+    variant,
+    entityFilterKind,
+    hideRelationsToggle,
+    relationsType,
+    entityLimit = 6
+  } = props;
+  const relationsToggle = hideRelationsToggle === void 0 ? false : hideRelationsToggle;
+  const classes = useStyles();
+  const { entity } = useEntity();
+  const defaultRelationsType = entity.kind === "User" ? "aggregated" : "direct";
+  const [getRelationsType, setRelationsType] = useState(
+    relationsType != null ? relationsType : defaultRelationsType
+  );
+  useEffect(() => {
+    if (!relationsType) {
+      setRelationsType(defaultRelationsType);
+    }
+  }, [setRelationsType, defaultRelationsType, relationsType]);
+  return /* @__PURE__ */ React.createElement(InfoCard, { title: "Ownership", variant }, !relationsToggle && /* @__PURE__ */ React.createElement(List, { dense: true }, /* @__PURE__ */ React.createElement(ListItem, { className: classes.list }, /* @__PURE__ */ React.createElement(ListItemText, { className: classes.listItemText }), /* @__PURE__ */ React.createElement(
+    ListItemSecondaryAction,
+    {
+      className: classes.listItemSecondaryAction
+    },
+    "Direct Relations",
+    /* @__PURE__ */ React.createElement(
+      Tooltip,
+      {
+        placement: "top",
+        arrow: true,
+        title: `${getRelationsType === "direct" ? "Direct" : "Aggregated"} Relations`
+      },
+      /* @__PURE__ */ React.createElement(
+        Switch,
+        {
+          color: "primary",
+          checked: getRelationsType !== "direct",
+          onChange: () => {
+            const updatedRelationsType = getRelationsType === "direct" ? "aggregated" : "direct";
+            setRelationsType(updatedRelationsType);
+          },
+          name: "pin",
+          inputProps: { "aria-label": "Ownership Type Switch" }
+        }
+      )
+    ),
+    "Aggregated Relations"
+  ))), /* @__PURE__ */ React.createElement(
+    ComponentsGrid,
+    {
+      entity,
+      entityLimit,
+      relationsType: getRelationsType,
+      entityFilterKind
+    }
+  ));
+};
+
+export { OwnershipCard };
+//# sourceMappingURL=OwnershipCard-9f8835e6.esm.js.map

package/dist/esm/OwnershipCard-9f8835e6.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwnershipCard-9f8835e6.esm.js","sources":["../../src/components/Cards/OwnershipCard/useGetEntities.ts","../../src/components/Cards/OwnershipCard/ComponentsGrid.tsx","../../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 {\n  Entity,\n  parseEntityRef,\n  RELATION_MEMBER_OF,\n  RELATION_PARENT_OF,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport {\n  CatalogApi,\n  catalogApiRef,\n  getEntityRelations,\n  humanizeEntityRef,\n} from '@backstage/plugin-catalog-react';\nimport limiterFactory from 'p-limit';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/lib/useAsync';\nimport qs from 'qs';\nimport { EntityRelationAggregation as EntityRelationsAggregation } from './types';\nimport { uniq } from 'lodash';\n\nconst limiter = limiterFactory(10);\n\ntype EntityTypeProps = {\n  kind: string;\n  type?: string;\n  count: number;\n};\n\nconst getQueryParams = (\n  ownersEntityRef: string[],\n  selectedEntity: EntityTypeProps,\n): string => {\n  const { kind, type } = selectedEntity;\n  const owners = ownersEntityRef.map(owner =>\n    humanizeEntityRef(parseEntityRef(owner), { defaultKind: 'group' }),\n  );\n  const filters = {\n    kind: kind.toLocaleLowerCase('en-US'),\n    type,\n    owners,\n    user: 'all',\n  };\n  return qs.stringify({ filters }, { arrayFormat: 'repeat' });\n};\n\nconst getMemberOfEntityRefs = (owner: Entity): string[] => {\n  const parentGroups = getEntityRelations(owner, RELATION_MEMBER_OF, {\n    kind: 'Group',\n  });\n\n  const ownerGroupsNames = parentGroups.map(({ kind, namespace, name }) =>\n    stringifyEntityRef({\n      kind,\n      namespace,\n      name,\n    }),\n  );\n\n  return [...ownerGroupsNames, stringifyEntityRef(owner)];\n};\n\nconst isEntity = (entity: Entity | undefined): entity is Entity =>\n  entity !== undefined;\n\nconst getChildOwnershipEntityRefs = async (\n  entity: Entity,\n  catalogApi: CatalogApi,\n  alreadyRetrievedParentRefs: string[] = [],\n): Promise<string[]> => {\n  const childGroups = getEntityRelations(entity, RELATION_PARENT_OF, {\n    kind: 'Group',\n  });\n\n  const hasChildGroups = childGroups.length > 0;\n\n  const entityRef = stringifyEntityRef(entity);\n  if (hasChildGroups) {\n    const entityRefs = childGroups.map(r => stringifyEntityRef(r));\n    const childGroupResponse = await catalogApi.getEntitiesByRefs({\n      fields: ['kind', 'metadata.namespace', 'metadata.name', 'relations'],\n      entityRefs,\n    });\n    const childGroupEntities = childGroupResponse.items.filter(isEntity);\n\n    const unknownChildren = childGroupEntities.filter(\n      childGroupEntity =>\n        !alreadyRetrievedParentRefs.includes(\n          stringifyEntityRef(childGroupEntity),\n        ),\n    );\n    const childrenRefs = (\n      await Promise.all(\n        unknownChildren.map(childGroupEntity =>\n          limiter(() =>\n            getChildOwnershipEntityRefs(childGroupEntity, catalogApi, [\n              ...alreadyRetrievedParentRefs,\n              entityRef,\n            ]),\n          ),\n        ),\n      )\n    ).flatMap(aggregated => aggregated);\n\n    return uniq([...childrenRefs, entityRef]);\n  }\n\n  return [entityRef];\n};\n\nconst getOwners = async (\n  entity: Entity,\n  relations: EntityRelationsAggregation,\n  catalogApi: CatalogApi,\n): Promise<string[]> => {\n  const isGroup = entity.kind === 'Group';\n  const isAggregated = relations === 'aggregated';\n  const isUserEntity = entity.kind === 'User';\n\n  if (isAggregated && isGroup) {\n    return getChildOwnershipEntityRefs(entity, catalogApi);\n  }\n\n  if (isAggregated && isUserEntity) {\n    return getMemberOfEntityRefs(entity);\n  }\n\n  return [stringifyEntityRef(entity)];\n};\n\nconst getOwnedEntitiesByOwners = (\n  owners: string[],\n  kinds: string[],\n  catalogApi: CatalogApi,\n) =>\n  catalogApi.getEntities({\n    filter: [\n      {\n        kind: kinds,\n        'relations.ownedBy': owners,\n      },\n    ],\n    fields: [\n      'kind',\n      'metadata.name',\n      'metadata.namespace',\n      'spec.type',\n      'relations',\n    ],\n  });\n\nexport function useGetEntities(\n  entity: Entity,\n  relations: EntityRelationsAggregation,\n  entityFilterKind?: string[],\n  entityLimit = 6,\n): {\n  componentsWithCounters:\n    | {\n        counter: number;\n        type: string;\n        kind: string;\n        queryParams: string;\n      }[]\n    | undefined;\n  loading: boolean;\n  error?: Error;\n} {\n  const catalogApi = useApi(catalogApiRef);\n  const kinds = entityFilterKind ?? ['Component', 'API', 'System'];\n\n  const {\n    loading,\n    error,\n    value: componentsWithCounters,\n  } = useAsync(async () => {\n    const owners = await getOwners(entity, relations, catalogApi);\n\n    const ownedEntitiesList = await getOwnedEntitiesByOwners(\n      owners,\n      kinds,\n      catalogApi,\n    );\n\n    const counts = ownedEntitiesList.items.reduce(\n      (acc: EntityTypeProps[], ownedEntity) => {\n        const match = acc.find(\n          x => x.kind === ownedEntity.kind && x.type === ownedEntity.spec?.type,\n        );\n        if (match) {\n          match.count += 1;\n        } else {\n          acc.push({\n            kind: ownedEntity.kind,\n            type: ownedEntity.spec?.type?.toString(),\n            count: 1,\n          });\n        }\n        return acc;\n      },\n      [],\n    );\n\n    // Return top N (entityLimit) entities to be displayed in ownership boxes\n    const topN = counts.sort((a, b) => b.count - a.count).slice(0, entityLimit);\n\n    return topN.map(topOwnedEntity => ({\n      counter: topOwnedEntity.count,\n      type: topOwnedEntity.type,\n      kind: topOwnedEntity.kind,\n      queryParams: getQueryParams(owners, topOwnedEntity),\n    })) as Array<{\n      counter: number;\n      type: string;\n      kind: string;\n      queryParams: string;\n    }>;\n  }, [catalogApi, entity, relations]);\n\n  return {\n    componentsWithCounters,\n    loading,\n    error,\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 { Entity } from '@backstage/catalog-model';\nimport {\n  Link,\n  OverflowTooltip,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport {\n  Box,\n  createStyles,\n  Grid,\n  makeStyles,\n  Typography,\n} from '@material-ui/core';\nimport React from 'react';\nimport pluralize from 'pluralize';\nimport { catalogIndexRouteRef } from '../../../routes';\nimport { useGetEntities } from './useGetEntities';\nimport { EntityRelationAggregation } from './types';\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    card: {\n      border: `1px solid ${theme.palette.divider}`,\n      boxShadow: theme.shadows[2],\n      borderRadius: '4px',\n      padding: theme.spacing(2),\n      transition: `${theme.transitions.duration.standard}ms`,\n      '&:hover': {\n        boxShadow: theme.shadows[4],\n      },\n      height: '100%',\n    },\n    bold: {\n      fontWeight: theme.typography.fontWeightBold,\n    },\n    smallFont: {\n      fontSize: theme.typography.body2.fontSize,\n    },\n    entityTypeBox: {\n      background: (props: { type: string }) =>\n        theme.getPageTheme({ themeId: props.type }).backgroundImage,\n      color: (props: { type: string }) =>\n        theme.getPageTheme({ themeId: props.type }).fontColor,\n    },\n  }),\n);\n\nconst EntityCountTile = ({\n  counter,\n  type,\n  kind,\n  url,\n}: {\n  counter: number;\n  type?: string;\n  kind: string;\n  url: string;\n}) => {\n  const classes = useStyles({ type: type ?? kind });\n\n  const rawTitle = type ?? kind;\n  const isLongText = rawTitle.length > 10;\n\n  return (\n    <Link to={url} variant=\"body2\">\n      <Box\n        className={`${classes.card} ${classes.entityTypeBox}`}\n        display=\"flex\"\n        flexDirection=\"column\"\n        alignItems=\"center\"\n      >\n        <Typography className={classes.bold} variant=\"h6\">\n          {counter}\n        </Typography>\n        <Box sx={{ width: '100%', textAlign: 'center' }}>\n          <Typography\n            className={`${classes.bold} ${isLongText && classes.smallFont}`}\n            variant=\"h6\"\n          >\n            <OverflowTooltip\n              text={pluralize(rawTitle.toLocaleUpperCase('en-US'), counter)}\n            />\n          </Typography>\n        </Box>\n        {type && <Typography variant=\"subtitle1\">{kind}</Typography>}\n      </Box>\n    </Link>\n  );\n};\n\nexport const ComponentsGrid = ({\n  entity,\n  relationsType,\n  entityFilterKind,\n  entityLimit = 6,\n}: {\n  entity: Entity;\n  relationsType: EntityRelationAggregation;\n  entityFilterKind?: string[];\n  entityLimit?: number;\n}) => {\n  const catalogLink = useRouteRef(catalogIndexRouteRef);\n  const { componentsWithCounters, loading, error } = useGetEntities(\n    entity,\n    relationsType,\n    entityFilterKind,\n    entityLimit,\n  );\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  return (\n    <Grid container>\n      {componentsWithCounters?.map(c => (\n        <Grid item xs={6} md={6} lg={4} key={c.type ?? c.kind}>\n          <EntityCountTile\n            counter={c.counter}\n            kind={c.kind}\n            type={c.type}\n            url={`${catalogLink()}/?${c.queryParams}`}\n          />\n        </Grid>\n      ))}\n    </Grid>\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 { InfoCard, InfoCardVariants } from '@backstage/core-components';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport {\n  List,\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n  makeStyles,\n  Switch,\n  Tooltip,\n} from '@material-ui/core';\nimport React, { useEffect, useState } from 'react';\nimport { ComponentsGrid } from './ComponentsGrid';\nimport { EntityRelationAggregation } from './types';\n\nconst useStyles = makeStyles(theme => ({\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}));\n\n/** @public */\nexport const OwnershipCard = (props: {\n  variant?: InfoCardVariants;\n  entityFilterKind?: string[];\n  hideRelationsToggle?: boolean;\n  relationsType?: EntityRelationAggregation;\n  entityLimit?: number;\n}) => {\n  const {\n    variant,\n    entityFilterKind,\n    hideRelationsToggle,\n    relationsType,\n    entityLimit = 6,\n  } = props;\n  const relationsToggle =\n    hideRelationsToggle === undefined ? false : hideRelationsToggle;\n  const classes = useStyles();\n  const { entity } = useEntity();\n\n  const defaultRelationsType = entity.kind === 'User' ? 'aggregated' : 'direct';\n  const [getRelationsType, setRelationsType] = useState(\n    relationsType ?? defaultRelationsType,\n  );\n\n  useEffect(() => {\n    if (!relationsType) {\n      setRelationsType(defaultRelationsType);\n    }\n  }, [setRelationsType, defaultRelationsType, relationsType]);\n\n  return (\n    <InfoCard title=\"Ownership\" variant={variant}>\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                  getRelationsType === 'direct' ? 'Direct' : 'Aggregated'\n                } Relations`}\n              >\n                <Switch\n                  color=\"primary\"\n                  checked={getRelationsType !== 'direct'}\n                  onChange={() => {\n                    const updatedRelationsType =\n                      getRelationsType === 'direct' ? 'aggregated' : 'direct';\n                    setRelationsType(updatedRelationsType);\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        entity={entity}\n        entityLimit={entityLimit}\n        relationsType={getRelationsType}\n        entityFilterKind={entityFilterKind}\n      />\n    </InfoCard>\n  );\n};\n"],"names":["_a","useStyles"],"mappings":"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"}

package/dist/esm/UserProfileCard-d467b6e5.esm.js

@@ -0,0 +1,60 @@
+import { ANNOTATION_EDIT_URL, RELATION_MEMBER_OF } from '@backstage/catalog-model';
+import { InfoCard, Link, Avatar } from '@backstage/core-components';
+import { IconButton, Grid, List, ListItem, ListItemIcon, Tooltip, ListItemText, Box } from '@material-ui/core';
+import { useEntity, getEntityRelations, EntityRefLinks } from '@backstage/plugin-catalog-react';
+import Alert from '@material-ui/lab/Alert';
+import EditIcon from '@material-ui/icons/Edit';
+import EmailIcon from '@material-ui/icons/Email';
+import GroupIcon from '@material-ui/icons/Group';
+import { L as LinksGroup } from './LinksGroup-9fefd100.esm.js';
+import PersonIcon from '@material-ui/icons/Person';
+import React from 'react';
+import '@backstage/core-plugin-api';
+import '@material-ui/icons/Language';
+
+const CardTitle = (props) => props.title ? /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(PersonIcon, { fontSize: "inherit" }), /* @__PURE__ */ React.createElement(Box, { ml: 1 }, props.title)) : null;
+const UserProfileCard = (props) => {
+  var _a, _b;
+  const { entity: user } = useEntity();
+  if (!user) {
+    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, "User not found");
+  }
+  const entityMetadataEditUrl = (_a = user.metadata.annotations) == null ? void 0 : _a[ANNOTATION_EDIT_URL];
+  const {
+    metadata: { name: metaName, description, links },
+    spec: { profile }
+  } = user;
+  const displayName = (_b = profile == null ? void 0 : profile.displayName) != null ? _b : metaName;
+  const emailHref = (profile == null ? void 0 : profile.email) ? `mailto:${profile.email}` : void 0;
+  const memberOfRelations = getEntityRelations(user, RELATION_MEMBER_OF, {
+    kind: "Group"
+  });
+  return /* @__PURE__ */ React.createElement(
+    InfoCard,
+    {
+      title: /* @__PURE__ */ React.createElement(CardTitle, { title: displayName }),
+      subheader: description,
+      variant: props.variant,
+      action: /* @__PURE__ */ React.createElement(React.Fragment, null, entityMetadataEditUrl && /* @__PURE__ */ React.createElement(
+        IconButton,
+        {
+          "aria-label": "Edit",
+          title: "Edit Metadata",
+          component: Link,
+          to: entityMetadataEditUrl
+        },
+        /* @__PURE__ */ React.createElement(EditIcon, null)
+      ))
+    },
+    /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, alignItems: "flex-start" }, /* @__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, null, /* @__PURE__ */ React.createElement(Link, { to: emailHref != null ? emailHref : "" }, profile.email))), /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(Tooltip, { title: "Member of" }, /* @__PURE__ */ React.createElement(GroupIcon, null))), /* @__PURE__ */ React.createElement(ListItemText, null, /* @__PURE__ */ React.createElement(
+      EntityRefLinks,
+      {
+        entityRefs: memberOfRelations,
+        defaultKind: "Group"
+      }
+    ))), (props == null ? void 0 : props.showLinks) && /* @__PURE__ */ React.createElement(LinksGroup, { links }))))
+  );
+};
+
+export { UserProfileCard };
+//# sourceMappingURL=UserProfileCard-d467b6e5.esm.js.map

package/dist/esm/UserProfileCard-d467b6e5.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfileCard-d467b6e5.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 {\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  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';\nimport React from 'react';\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}) => {\n  const { entity: user } = useEntity<UserEntity>();\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            <ListItem>\n              <ListItemIcon>\n                <Tooltip title=\"Member of\">\n                  <GroupIcon />\n                </Tooltip>\n              </ListItemIcon>\n              <ListItemText>\n                <EntityRefLinks\n                  entityRefs={memberOfRelations}\n                  defaultKind=\"Group\"\n                />\n              </ListItemText>\n            </ListItem>\n\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/{index-9172d7e6.esm.js → index-ad2d9b29.esm.js}

@@ -1,5 +1,8 @@
-export { GroupProfileCard, MembersListCard, MyGroupsSidebarItem, OwnershipCard, UserProfileCard } from '../index.esm.js';
-import '@backstage/core-plugin-api';
+export { MembersListCard } from './MembersListCard-cb148b44.esm.js';
+export { GroupProfileCard } from './GroupProfileCard-d9207fd9.esm.js';
+export { UserProfileCard } from './UserProfileCard-d467b6e5.esm.js';
+export { OwnershipCard } from './OwnershipCard-9f8835e6.esm.js';
+export { MyGroupsSidebarItem } from '../index.esm.js';
 import '@backstage/catalog-model';
 import '@backstage/plugin-catalog-react';
 import '@material-ui/core';
@@ -7,18 +10,21 @@ import '@material-ui/lab/Pagination';
 import 'react';
 import 'react-use/lib/useAsync';
 import '@backstage/core-components';
+import '@backstage/core-plugin-api';
 import '@material-ui/icons/AccountTree';
 import '@material-ui/lab/Alert';
 import '@material-ui/icons/Cached';
 import '@material-ui/icons/Edit';
 import '@material-ui/icons/Email';
 import '@material-ui/icons/Group';
+import './LinksGroup-9fefd100.esm.js';
 import '@material-ui/icons/Language';
 import '@backstage/plugin-catalog-react/alpha';
 import '@backstage/plugin-catalog-common/alpha';
 import '@material-ui/icons/Person';
 import 'pluralize';
+import './routes-e3daad75.esm.js';
 import 'p-limit';
 import 'qs';
 import 'lodash';
-//# sourceMappingURL=index-9172d7e6.esm.js.map
+//# sourceMappingURL=index-ad2d9b29.esm.js.map

package/dist/esm/index-ad2d9b29.esm.js.map

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

package/dist/esm/routes-e3daad75.esm.js

@@ -0,0 +1,8 @@
+import { createExternalRouteRef } from '@backstage/core-plugin-api';
+
+const catalogIndexRouteRef = createExternalRouteRef({
+  id: "catalog-index"
+});
+
+export { catalogIndexRouteRef as c };
+//# sourceMappingURL=routes-e3daad75.esm.js.map

package/dist/esm/routes-e3daad75.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes-e3daad75.esm.js","sources":["../../src/routes.ts"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createExternalRouteRef } from '@backstage/core-plugin-api';\n\nexport const catalogIndexRouteRef = createExternalRouteRef({\n  id: 'catalog-index',\n});\n"],"names":[],"mappings":";;AAkBO,MAAM,uBAAuB,sBAAuB,CAAA;AAAA,EACzD,EAAI,EAAA,eAAA;AACN,CAAC;;;;"}