@backstage-community/plugin-azure-devops 0.4.4 → 0.4.7

package/dist/esm/PullRequestsPage-CkhRQsgx.esm.js

@@ -1,610 +0,0 @@
-import { Avatar, Link, Page, Header, Content, Progress, ResponseErrorPanel } from '@backstage/core-components';
-import React, { useCallback, useState } from 'react';
-import { PullRequestVoteStatus, PolicyType, PolicyEvaluationStatus, azureDevOpsPullRequestDashboardReadPermission } from '@backstage-community/plugin-azure-devops-common';
-import { DateTime } from 'luxon';
-import 'humanize-duration';
-import Paper from '@material-ui/core/Paper';
-import Typography from '@material-ui/core/Typography';
-import { makeStyles, withStyles, styled } from '@material-ui/core/styles';
-import Card from '@material-ui/core/Card';
-import CardContent from '@material-ui/core/CardContent';
-import CardHeader from '@material-ui/core/CardHeader';
-import DoneAllIcon from '@material-ui/icons/DoneAll';
-import CancelIcon from '@material-ui/icons/Cancel';
-import GroupWorkIcon from '@material-ui/icons/GroupWork';
-import WatchLaterIcon from '@material-ui/icons/WatchLater';
-import { a as azureDevOpsApiRef } from './AzureDevOpsApi-GBxs-uQ7.esm.js';
-import '@backstage/errors';
-import { useApi, errorApiRef, identityApiRef } from '@backstage/core-plugin-api';
-import useAsync from 'react-use/esm/useAsync';
-import useAsyncRetry from 'react-use/esm/useAsyncRetry';
-import useInterval from 'react-use/esm/useInterval';
-import '@backstage/catalog-model';
-import { RequirePermission } from '@backstage/plugin-permission-react';
-
-var FilterType = /* @__PURE__ */ ((FilterType2) => {
-  FilterType2["All"] = "All";
-  FilterType2["AssignedToUser"] = "AssignedToUser";
-  FilterType2["AssignedToCurrentUser"] = "AssignedToCurrentUser";
-  FilterType2["AssignedToTeam"] = "AssignedToTeam";
-  FilterType2["AssignedToTeams"] = "AssignedToTeams";
-  FilterType2["AssignedToCurrentUsersTeams"] = "AssignedToCurrentUsersTeams";
-  FilterType2["CreatedByUser"] = "CreatedByUser";
-  FilterType2["CreatedByCurrentUser"] = "CreatedByCurrentUser";
-  FilterType2["CreatedByTeam"] = "CreatedByTeam";
-  FilterType2["CreatedByTeams"] = "CreatedByTeams";
-  FilterType2["CreatedByCurrentUsersTeams"] = "CreatedByCurrentUsersTeams";
-  return FilterType2;
-})(FilterType || {});
-
-function createAllFilter() {
-  return (_pullRequest) => true;
-}
-
-function arrayHas(arr, value) {
-  return new Set(arr).has(value);
-}
-function stringArrayHas(arr, value, ignoreCase = false) {
-  if (ignoreCase) {
-    return arrayHas(
-      arr.map((a) => a == null ? void 0 : a.toLocaleLowerCase("en-US")),
-      value == null ? void 0 : value.toLocaleLowerCase("en-US")
-    );
-  }
-  return arrayHas(arr, value);
-}
-
-function equalsIgnoreCase(str1, str2) {
-  return str1.toLocaleLowerCase("en-US") === str2.toLocaleLowerCase("en-US");
-}
-
-function createAssignedToTeamFilter(filter) {
-  return (pullRequest) => {
-    var _a;
-    const reviewerIds = (_a = pullRequest.reviewers) == null ? void 0 : _a.map((reviewer) => reviewer.id);
-    if (!reviewerIds) {
-      return false;
-    }
-    return stringArrayHas(reviewerIds, filter.teamId, true);
-  };
-}
-
-function createAssignedToTeamsFilter(filter) {
-  const teamIds = filter.teamIds;
-  return (pullRequest) => {
-    if (!teamIds) {
-      return false;
-    }
-    return teamIds.some((teamId) => {
-      return createAssignedToTeamFilter({
-        type: FilterType.AssignedToTeam,
-        teamId
-      })(pullRequest);
-    });
-  };
-}
-
-function createAssignedToUserFilter(filter) {
-  const email = filter.email;
-  return (pullRequest) => {
-    var _a;
-    const uniqueNames = (_a = pullRequest.reviewers) == null ? void 0 : _a.map(
-      (reviewer) => reviewer.uniqueName
-    );
-    if (!email || !uniqueNames) {
-      return false;
-    }
-    return stringArrayHas(uniqueNames, email, true);
-  };
-}
-
-function createCreatedByTeamFilter(filter) {
-  return (pullRequest) => {
-    var _a, _b;
-    const [createdByTeams, team] = "teamId" in filter ? [(_a = pullRequest.createdBy) == null ? void 0 : _a.teamIds, filter.teamId] : [(_b = pullRequest.createdBy) == null ? void 0 : _b.teamNames, filter.teamName];
-    if (!createdByTeams) {
-      return false;
-    }
-    return stringArrayHas(createdByTeams, team, true);
-  };
-}
-
-function createCreatedByTeamsFilter(filter) {
-  return (pullRequest) => {
-    if ("teamNames" in filter) {
-      const teamNames = filter.teamNames;
-      if (!teamNames) {
-        return false;
-      }
-      return teamNames.some((teamName) => {
-        return createCreatedByTeamFilter({
-          type: FilterType.CreatedByTeam,
-          teamName
-        })(pullRequest);
-      });
-    }
-    const teamIds = filter.teamIds;
-    if (!teamIds) {
-      return false;
-    }
-    return teamIds.some((teamId) => {
-      return createCreatedByTeamFilter({
-        type: FilterType.CreatedByTeam,
-        teamId
-      })(pullRequest);
-    });
-  };
-}
-
-function createCreatedByUserFilter(filter) {
-  const email = filter.email;
-  return (pullRequest) => {
-    var _a;
-    const uniqueName = (_a = pullRequest.createdBy) == null ? void 0 : _a.uniqueName;
-    if (!email || !uniqueName) {
-      return false;
-    }
-    return equalsIgnoreCase(email, uniqueName);
-  };
-}
-
-function createFilter(filters) {
-  const mapFilter = (filter) => {
-    switch (filter.type) {
-      case FilterType.AssignedToUser:
-      case FilterType.AssignedToCurrentUser:
-        return createAssignedToUserFilter(filter);
-      case FilterType.CreatedByUser:
-      case FilterType.CreatedByCurrentUser:
-        return createCreatedByUserFilter(filter);
-      case FilterType.AssignedToTeam:
-        return createAssignedToTeamFilter(filter);
-      case FilterType.CreatedByTeam:
-        return createCreatedByTeamFilter(filter);
-      case FilterType.AssignedToTeams:
-      case FilterType.AssignedToCurrentUsersTeams:
-        return createAssignedToTeamsFilter(filter);
-      case FilterType.CreatedByTeams:
-      case FilterType.CreatedByCurrentUsersTeams:
-        return createCreatedByTeamsFilter(filter);
-      case FilterType.All:
-        return createAllFilter();
-      default:
-        return (_) => false;
-    }
-  };
-  if (Array.isArray(filters)) {
-    if (filters.length === 1) {
-      return mapFilter(filters[0]);
-    }
-    return (pullRequest) => filters.every((filter) => mapFilter(filter)(pullRequest));
-  }
-  return mapFilter(filters);
-}
-
-function reviewerFilter(reviewer) {
-  return reviewer.voteStatus === PullRequestVoteStatus.NoVote ? !!reviewer.isRequired : !reviewer.isContainer;
-}
-function arrayExtract(arr, filter) {
-  const extractedValues = [];
-  for (let i = 0; i - extractedValues.length < arr.length; i++) {
-    const offsetIndex = i - extractedValues.length;
-    const value = arr[offsetIndex];
-    if (filter(value)) {
-      arr.splice(offsetIndex, 1);
-      extractedValues.push(value);
-    }
-  }
-  return extractedValues;
-}
-function getPullRequestGroups(pullRequests, configs) {
-  if (!pullRequests) {
-    return void 0;
-  }
-  const remainingPullRequests = [...pullRequests];
-  const pullRequestGroups = [];
-  configs.forEach(({ title, filter: configFilter, simplified }) => {
-    const groupPullRequests = arrayExtract(remainingPullRequests, configFilter);
-    pullRequestGroups.push({
-      title,
-      pullRequests: groupPullRequests,
-      simplified
-    });
-  });
-  return pullRequestGroups;
-}
-function getPullRequestGroupConfigs(columnConfigs, filterProcessor) {
-  return columnConfigs.map((columnConfig) => {
-    const filters = filterProcessor(columnConfig.filters);
-    return {
-      title: columnConfig.title,
-      filter: createFilter(filters),
-      simplified: columnConfig.simplified
-    };
-  });
-}
-
-const useStyles$2 = makeStyles((theme) => ({
-  root: (props) => ({
-    color: props.hasAutoComplete ? theme.palette.success.main : theme.palette.grey[400]
-  })
-}));
-const AutoCompleteIcon = (props) => {
-  const classes = useStyles$2(props);
-  return /* @__PURE__ */ React.createElement(DoneAllIcon, { className: classes.root });
-};
-
-const PolicyRequiredIcon = withStyles(
-  (theme) => ({
-    root: {
-      color: theme.palette.info.main
-    }
-  }),
-  { name: "PolicyRequiredIcon" }
-)(WatchLaterIcon);
-const PolicyIssueIcon = withStyles(
-  (theme) => ({
-    root: {
-      color: theme.palette.error.main
-    }
-  }),
-  { name: "PolicyIssueIcon" }
-)(CancelIcon);
-const PolicyInProgressIcon = withStyles(
-  (theme) => ({
-    root: {
-      color: theme.palette.info.main
-    }
-  }),
-  { name: "PolicyInProgressIcon" }
-)(GroupWorkIcon);
-function getPolicyIcon(policy) {
-  switch (policy.type) {
-    case PolicyType.Build:
-      switch (policy.status) {
-        case PolicyEvaluationStatus.Running:
-          return /* @__PURE__ */ React.createElement(PolicyInProgressIcon, null);
-        case PolicyEvaluationStatus.Rejected:
-          return /* @__PURE__ */ React.createElement(PolicyIssueIcon, null);
-        case PolicyEvaluationStatus.Queued:
-          return /* @__PURE__ */ React.createElement(PolicyRequiredIcon, null);
-        default:
-          return null;
-      }
-    case PolicyType.MinimumReviewers:
-    case PolicyType.RequiredReviewers:
-      return /* @__PURE__ */ React.createElement(PolicyRequiredIcon, null);
-    case PolicyType.Status:
-    case PolicyType.Comments:
-      return /* @__PURE__ */ React.createElement(PolicyIssueIcon, null);
-    default:
-      return null;
-  }
-}
-const PullRequestCardPolicyContainer = styled("div")({
-  display: "flex",
-  alignItems: "center",
-  flexWrap: "wrap"
-});
-const PullRequestCardPolicy = ({
-  policy
-}) => /* @__PURE__ */ React.createElement(PullRequestCardPolicyContainer, null, getPolicyIcon(policy), " ", /* @__PURE__ */ React.createElement(Typography, { component: "span" }, policy.text));
-
-const PullRequestCardPolicies = ({
-  policies,
-  className
-}) => /* @__PURE__ */ React.createElement("div", { className }, policies.map((policy) => /* @__PURE__ */ React.createElement(PullRequestCardPolicy, { key: policy.id, policy })));
-
-const useStyles$1 = makeStyles(
-  {
-    avatar: {
-      width: "2.5rem",
-      height: "2.5rem",
-      border: "0.3rem solid silver"
-    },
-    avatarText: {
-      fontSize: "1rem"
-    }
-  },
-  { name: "PullRequestCardReviewer" }
-);
-const PullRequestCardReviewer = ({
-  reviewer
-}) => {
-  const classes = useStyles$1();
-  return /* @__PURE__ */ React.createElement(
-    Avatar,
-    {
-      displayName: reviewer.displayName,
-      picture: reviewer.imageUrl,
-      classes
-    }
-  );
-};
-
-const PullRequestCardReviewersContainer = styled("div")({
-  "& > *": {
-    marginTop: 4,
-    marginBottom: 4
-  }
-});
-const PullRequestCardReviewers = ({
-  reviewers
-}) => /* @__PURE__ */ React.createElement(PullRequestCardReviewersContainer, null, reviewers.filter(reviewerFilter).map((reviewer) => /* @__PURE__ */ React.createElement(PullRequestCardReviewer, { key: reviewer.id, reviewer })));
-
-const useStyles = makeStyles(
-  (theme) => ({
-    card: {
-      backgroundColor: theme.palette.type === "dark" ? theme.palette.grey[700] : theme.palette.common.white
-    },
-    cardHeaderSimplified: {
-      paddingBottom: theme.spacing(2)
-    },
-    cardHeaderAction: {
-      display: "flex",
-      alignSelf: "center",
-      margin: 0
-    },
-    content: {
-      display: "flex",
-      flexDirection: "row"
-    },
-    policies: {
-      flex: 1
-    },
-    avatar: { width: "2.5rem", height: "2.5rem" },
-    avatarText: { fontSize: "1rem" }
-  }),
-  { name: "PullRequestCard" }
-);
-const PullRequestCard = ({
-  pullRequest,
-  simplified
-}) => {
-  var _a, _b, _c, _d, _e, _f;
-  const classes = useStyles();
-  const title = /* @__PURE__ */ React.createElement(Link, { to: (_a = pullRequest.link) != null ? _a : "", title: pullRequest.description }, pullRequest.title);
-  const repoLink = /* @__PURE__ */ React.createElement(Link, { to: (_c = (_b = pullRequest.repository) == null ? void 0 : _b.url) != null ? _c : "", color: "inherit" }, (_d = pullRequest.repository) == null ? void 0 : _d.name);
-  const creationDate = pullRequest.creationDate ? DateTime.fromISO(pullRequest.creationDate).toRelative() : void 0;
-  const subheader = /* @__PURE__ */ React.createElement(Typography, { component: "span" }, repoLink, " \xB7 ", creationDate);
-  const avatar = /* @__PURE__ */ React.createElement(
-    Avatar,
-    {
-      displayName: (_e = pullRequest.createdBy) == null ? void 0 : _e.displayName,
-      picture: (_f = pullRequest.createdBy) == null ? void 0 : _f.imageUrl,
-      classes: { avatar: classes.avatar, avatarText: classes.avatarText }
-    }
-  );
-  return /* @__PURE__ */ React.createElement(
-    Card,
-    {
-      classes: { root: classes.card },
-      "data-pull-request-id": pullRequest.pullRequestId
-    },
-    /* @__PURE__ */ React.createElement(
-      CardHeader,
-      {
-        avatar,
-        title,
-        subheader,
-        action: /* @__PURE__ */ React.createElement(AutoCompleteIcon, { hasAutoComplete: pullRequest.hasAutoComplete }),
-        classes: {
-          ...simplified && { root: classes.cardHeaderSimplified },
-          action: classes.cardHeaderAction
-        }
-      }
-    ),
-    !simplified && /* @__PURE__ */ React.createElement(CardContent, { className: classes.content }, pullRequest.policies && /* @__PURE__ */ React.createElement(
-      PullRequestCardPolicies,
-      {
-        policies: pullRequest.policies,
-        className: classes.policies
-      }
-    ), pullRequest.reviewers && /* @__PURE__ */ React.createElement(PullRequestCardReviewers, { reviewers: pullRequest.reviewers }))
-  );
-};
-
-const ColumnPaper = withStyles((theme) => ({
-  root: {
-    display: "flex",
-    flexDirection: "column",
-    flex: 1,
-    padding: theme.spacing(2),
-    backgroundColor: theme.palette.type === "dark" ? theme.palette.grey[800] : theme.palette.grey[300],
-    height: "100%"
-  }
-}))(Paper);
-const ColumnTitleDiv = styled("div")(({ theme }) => ({
-  display: "flex",
-  flexDirection: "row",
-  alignItems: "center",
-  justifyContent: "space-between",
-  marginBottom: theme.spacing(2)
-}));
-const PullRequestCardContainer = styled("div")(({ theme }) => ({
-  display: "flex",
-  flexDirection: "column",
-  "& > *": {
-    marginBottom: theme.spacing(2)
-  },
-  "& > :last-of-type": {
-    marginBottom: 0
-  }
-}));
-const PullRequestGridColumn = ({
-  pullRequestGroup
-}) => {
-  const columnTitle = /* @__PURE__ */ React.createElement(ColumnTitleDiv, null, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, pullRequestGroup.title));
-  const pullRequests = /* @__PURE__ */ React.createElement(PullRequestCardContainer, null, pullRequestGroup.pullRequests.map((pullRequest) => /* @__PURE__ */ React.createElement(
-    PullRequestCard,
-    {
-      key: pullRequest.pullRequestId,
-      pullRequest,
-      simplified: pullRequestGroup.simplified
-    }
-  )));
-  return /* @__PURE__ */ React.createElement(ColumnPaper, null, columnTitle, pullRequests);
-};
-
-const GridDiv = styled("div")(({ theme }) => ({
-  display: "flex",
-  flexDirection: "row",
-  justifyContent: "space-between",
-  "& > *": {
-    marginRight: theme.spacing(2)
-  },
-  "& > :last-of-type": {
-    marginRight: 0
-  }
-}));
-const PullRequestGrid = ({
-  pullRequestGroups
-}) => {
-  return /* @__PURE__ */ React.createElement(GridDiv, null, pullRequestGroups.map((pullRequestGroup, index) => /* @__PURE__ */ React.createElement(
-    PullRequestGridColumn,
-    {
-      key: index,
-      pullRequestGroup
-    }
-  )));
-};
-
-const POLLING_INTERVAL = 1e4;
-function useDashboardPullRequests(project, pollingInterval = POLLING_INTERVAL, teamsLimit) {
-  const api = useApi(azureDevOpsApiRef);
-  const errorApi = useApi(errorApiRef);
-  const getDashboardPullRequests = useCallback(async () => {
-    if (!project) {
-      return Promise.reject(new Error("Missing project name"));
-    }
-    try {
-      return await api.getDashboardPullRequests(project, teamsLimit);
-    } catch (error2) {
-      if (error2 instanceof Error) {
-        errorApi.post(error2);
-      }
-      return Promise.reject(error2);
-    }
-  }, [project, api, teamsLimit, errorApi]);
-  const {
-    value: pullRequests,
-    loading,
-    error,
-    retry
-  } = useAsyncRetry(
-    () => getDashboardPullRequests(),
-    [getDashboardPullRequests]
-  );
-  useInterval(() => retry(), pollingInterval);
-  return {
-    pullRequests,
-    loading,
-    error
-  };
-}
-
-function useUserEmail() {
-  var _a;
-  const identityApi = useApi(identityApiRef);
-  const state = useAsync(() => identityApi.getProfileInfo(), [identityApi]);
-  return (_a = state.value) == null ? void 0 : _a.email;
-}
-
-function useUserTeamIds(userId) {
-  const api = useApi(azureDevOpsApiRef);
-  const {
-    value: teamIds,
-    loading,
-    error
-  } = useAsync(() => {
-    return userId ? api.getUserTeamIds(userId) : Promise.resolve(void 0);
-  }, [userId, api]);
-  return {
-    teamIds,
-    loading,
-    error
-  };
-}
-
-function useFilterProcessor() {
-  const userEmail = useUserEmail();
-  const { teamIds } = useUserTeamIds(userEmail);
-  return (filters) => {
-    for (const filter of filters) {
-      switch (filter.type) {
-        case FilterType.AssignedToCurrentUser:
-        case FilterType.CreatedByCurrentUser:
-          filter.email = userEmail;
-          break;
-        case FilterType.AssignedToCurrentUsersTeams:
-        case FilterType.CreatedByCurrentUsersTeams:
-          filter.teamIds = teamIds;
-          break;
-      }
-    }
-    return filters;
-  };
-}
-
-const PullRequestsPageContent = ({
-  pullRequestGroups,
-  loading,
-  error
-}) => {
-  if (loading && (!pullRequestGroups || pullRequestGroups.length <= 0)) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
-  }
-  if (error) {
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
-  }
-  return /* @__PURE__ */ React.createElement(PullRequestGrid, { pullRequestGroups: pullRequestGroups != null ? pullRequestGroups : [] });
-};
-const DEFAULT_COLUMN_CONFIGS = [
-  {
-    title: "Created by me",
-    filters: [{ type: FilterType.CreatedByCurrentUser }],
-    simplified: false
-  },
-  {
-    title: "Other PRs",
-    filters: [{ type: FilterType.All }],
-    simplified: true
-  }
-];
-const PullRequestsPage = (props) => {
-  const { projectName, pollingInterval, defaultColumnConfigs, teamsLimit } = props;
-  const { pullRequests, loading, error } = useDashboardPullRequests(
-    projectName,
-    pollingInterval,
-    teamsLimit
-  );
-  const [columnConfigs] = useState(
-    defaultColumnConfigs != null ? defaultColumnConfigs : DEFAULT_COLUMN_CONFIGS
-  );
-  const filterProcessor = useFilterProcessor();
-  const pullRequestGroupConfigs = getPullRequestGroupConfigs(
-    columnConfigs,
-    filterProcessor
-  );
-  const pullRequestGroups = getPullRequestGroups(
-    pullRequests,
-    pullRequestGroupConfigs
-  );
-  return /* @__PURE__ */ React.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React.createElement(Header, { title: "Azure Pull Requests" }), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(
-    RequirePermission,
-    {
-      permission: azureDevOpsPullRequestDashboardReadPermission
-    },
-    /* @__PURE__ */ React.createElement(
-      PullRequestsPageContent,
-      {
-        pullRequestGroups,
-        loading,
-        error
-      }
-    )
-  )));
-};
-
-export { FilterType as F, PullRequestsPage as P };
-//# sourceMappingURL=PullRequestsPage-CkhRQsgx.esm.js.map