synapse-react-client/dist/components/SynapseHomepageV2/SynapseHotdrops.js

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

import { jsx as o, Fragment as s } from "react/jsx-runtime";
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 "@sage-bionetworks/synapse-types";
import "../../utils/functions/EntityTypeUtils.js";
import { BUNDLE_MASK_QUERY_RESULTS as u } from "../../utils/SynapseConstants.js";
import "lodash-es";
import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
import "@tanstack/react-query";
import "../../utils/PermissionLevelToAccessType.js";
import "react";
import "../../utils/context/SynapseContext.js";
import "use-deep-compare-effect";
import { useTheme as d, useMediaQuery as l, Box as c } 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 "react-router";
import "@sage-bionetworks/synapse-client";
import "../../utils/types/IsType.js";
import { useGetEntityHeaders as y } from "../../synapse-queries/entity/useGetEntityHeaders.js";
import { useGetQueryResultBundleWithAsyncStatus as x } from "../../synapse-queries/entity/useGetQueryResultBundle.js";
import { SynapseHotDropItem as f } from "./SynapseHotdropsItem.js";
function P({ tableId: e }) {
  const { data: n } = x({
    entityId: e,
    query: {
      sql: `SELECT entity_id FROM ${e}`,
      limit: 10,
      sort: [{ column: "created_on", direction: "DESC" }]
    },
    partMask: u,
    concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest"
  }), a = d(), t = l(a.breakpoints.down("sm")), i = n?.responseBody?.queryResult?.queryResults, p = i ? i.rows.map((r) => ({
    targetId: r.values[0]
  })) : [], { data: m } = y(p, {
    enabled: p?.length > 0
  });
  return m ? /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(
    c,
    {
      sx: {
        color: "primary.100",
        display: "grid",
        justifyItems: "start",
        backgroundColor: "rgba(255, 255, 255, 0.2)",
        borderRadius: "9px",
        maxWidth: "1300px",
        gridTemplateColumns: t ? "100%" : "50% 50%",
        m: "auto",
        pt: t ? "0px" : "80px",
        pb: t ? "40px" : "60px"
      },
      children: m.results.map((r, g) => /* @__PURE__ */ o(
        f,
        {
          entityHeader: r,
          isMobileView: t
        },
        r.id
      ))
    }
  ) }) : /* @__PURE__ */ o(s, {});
}
export {
  P as SynapseHotDrops
};
//# sourceMappingURL=SynapseHotdrops.js.map