synapse-react-client/dist/components/UserCardList/UserCardListRotate.js

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

import { jsxs as q, jsx as m } from "react/jsx-runtime";
import { LargeButton as T } from "../styled/LargeButton.js";
import * as A from "../../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 { parseEntityIdFromSqlStatement as O, getAdditionalFilters as v } from "../../utils/functions/SqlFunctions.js";
import "../../utils/functions/EntityTypeUtils.js";
import { LARGE_USER_CARD as x, BUNDLE_MASK_QUERY_RESULTS as J } from "../../utils/SynapseConstants.js";
import "lodash-es";
import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
import "../../utils/PermissionLevelToAccessType.js";
import { useState as d } from "react";
import { useSynapseContext as B } from "../../utils/context/SynapseContext.js";
import { useDeepCompareEffectNoCheck as M } from "use-deep-compare-effect";
import "@tanstack/react-query";
import "@tanstack/query-core";
import "lodash-es/isEmpty";
import "lodash-es/isEqual";
import "lodash-es/xorWith";
import "@mui/material";
import "@sage-bionetworks/synapse-client";
import { ColumnTypeEnum as Q } from "@sage-bionetworks/synapse-types";
import "../../utils/types/IsType.js";
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 "react-router";
import { LoadingUserCardMedium as b } from "../UserCard/UserCardMedium.js";
import { UserCardList as k } from "./UserCardList.js";
const F = "sage_rotate_uids", Y = 3, $ = (e = [], o = Y, s) => {
  let a = [], t = [];
  const l = localStorage.getItem(s);
  if (l != null && (a = JSON.parse(l)), a.length) {
    const r = e.filter((i) => !a.includes(i));
    if (r.length >= o)
      return t = r.slice(0, o), localStorage.setItem(
        s,
        JSON.stringify(a.concat(t))
      ), t;
    {
      localStorage.removeItem(s);
      const i = e.slice(0, o - r.length);
      return localStorage.setItem(s, JSON.stringify(i)), r.concat(i);
    }
  } else
    return t = e.slice(0, o), localStorage.setItem(s, JSON.stringify(t)), t;
};
function Lt({
  sql: e,
  count: o,
  useQueryResultUserData: s = !1,
  size: a = x,
  summaryLink: t,
  summaryLinkText: l,
  selectedFacets: r,
  searchParams: i,
  sqlOperator: f,
  additionalFiltersSessionStorageKey: R
}) {
  const { accessToken: g } = B(), [p, C] = d([]), [h, D] = d(), [c, S] = d();
  let y = !0;
  const E = `${F}-${e}-${JSON.stringify(
    r
  )}`;
  return M(() => (async function() {
    S(!0);
    const _ = O(e), L = v(
      i,
      f,
      R
    ), N = {
      partMask: J,
      concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
      entityId: _,
      query: {
        sql: e,
        additionalFilters: L,
        selectedFacets: r
      }
    }, I = await A.getFullQueryTableResults(
      N,
      g
    ), { queryResult: u } = I;
    if (u?.queryResults.rows) {
      const U = u.queryResults.headers.findIndex(
        (n) => n.columnType === Q.USERID
      ), w = u.queryResults.rows.map((n) => n.values[U]).filter((n) => n !== null);
      if (y) {
        const n = $(w, o, E);
        C(n), s && D(I), S(!1);
      }
    } else
      console.log("UserCardListRotate: Error getting data");
  }(), () => {
    y = !1;
  }), [e, r, o, g, i, f]), /* @__PURE__ */ q("div", { className: "UserCardListRotate", children: [
    c && /* @__PURE__ */ m(b, {}),
    !c && p.length === 0 && /* @__PURE__ */ m("p", { className: "font-italic", children: "No one was found." }),
    !c && p.length > 0 && /* @__PURE__ */ m(
      k,
      {
        list: p,
        size: a,
        rowSet: h?.queryResult?.queryResults
      }
    ),
    t && l && /* @__PURE__ */ m("div", { className: "UserCardListRotate__summary", children: /* @__PURE__ */ m(T, { color: "secondary", variant: "contained", href: t, children: l }) })
  ] });
}
export {
  Lt as UserCardListRotate,
  Lt as default,
  $ as getDisplayIds
};
//# sourceMappingURL=UserCardListRotate.js.map