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

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

import { jsx as t, Fragment as n } 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 a } 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 { useState as d } 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 s } from "../../synapse-queries/entity/useEntity.js";
import { Box as l } from "@mui/system";
import { ImageFileHandle as c } from "./ImageFileHandle.js";
const V = (m) => {
  const { entityId: o } = m, [e, p] = d(!1), { data: i } = s(o.toString()), r = i && "dataFileHandleId" in i ? i.dataFileHandleId : void 0;
  return r ? /* @__PURE__ */ t(
    l,
    {
      sx: {
        img: {
          height: e ? "auto" : "100px"
        },
        display: "grid",
        gridTemplateColumns: "auto 15px"
      },
      children: /* @__PURE__ */ t("button", { onClick: () => p(!e), children: /* @__PURE__ */ t(
        c,
        {
          fileHandleAssociation: {
            associateObjectId: o.toString(),
            associateObjectType: a.FileEntity,
            fileHandleId: r
          }
        }
      ) })
    }
  ) : /* @__PURE__ */ t(n, {});
};
export {
  V as EntityColumnImage
};
//# sourceMappingURL=EntityColumnImage.js.map