synapse-react-client/dist/components/CardDeck/TableQueryCardDeck.js

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

import { jsx as n } from "react/jsx-runtime";
import { CardDeck as M } from "./CardDeck.js";
import { ImageFileHandle as u } from "../widgets/ImageFileHandle.js";
import { useGetEntity as b } from "../../synapse-queries/entity/useEntity.js";
import $ from "../../synapse-queries/entity/useGetQueryResultBundle.js";
import "../../utils/PermissionLevelToAccessType.js";
import { BUNDLE_MASK_QUERY_SELECT_COLUMNS as G, BUNDLE_MASK_QUERY_RESULTS as K } 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 "../../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 '../FullWidthAlert/FullWidthAlert.css';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 { getLinkParams as V, getFileHandleAssociation as d } from "../GenericCard/CardUtils.js";
import "../../utils/functions/DateFormatter.js";
import "dayjs";
import "../../assets/ArcusBioIcon.svg.js";
import "@mui/material/SvgIcon";
import "../../assets/icons/AccessPending.svg.js";
import "../../assets/icons/AccessPendingCloud.svg.js";
import "../../assets/icons/FileWithShield.svg.js";
import "../../assets/icons/MultiFile.svg.js";
import "../../assets/icons/UnpackagableFile.svg.js";
import "../../assets/icons/bioChemicalPhysical.svg.js";
import "../../assets/icons/computationalTool.svg.js";
import "../../assets/icons/dataReuse.svg.js";
import "../../assets/icons/inSilicoModel.svg.js";
import "../../assets/icons/modelSystem.svg.js";
import "../../assets/mui_components/PackagableFile.svg.js";
import "../../assets/icons/spatialProfiling.svg.js";
import "@mui/icons-material";
import "react-error-boundary";
/* empty css                                    */
import "../Markdown/MarkdownSynapse.js";
import "@mui/material/Skeleton";
import "react-hot-toast";
import "react-transition-group";
import "@mui/system";
import "../GenericCard/Linkify.js";
import "../GenericCard/GenericCard.js";
function to(I) {
  const {
    entityId: r,
    titleColumnName: f,
    descriptionColumnName: y,
    ctaButtonTextColumnName: C,
    ctaButtonURLColumnName: R,
    titleIconFileHandleColumnName: g,
    headerImageFileHandleColumnName: x,
    cardDeckType: a,
    linkConfig: B
  } = I, p = b(r), h = {
    concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
    entityId: r,
    partMask: G | K,
    query: {
      sql: `select * from ${r}`
    }
  }, { data: t } = $(h), q = e(f, t), H = e(
    y,
    t
  ), L = e(
    C,
    t
  ), U = e(
    R,
    t
  ), E = e(
    g,
    t
  ), F = e(
    x,
    t
  ), N = t?.queryResult.queryResults.rows.map(
    (i) => {
      const o = i.values;
      o.some((m) => m === null) && console.warn("Row has null value(s) when no nulls expected");
      const T = o[q], k = o[H], w = o[L], A = o[U] ?? "", _ = o[E] ?? "", S = o[F] ?? "", s = {};
      t?.queryResult.queryResults.headers.forEach(
        (m, Q) => {
          s[m.name] = Q;
        }
      );
      const { href: v } = V(A, B, o, s), l = d(
        p.data,
        _,
        `syn${i.rowId}`
      ), D = l ? /* @__PURE__ */ n(
        u,
        {
          fileHandleAssociation: l
        }
      ) : void 0, c = d(
        p.data,
        S,
        `syn${i.rowId}`
      );
      return {
        title: T,
        description: k,
        ctaButtonText: w,
        ctaButtonURL: v,
        titleIcon: D,
        headerImage: c ? /* @__PURE__ */ n(
          u,
          {
            fileHandleAssociation: c
          }
        ) : void 0,
        cardDeckType: a
      };
    }
  );
  return /* @__PURE__ */ n(M, { cards: N || [], cardDeckType: a });
}
export {
  to as TableQueryCardDeck,
  to as default
};
//# sourceMappingURL=TableQueryCardDeck.js.map