synapse-react-client/dist/components/widgets/SynapseImage.js

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

import { jsx as n, Fragment as h } from "react/jsx-runtime";
import { ImageFileHandle as H } from "./ImageFileHandle.js";
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 c } 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 { useMemo as N } from "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 { useGetEntity as j } from "../../synapse-queries/entity/useEntity.js";
import F from "classnames";
function ot(f) {
  const { synapseId: t, version: d, wikiId: o, fileResults: r, fileName: a, params: e } = f, { data: m } = j(
    t || "",
    d,
    {
      enabled: !!t
    }
  ), l = N(() => {
    if (t && m)
      return {
        associateObjectId: t,
        associateObjectType: c.FileEntity,
        fileHandleId: m.dataFileHandleId
      };
    if (o && a && r) {
      const { id: I } = r.filter((b) => b.fileName === a)[0];
      return {
        associateObjectId: o,
        associateObjectType: c.WikiAttachment,
        fileHandleId: I
      };
    }
  }, [m, a, r, t, o]), { align: u = "", altText: g = "synapse image" } = e;
  let p = "auto";
  e.scale && e.scale !== "100" && (p = `${Number(e.scale)}%`);
  const s = u.toLowerCase();
  let i = "";
  s === "left" && (i = "floatLeft"), s === "right" && (i = "floatright"), s === "center" && (i = "align-center");
  const y = {
    maxWidth: p,
    height: "auto"
  };
  return l ? /* @__PURE__ */ n(
    H,
    {
      fileHandleAssociation: l,
      imgProps: {
        alt: g,
        className: F("img-fluid", i),
        style: y
      }
    }
  ) : /* @__PURE__ */ n(h, {});
}
export {
  ot as default
};
//# sourceMappingURL=SynapseImage.js.map