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

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

import { jsx as o } from "react/jsx-runtime";
import { facetObjectMatchesDefinition as F, getCorrespondingSelectedFacet as y } from "../../utils/functions/queryUtils.js";
import { Autocomplete as v, TextField as h } from "@mui/material";
import { useQueryContext as C } from "../QueryContext/QueryContext.js";
import { useGetQueryMetadata as Q } from "../QueryWrapper/useGetQueryMetadata.js";
function j(c) {
  const a = C(), {
    getCurrentQueryRequest: n,
    addValueToSelectedFacet: s,
    removeSelectedFacet: l
  } = a, { data: u } = Q(), { topLevelEnumeratedFacetToFilter: t } = c, i = n(), r = (u?.facets ?? []).find(
    (e) => F(e, t)
  )?.facetValues.map(({ value: e }) => e) ?? [], d = y(
    t,
    i.query.selectedFacets
  )?.facetValues || [], m = (e, f) => {
    l(t), f.forEach(
      (p) => s(t, p)
    );
  };
  return /* @__PURE__ */ o("div", { children: r.length > 0 && /* @__PURE__ */ o(
    v,
    {
      multiple: !0,
      options: r,
      value: d,
      onChange: m,
      renderInput: (e) => /* @__PURE__ */ o(h, { ...e, placeholder: "Select Filter(s)" })
    }
  ) });
}
export {
  j as default
};
//# sourceMappingURL=ColumnFilter.js.map