synapse-react-client/dist/components/dataaccess/AccessHistoryDashboard.js

[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie

import { jsxs as t, jsx as e, Fragment as d } from "react/jsx-runtime";
import R from "../../assets/icons/SearchImage.js";
import "../../synapse-client/SynapseClient.js";
import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
import "@sage-bionetworks/synapse-client/util/SynapseClientError";
import { TYPE_FILTER as y } from "@sage-bionetworks/synapse-types";
import "../../utils/functions/EntityTypeUtils.js";
import "../../utils/SynapseConstants.js";
import { omitBy as x } from "lodash-es";
import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
import "@tanstack/react-query";
import "../../utils/PermissionLevelToAccessType.js";
import { useDebouncedEffect as U } from "../../utils/hooks/useDebouncedEffect.js";
import { useState as c, useCallback as q, useEffect as C } from "react";
import "../../utils/context/SynapseContext.js";
import "use-deep-compare-effect";
import { Typography as s } from "@mui/material";
import "../../utils/hooks/useCookiePreferences.js";
import "../../utils/hooks/useSourceAppConfigs.js";
import "universal-cookie";
import "../../utils/AppUtils/session/ApplicationSessionContext.js";
import "../../utils/context/FullContextProvider.js";
import "../../utils/context/DocumentMetadataContext.js";
import '../../style/components/_spinner.css';/* empty css                                   */
import "@tanstack/query-core";
import "lodash-es/isEmpty";
import "lodash-es/isEqual";
import "lodash-es/xorWith";
import { useLocation as E, useNavigate as w } from "react-router";
import "@sage-bionetworks/synapse-client";
import "../../utils/types/IsType.js";
import { useGetCurrentUserBundle as F } from "../../synapse-queries/user/useUserBundle.js";
import p from "@mui/material/Grid";
import B from "../UserOrTeamBadge/UserOrTeamBadge.js";
import L from "../UserSearchBox/UserSearchBox.js";
import { AccessApprovalsTable as _ } from "./AccessApprovalsTable.js";
import { AccessRequestSubmissionTable as D } from "./AccessRequestSubmissionTable.js";
import z from "./AccessRequirementSearchBox/AccessRequirementSearchBox.js";
const G = () => /* @__PURE__ */ t("div", { className: "text-center", children: [
  /* @__PURE__ */ e(R, { className: "SearchPlaceholderImage", height: "167px" }),
  /* @__PURE__ */ e(s, { variant: "body1Italic", children: "Select a user using the search field above to view their data access history" })
] }), Re = () => {
  const [a, l] = c(), [r, n] = c(""), [f, S] = c({
    accessorId: r,
    accessRequirementId: a
  }), [b, v] = c({
    showStatus: !0,
    showSubmitter: !0,
    accessorId: r,
    accessRequirementId: a
  }), { data: g } = F(), I = g?.isACTMember, o = E(), h = w(), P = 500, A = q((i) => {
    n(i || "");
  }, []);
  return C(() => {
    (() => {
      const m = new URLSearchParams(o.search);
      l(
        m.get("accessRequirementId") ?? void 0
      ), n(m.get("accessorId") ?? "");
    })();
  }, [o.search]), U(
    () => {
      ((m, T) => {
        const N = new URLSearchParams(
          x(
            {
              accessRequirementId: m,
              accessorId: T
            },
            (u) => u === void 0 || u === ""
          )
        );
        h(
          {
            pathname: o.pathname,
            search: N.toString()
          },
          { replace: !0 }
        );
      })(a, r), S({
        accessorId: r,
        accessRequirementId: a
      }), v({
        showStatus: !0,
        showSubmitter: !0,
        accessorId: r,
        accessRequirementId: a
      });
    },
    [a, r, h, o.pathname],
    P
  ), /* @__PURE__ */ t("div", { className: "UserHistoryDashboard", children: [
    /* @__PURE__ */ t(p, { container: !0, spacing: 2, className: "InputPanel", children: [
      /* @__PURE__ */ t(p, { size: { xs: 12, md: 6 }, children: [
        /* @__PURE__ */ e(
          s,
          {
            component: "label",
            variant: "smallText2",
            htmlFor: "user-filter",
            children: "Select a user to view their access history"
          }
        ),
        /* @__PURE__ */ e(
          L,
          {
            inputId: "user-filter",
            onChange: A,
            value: r,
            placeholder: "Search for a user name",
            typeFilter: y.USERS_ONLY
          }
        )
      ] }),
      r && /* @__PURE__ */ t(p, { size: { xs: 12, md: 6 }, children: [
        /* @__PURE__ */ e(
          s,
          {
            component: "label",
            variant: "smallText2",
            htmlFor: "arName-filter",
            children: "Filter by Access Requirement Name"
          }
        ),
        /* @__PURE__ */ e(
          z,
          {
            inputId: "arName-filter",
            placeholder: "Search for an Access Requirement Name ",
            onChange: l
          }
        )
      ] })
    ] }),
    r ? /* @__PURE__ */ t(d, { children: [
      /* @__PURE__ */ t(s, { variant: "headline3", children: [
        "Submissions including ",
        /* @__PURE__ */ e(B, { principalId: r })
      ] }),
      /* @__PURE__ */ e(D, { ...b }),
      I && /* @__PURE__ */ t(d, { children: [
        /* @__PURE__ */ e(s, { variant: "headline3", children: "Status in Access Requirements" }),
        /* @__PURE__ */ e(_, { ...f })
      ] })
    ] }) : /* @__PURE__ */ e(G, {})
  ] });
};
export {
  Re as UserHistoryDashboard
};
//# sourceMappingURL=AccessHistoryDashboard.js.map