synapse-react-client/dist/components/Programs/Programs.js

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

import { jsx as n } from "react/jsx-runtime";
import { useGetEntity as S } from "../../synapse-queries/entity/useEntity.js";
import B from "../../synapse-queries/entity/useGetQueryResultBundle.js";
import "../../utils/PermissionLevelToAccessType.js";
import { BUNDLE_MASK_QUERY_SELECT_COLUMNS as U, BUNDLE_MASK_QUERY_RESULTS as M } from "../../utils/SynapseConstants.js";
import "react";
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 "lodash-es";
import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
import "../../utils/context/SynapseContext.js";
import "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 b from "../../utils/hooks/useShowDesktop.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 "../../utils/types/IsType.js";
import { getFieldIndex as e } from "../../utils/functions/queryUtils.js";
import { getColorPalette as v } from "../ColorGradient/ColorGradient.js";
import { getLinkParams as A, getFileHandleAssociation as F } from "../GenericCard/CardUtils.js";
import H from "./Programs.Desktop.js";
import Q from "./Programs.Mobile.js";
function _o(u) {
  const {
    entityId: r,
    titleColumnName: c,
    linkColumnName: d,
    summaryColumnName: f,
    imageFileHandleColumnName: y,
    linkConfig: g,
    rgbIndex: k
  } = u, s = b(), C = S(r), R = v(k ?? 0, 2).colorPalette[0], q = {
    concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
    entityId: r,
    partMask: U | M,
    query: {
      sql: `select * from ${r}`
    }
  }, { data: o } = B(q), x = e(c, o), h = e(f, o), E = e(d, o), I = e(
    y,
    o
  );
  return /* @__PURE__ */ n("div", { className: `Programs${s ? "__Desktop" : ""}`, children: o?.queryResult.queryResults.rows.map((i) => {
    const t = i.values;
    t.some((m) => m === null) && console.warn("Row has null value(s) when no nulls expected");
    const P = t[x], _ = t[h], l = t[E] ?? "", w = t[I], p = {};
    o?.queryResult.queryResults.headers.forEach(
      (m, L) => {
        p[m.name] = L;
      }
    );
    const { href: N } = A(l, g, t, p), D = F(
      C.data,
      w,
      `syn${i.rowId}`
    ), a = {
      title: P,
      summary: _,
      link: l,
      color: R,
      exploreLink: N,
      fileHandleAssociation: D
    };
    return s ? /* @__PURE__ */ n(H, { ...a }) : /* @__PURE__ */ n(Q, { ...a });
  }) });
}
export {
  _o as Programs,
  _o as default
};
//# sourceMappingURL=Programs.js.map