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

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

import { jsx as e, 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 { FileHandleAssociateType as n } from "@sage-bionetworks/synapse-types";
import "../utils/functions/EntityTypeUtils.js";
import "../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 "@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 { useGetStablePresignedUrl as d } from "../synapse-queries/file/useFiles.js";
function L(m) {
  const { tableId: p, fileHandleId: t, alt: r, style: a } = m, l = {
    associateObjectId: p,
    associateObjectType: n.TableEntity,
    fileHandleId: t ?? ""
  }, o = d(l, !1, {
    enabled: !!t
  }), i = o?.dataUrl;
  return o?.queryResult?.error || !i ? /* @__PURE__ */ e(s, {}) : /* @__PURE__ */ e(
    "img",
    {
      style: a,
      alt: r ? `${r}` : "Image from table",
      src: i
    }
  );
}
export {
  L as default
};
//# sourceMappingURL=ImageFromSynapseTable.js.map