synapse-react-client/dist/components/SynapseTable/table-top/ColumnSelection.js

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

import { jsx as t, jsxs as s } from "react/jsx-runtime";
import { MenuItem as a } from "@mui/material";
import u from "../../IconSvg/IconSvg.js";
import "@sage-bionetworks/synapse-types";
import "../../../utils/PermissionLevelToAccessType.js";
import "../../../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 "../../../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 "@sage-bionetworks/synapse-client";
import "../../../utils/types/IsType.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 "../../QueryContext/QueryContext.js";
import { useQueryVisualizationContext as d } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
import { ElementWithTooltip as h } from "../../widgets/ElementWithTooltip.js";
function Z(r) {
  const { headers: e, isColumnSelected: p, toggleColumnSelection: n, darkTheme: i } = r, { getColumnDisplayName: l } = d();
  return /* @__PURE__ */ t(
    h,
    {
      tooltipText: "Show/Hide Columns",
      icon: i ? "columnsdark" : "columns",
      darkTheme: i,
      menuItems: e?.map((c) => {
        const { name: o } = c, m = p.includes(o);
        return /* @__PURE__ */ s(a, { onClick: () => n(o), children: [
          /* @__PURE__ */ t("span", { className: m ? "SRC-primary-text-color" : "", style: {
            width: "11px",
            marginRight: "10px",
            visibility: m ? void 0 : "hidden"
          }, children: /* @__PURE__ */ t(u, { icon: "check", sx: { width: "14px" } }) }),
          l(o)
        ] }, o);
      })
    }
  );
}
export {
  Z as ColumnSelection
};
//# sourceMappingURL=ColumnSelection.js.map