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

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

import { jsxs as d, jsx as m } from "react/jsx-runtime";
import { Typography as x } from "@mui/material";
import { useState as n } from "react";
import D from "react-select";
import { useQueryContext as b } from "./QueryContext/QueryContext.js";
import "@sage-bionetworks/synapse-types";
import "../utils/PermissionLevelToAccessType.js";
import "../utils/SynapseConstants.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 "../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 { useQueryVisualizationContext as g } from "./QueryVisualizationWrapper/QueryVisualizationContext.js";
import { findValueOption as h } from "./JsonSchemaForm/widgets/SelectWidget.js";
function it({ sortConfig: p }) {
  const { defaultColumn: s, defaultDirection: l, sortableColumns: c } = p, { executeQueryRequest: a } = b(), { getColumnDisplayName: u } = g(), [r, S] = n(
    s
  ), [f, C] = n(l), i = c.map((t) => ({
    value: t,
    label: u(t)
  })), y = (t) => {
    a((e) => {
      let o = "ASC";
      return t === r && (o = f === "ASC" ? "DESC" : "ASC"), e.query.sort = t ? [
        {
          column: t,
          direction: o
        }
      ] : void 0, S(t), C(o), e;
    });
  };
  return /* @__PURE__ */ d("div", { className: "QuerySortSelector", children: [
    /* @__PURE__ */ m(x, { variant: "label", className: "sort-by-label SRC-inlineBlock", children: "Sort by" }),
    /* @__PURE__ */ m(
      D,
      {
        className: "react-select-container SRC-inlineBlock",
        value: h(r, i),
        options: i,
        onChange: (t) => y(t?.value),
        styles: {
          control: (t) => ({
            ...t,
            marginLeft: "15px"
          })
        }
      }
    )
  ] });
}
export {
  it as default
};
//# sourceMappingURL=QuerySortSelector.js.map