col-browser 2.0.1 → 2.2.0

package/es/search.js

@@ -0,0 +1,810 @@
+var rt = Object.defineProperty;
+var ut = (r, i, e) => i in r ? rt(r, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[i] = e;
+var c = (r, i, e) => ut(r, typeof i != "symbol" ? i + "" : i, e);
+import { a as ct } from "./chunks/withDatasetKey-BgMY05XE.js";
+import { c as b, w as ht } from "./chunks/config-BPRXv9x8.js";
+import { j as s } from "./chunks/jsx-runtime-BzflLqGi.js";
+import * as D from "react";
+import f from "react";
+import { L as S, c as j, s as dt, R as pt, b as mt } from "./chunks/router-CssZk5qZ.js";
+import { a as gt } from "./chunks/dataset-DvQG4NjA.js";
+import { a as ft } from "./chunks/enumeration-yDQXSZsf.js";
+import { r as xt, w as St } from "./chunks/storage-BgdCo9fV.js";
+import { Input as V, Form as C, Select as _, Row as x, Col as g, AutoComplete as G, Radio as vt, Alert as yt, Button as bt, Table as jt } from "antd";
+import Ct from "query-string";
+import { isArray as O, startCase as m, snakeCase as B, get as u, initial as K, debounce as Dt, isEqual as At, isEmpty as Tt, merge as Et, forEach as $t } from "lodash-es";
+import { E as Ot } from "./chunks/ErrorMsg-K8k5PPTp.js";
+import { C as I, N as wt } from "./chunks/DatasetCitation-bkPmDDYB.js";
+import Rt from "react-highlight-words";
+import { M as _t } from "./chunks/MergedDataBadge-DsTsn5Xu.js";
+import { I as P } from "./chunks/AntdIcon-B1nMlqyh.js";
+var Nt = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, name: "down", theme: "outlined" };
+function w() {
+  return w = Object.assign ? Object.assign.bind() : function(r) {
+    for (var i = 1; i < arguments.length; i++) {
+      var e = arguments[i];
+      for (var a in e)
+        Object.prototype.hasOwnProperty.call(e, a) && (r[a] = e[a]);
+    }
+    return r;
+  }, w.apply(this, arguments);
+}
+const kt = (r, i) => /* @__PURE__ */ D.createElement(P, w({}, r, {
+  ref: i,
+  icon: Nt
+})), z = /* @__PURE__ */ D.forwardRef(kt);
+process.env.NODE_ENV !== "production" && (z.displayName = "DownOutlined");
+var Bt = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z" } }] }, name: "up", theme: "outlined" };
+function R() {
+  return R = Object.assign ? Object.assign.bind() : function(r) {
+    for (var i = 1; i < arguments.length; i++) {
+      var e = arguments[i];
+      for (var a in e)
+        Object.prototype.hasOwnProperty.call(e, a) && (r[a] = e[a]);
+    }
+    return r;
+  }, R.apply(this, arguments);
+}
+const It = (r, i) => /* @__PURE__ */ D.createElement(P, R({}, r, {
+  ref: i,
+  icon: Bt
+})), H = /* @__PURE__ */ D.forwardRef(It);
+process.env.NODE_ENV !== "production" && (H.displayName = "UpOutlined");
+const T = ["family", "superfamily", "order", "subclass", "class", "superclass", "subphylum", "phylum"], U = ({ classification: r, maxParents: i = r.length, truncate: e }) => {
+  const a = r.slice(Math.max(r.length - i));
+  if (e) {
+    const l = r.reduce((h, d) => (h[d.rank] = d, h), {}), o = l.kingdom;
+    let n;
+    for (let h = 0; h < T.length; h++)
+      if (l[T[h]]) {
+        n = l[T[h]];
+        break;
+      }
+    return o && n ? /* @__PURE__ */ s.jsxs(f.Fragment, { children: [
+      /* @__PURE__ */ s.jsx(S, { to: "taxon", args: o.id, children: o.name }),
+      n.rank === "phylum" ? " > " : " > ... > ",
+      /* @__PURE__ */ s.jsx(S, { to: "taxon", args: n.id, children: n.name })
+    ] }) : o ? /* @__PURE__ */ s.jsx(S, { to: "taxon", args: o.id, children: o.name }) : null;
+  } else
+    return a.map((l, o) => /* @__PURE__ */ s.jsxs(f.Fragment, { children: [
+      /* @__PURE__ */ s.jsx(S, { to: "taxon", args: l.id, children: l.name }),
+      !Object.is(a.length - 1, o) && " > "
+    ] }, o));
+}, Mt = V.Search;
+class Lt extends f.Component {
+  constructor(e) {
+    super(e);
+    c(this, "componentDidMount", () => {
+      this.props.defaultValue && this.setState({ search: this.props.defaultValue });
+    });
+    c(this, "componentDidUpdate", (e) => {
+      e.defaultValue !== this.props.defaultValue && this.setState({ search: this.props.defaultValue });
+    });
+    c(this, "resetSearch", () => {
+      this.setState({ search: "" }, () => {
+        this.props.onSearch(this.state.search);
+      });
+    });
+    c(this, "render", () => /* @__PURE__ */ s.jsx(
+      Mt,
+      {
+        style: this.props.style || null,
+        placeholder: "Search query",
+        value: this.state.search,
+        onSearch: (e) => this.props.onSearch(this.state.search),
+        onChange: (e) => this.setState({ search: e.target.value }),
+        addonAfter: this.props.addonAfter,
+        allowClear: !0,
+        autoFocus: !0
+      }
+    ));
+    this.state = {
+      search: ""
+    };
+  }
+}
+const Ft = C.Item, M = _.Option, Vt = {
+  labelCol: {
+    xs: { span: 24 },
+    sm: { span: 24 },
+    md: { span: 8 }
+  },
+  wrapperCol: {
+    xs: { span: 24 },
+    sm: { span: 24 },
+    md: { span: 16 }
+  }
+};
+class p extends f.Component {
+  constructor(e) {
+    super(e);
+    c(this, "handleChange", (e) => {
+      this.setState({ selected: e }, () => {
+        this.props.onChange(e);
+      });
+    });
+    c(this, "render", () => {
+      const { defaultValue: e, label: a, vocab: l } = this.props, { randomID: o } = this.state, n = /* @__PURE__ */ new Set([...l.map((d) => d.value)]);
+      let h;
+      return e && O(e) ? h = e.filter((d) => n.has(d)) : e && (h = [e].filter((d) => n.has(d))), /* @__PURE__ */ s.jsx(
+        Ft,
+        {
+          ...Vt,
+          label: a,
+          style: { marginBottom: "8px", width: "100%" },
+          children: /* @__PURE__ */ s.jsx("div", { id: `${B(a)}_${o}`, children: /* @__PURE__ */ s.jsx(
+            _,
+            {
+              showSearch: !0,
+              mode: "multiple",
+              placeholder: "Please select",
+              value: h,
+              onChange: this.handleChange,
+              getPopupContainer: () => document.getElementById(`${B(a)}_${o}`),
+              children: l.map((d) => typeof d == "string" ? /* @__PURE__ */ s.jsx(M, { value: d, children: m(d) }, d) : /* @__PURE__ */ s.jsx(M, { value: d.value, children: d.label }, d.value))
+            }
+          ) })
+        }
+      );
+    });
+    this.state = {
+      selected: this.props.selected,
+      randomID: (Math.floor(Math.random() * 100) + 1) * (Math.floor(Math.random() * 100) + 1) * (Math.floor(Math.random() * 100) + 1)
+    };
+  }
+}
+const Gt = ({ issues: r, usage: i, classification: e, vernacularNames: a, issueMap: l }) => /* @__PURE__ */ s.jsxs(f.Fragment, { children: [
+  u(i, "id") && /* @__PURE__ */ s.jsxs(x, { style: { marginBottom: "10px" }, children: [
+    /* @__PURE__ */ s.jsx(
+      g,
+      {
+        span: 3,
+        style: {
+          textAlign: "right",
+          paddingRight: "16px",
+          fontWeight: "bold"
+        },
+        children: "ID:"
+      }
+    ),
+    /* @__PURE__ */ s.jsx(g, { span: 18, children: u(i, "id") })
+  ] }),
+  e && /* @__PURE__ */ s.jsxs(x, { style: { marginBottom: "10px" }, children: [
+    /* @__PURE__ */ s.jsx(
+      g,
+      {
+        span: 3,
+        style: {
+          textAlign: "right",
+          paddingRight: "16px",
+          fontWeight: "bold"
+        },
+        children: "Classification:"
+      }
+    ),
+    /* @__PURE__ */ s.jsx(g, { span: 18, children: /* @__PURE__ */ s.jsx(
+      U,
+      {
+        classification: K(e)
+      }
+    ) })
+  ] }),
+  a && /* @__PURE__ */ s.jsxs(x, { children: [
+    /* @__PURE__ */ s.jsx(
+      g,
+      {
+        span: 3,
+        style: {
+          textAlign: "right",
+          paddingRight: "16px",
+          fontWeight: "bold"
+        },
+        children: "Vernacular:"
+      }
+    ),
+    /* @__PURE__ */ s.jsx(g, { span: 18, style: { paddingBottom: "12px" }, children: a.slice(0, 8).map((o) => o.name).join(", ") })
+  ] })
+] });
+G.Option;
+class Kt extends f.Component {
+  constructor(e) {
+    super(e);
+    c(this, "componentDidMount", () => {
+      const { defaultDatasetKey: e } = this.props;
+      e && this.setDefaultValue(e);
+    });
+    c(this, "componentDidUpdate", (e) => {
+      const { defaultDatasetKey: a } = this.props;
+      a && a !== e.defaultDatasetKey ? this.setDefaultValue(a) : e.defaultDatasetKey && !a && this.setState({ value: "" });
+    });
+    c(this, "setDefaultValue", (e) => {
+      j(`${b.dataApi}dataset/${e}`).then((a) => {
+        this.setState({ value: u(a, "data.title") || "" }), this.props.onSelectDataset(a.data);
+      });
+    });
+    c(this, "getDatasets", (e) => {
+      const { contributesTo: a } = this.props;
+      j(`${b.dataApi}dataset?q=${e}&limit=30${a ? "&contributesTo=" + a : ""}`).then((l) => {
+        this.setState({ datasets: l.data.result });
+      }).catch((l) => {
+        this.setState({ datasets: [], err: l });
+      });
+    });
+    c(this, "onSelectDataset", (e, a) => {
+      this.setState({ value: e }), this.props.onSelectDataset({ key: a.key, title: e });
+    });
+    c(this, "onReset", () => {
+      this.setState({ value: "", names: [] }, this.props.onResetSearch);
+    });
+    c(this, "render", () => {
+      const { value: e, randomID: a } = this.state, { style: l } = this.props, o = this.state.datasets ? this.state.datasets.map((n) => {
+        const h = `${n.alias || n.title} [${n.key}]`;
+        return {
+          key: n.key,
+          value: h,
+          label: /* @__PURE__ */ s.jsx(
+            Rt,
+            {
+              highlightStyle: { fontWeight: "bold", padding: 0 },
+              searchWords: e.split(" "),
+              autoEscape: !0,
+              textToHighlight: h
+            }
+          ),
+          data: n
+        };
+      }) : [];
+      return /* @__PURE__ */ s.jsx("div", { id: `dataset_autocomplete_${a}`, children: /* @__PURE__ */ s.jsx(
+        G,
+        {
+          onSelect: this.onSelectDataset,
+          onSearch: (n) => n ? this.getDatasets(n) : this.onReset(),
+          options: o,
+          placeholder: this.props.placeHolder || "Find dataset",
+          style: l || { width: "100%" },
+          onChange: (n) => this.setState({ value: n }),
+          value: e,
+          getPopupContainer: () => document.getElementById(`dataset_autocomplete_${a}`),
+          children: /* @__PURE__ */ s.jsx(V.Search, { allowClear: !0 })
+        }
+      ) });
+    });
+    this.getDatasets = Dt(this.getDatasets, 500), this.state = {
+      datasets: [],
+      value: "",
+      randomID: (Math.floor(Math.random() * 100) + 1) * (Math.floor(Math.random() * 100) + 1) * (Math.floor(Math.random() * 100) + 1)
+    };
+  }
+  componentWillUnmount() {
+    this.getDatasets.cancel();
+  }
+}
+const L = "search-content-type", E = C.Item, F = vt.Group, W = [
+  "rank",
+  "issue",
+  "status",
+  "nomStatus",
+  "nameType",
+  "field",
+  "authorship",
+  "extinct",
+  "environment",
+  "group",
+  "authorshipYear"
+], y = 50, Y = 50, $ = {
+  limit: 50,
+  offset: 0,
+  facet: W,
+  //["rank", "issue", "status", "nomStatus", "nameType", "field"],
+  facetLimit: Y,
+  sortBy: "relevance"
+}, Pt = () => [
+  {
+    title: "",
+    dataIndex: ["usage", "merged"],
+    key: "merged",
+    width: 12,
+    render: (r, i) => {
+      var e, a, l;
+      return (e = i == null ? void 0 : i.usage) != null && e.merged ? /* @__PURE__ */ s.jsx(_t, { datasetKey: (a = i == null ? void 0 : i.usage) == null ? void 0 : a.datasetKey, verbatimSourceKey: (l = i == null ? void 0 : i.usage) == null ? void 0 : l.verbatimSourceKey }) : "";
+    }
+  },
+  {
+    title: "Scientific Name",
+    dataIndex: ["usage", "labelHtml"],
+    key: "scientificName",
+    render: (r, i) => {
+      const e = u(i, "usage.accepted.id") || u(i, "usage.id");
+      return /* @__PURE__ */ s.jsx(S, { to: "taxon", args: e, children: /* @__PURE__ */ s.jsx("span", { dangerouslySetInnerHTML: { __html: r } }) });
+    },
+    width: 200,
+    sorter: !0
+  },
+  {
+    title: "Status",
+    dataIndex: ["usage", "status"],
+    key: "status",
+    width: 200,
+    render: (r, i) => ["synonym", "ambiguous synonym", "misapplied"].includes(r) ? /* @__PURE__ */ s.jsxs(f.Fragment, { children: [
+      r,
+      " ",
+      r === "misapplied" ? "to " : "of ",
+      /* @__PURE__ */ s.jsx(
+        "span",
+        {
+          dangerouslySetInnerHTML: {
+            __html: u(i, "usage.accepted.labelHtml")
+          }
+        }
+      )
+    ] }, u(i, "usage.id")) : r
+  },
+  {
+    title: "Rank",
+    dataIndex: ["usage", "name", "rank"],
+    key: "rank",
+    width: 60,
+    sorter: !0
+  },
+  {
+    title: "Classification",
+    dataIndex: ["usage", "classification"],
+    key: "parents",
+    width: 180,
+    render: (r, i) => u(i, "classification") ? /* @__PURE__ */ s.jsx(
+      U,
+      {
+        classification: K(i.classification),
+        truncate: !0,
+        datasetKey: u(i, "usage.name.datasetKey")
+      },
+      u(i, "usage.id")
+    ) : ""
+  }
+];
+class zt extends f.Component {
+  constructor(e) {
+    super(e);
+    c(this, "componentDidMount", async () => {
+      this.parseParamsAndGetData();
+      const { datasetKey: e } = this.props;
+      try {
+        const { data: a } = await gt(e);
+        this.setState({
+          dataset: a,
+          datasetOrigin: ((a == null ? void 0 : a.origin) || "").toLowerCase()
+        });
+      } catch {
+      }
+      try {
+        const a = await ft();
+        this.setState({ taxGroups: a });
+      } catch {
+      }
+    });
+    c(this, "componentDidUpdate", (e) => {
+      At(e.filters, this.props.filters) || this.parseParamsAndGetData();
+    });
+    c(this, "getRank", () => {
+      j(`${b.dataApi}vocab/rank`).then(
+        (e) => this.setState({ rank: e.data.map((a) => a.name) })
+      );
+    });
+    c(this, "parseParamsAndGetData", () => {
+      const { defaultTaxonKey: e, filters: a } = this.props;
+      let l = { ...a || {} };
+      if (e && !l.TAXON_ID && (l.TAXON_ID = e), Tt(l)) {
+        l = { ...$ };
+        const o = xt(L, void 0);
+        o != null && (l.sectorMode = o), this.pushParams(l);
+      } else l.facet || (l.facet = W);
+      l.facetLimit || (l.facetLimit = Y), delete l.fuzzy, l.limit || (l.limit = y), l.offset || (l.offset = 0), this.setState(
+        {
+          params: l,
+          pagination: {
+            pageSize: l.limit || y,
+            current: Number(l.offset || 0) / Number(l.limit || y) + 1,
+            showQuickJumper: !0,
+            pageSizeOptions: [50, 100, 500, 1e3]
+          }
+        },
+        this.getData
+      );
+    });
+    c(this, "pushParams", (e) => {
+      const a = { ...e };
+      a.q || delete a.q, this.props.onFiltersChange && this.props.onFiltersChange(a);
+    });
+    c(this, "getData", () => {
+      const { params: e } = this.state;
+      this.setState({ loading: !0 });
+      const { datasetKey: a } = this.props, l = `${b.dataApi}dataset/${a}/nameusage/search`, o = u(e, "status") ? e : { ...e, status: "_NOT_NULL" };
+      j(`${l}?${Ct.stringify(o)}`).then((n) => {
+        const h = { ...this.state.pagination };
+        h.total = n.data.total, this.setState({
+          loading: !1,
+          data: n.data,
+          err: null,
+          pagination: h
+        });
+      }).catch((n) => {
+        this.setState({ loading: !1, error: n, data: [] });
+      });
+    });
+    c(this, "handleTableChange", (e, a, l) => {
+      let o = Et(this.state.params, {
+        limit: e.pageSize,
+        offset: (e.current - 1) * e.pageSize,
+        ...a
+      });
+      l && l.field && (l.field[l.field.length - 1] === "labelHtml" ? o.sortBy = "name" : l.field[l.field.length - 1] === "rank" ? o.sortBy = "taxonomic" : o.sortBy = l.field[l.field.length - 1]), l && l.order === "descend" ? o.reverse = !0 : o.reverse = !1, this.setState({ params: o }, () => this.pushParams(o));
+    });
+    c(this, "updateSearch", (e) => {
+      "sectorMode" in e && St(L, e.sectorMode);
+      let a = { ...this.state.params, offset: 0, limit: 50 };
+      $t(e, (o, n) => {
+        a[n] = o;
+      });
+      const l = Object.keys(a).reduce(
+        (o, n) => (a[n] !== null && (o[n] = a[n]), o),
+        {}
+      );
+      this.setState(
+        { params: l },
+        () => this.pushParams(l)
+      );
+    });
+    c(this, "resetSearch", () => {
+      this.setState(
+        {
+          params: $
+        },
+        () => this.pushParams($)
+      );
+    });
+    c(this, "toggleAdvancedFilters", () => {
+      this.setState({ advancedFilters: !this.state.advancedFilters });
+    });
+    this.state = {
+      data: [],
+      advancedFilters: !1,
+      columns: Pt(),
+      params: {},
+      taxGroups: [],
+      pagination: {
+        pageSize: y,
+        current: 1,
+        showQuickJumper: !0,
+        pageSizeOptions: [50, 100, 500, 1e3]
+      },
+      loading: !1,
+      dataset: null
+    };
+  }
+  render() {
+    var k;
+    const {
+      data: { result: e, facets: a },
+      loading: l,
+      error: o,
+      params: n,
+      pagination: h,
+      advancedFilters: d,
+      dataset: v,
+      taxGroups: Ut
+    } = this.state, { datasetKey: A, defaultTaxonKey: q, citation: N } = this.props, X = u(a, "rank") ? a.rank.map((t) => ({
+      value: t.value,
+      label: `${m(t.value)} (${t.count.toLocaleString("en-GB")})`
+    })) : null;
+    u(a, "issue") && a.issue.map((t) => ({
+      value: t.value,
+      label: `${m(t.value)} (${t.count.toLocaleString("en-GB")})`
+    }));
+    const Z = u(a, "status") ? a.status.map((t) => ({
+      value: t.value,
+      label: `${m(t.value)} (${t.count.toLocaleString("en-GB")})`
+    })) : null, J = u(a, "nomStatus") ? a.nomStatus.map((t) => ({
+      value: t.value,
+      label: `${m(t.value)} (${t.count.toLocaleString("en-GB")})`
+    })) : null, Q = u(a, "nameType") ? a.nameType.map((t) => ({
+      value: t.value,
+      label: `${m(t.value)} (${t.count.toLocaleString("en-GB")})`
+    })) : null, tt = u(a, "field") ? a.field.map((t) => ({
+      value: t.value,
+      label: `${m(t.value)} (${t.count.toLocaleString("en-GB")})`
+    })) : null, et = u(a, "authorship") ? a.authorship.map((t) => ({
+      value: t.value,
+      label: `${m(t.value)} (${t.count.toLocaleString("en-GB")})`
+    })) : [], at = (t) => t === "1" || t === !0 || t === "true" ? "Extinct" : t === "0" || t === !1 || t === "false" ? "Extant" : "Unknown", st = u(a, "extinct") ? a.extinct.map((t) => ({
+      value: t.value,
+      label: `${at(t == null ? void 0 : t.value)} (${t.count.toLocaleString("en-GB")})`
+    })) : [], nt = u(a, "environment") ? a.environment.map((t) => ({
+      value: t.value,
+      label: `${m(t.value)} (${t.count.toLocaleString("en-GB")})`
+    })) : [], lt = u(a, "group") ? a.group.map((t) => ({
+      value: t.value,
+      label: `${m(t.value)} (${t.count.toLocaleString("en-GB")})`
+    })) : [], it = u(a, "authorshipYear") ? a.authorshipYear.map((t) => ({
+      value: t.value,
+      label: `${t.value} (${t.count.toLocaleString("en-GB")})`
+    })) : [];
+    return /* @__PURE__ */ s.jsxs(
+      "div",
+      {
+        className: "catalogue-of-life",
+        style: {
+          padding: 24,
+          minHeight: 280,
+          margin: "16px 0"
+        },
+        children: [
+          N === "top" && v && /* @__PURE__ */ s.jsx(I, { dataset: v }),
+          /* @__PURE__ */ s.jsx(x, { children: o && /* @__PURE__ */ s.jsx(
+            yt,
+            {
+              style: { marginBottom: "10px" },
+              message: /* @__PURE__ */ s.jsx(Ot, { error: o }),
+              type: "error"
+            }
+          ) }),
+          /* @__PURE__ */ s.jsxs(x, { children: [
+            /* @__PURE__ */ s.jsxs(g, { xs: 24, sm: 24, md: 12, style: { marginBottom: "8px" }, children: [
+              /* @__PURE__ */ s.jsx(
+                Lt,
+                {
+                  defaultValue: u(this.props.filters || {}, "q"),
+                  onSearch: (t) => this.updateSearch({ q: t }),
+                  onResetSearch: (t) => this.updateSearch({ q: null }),
+                  style: { marginBottom: "8px", width: "100%" }
+                }
+              ),
+              /* @__PURE__ */ s.jsx(
+                wt,
+                {
+                  datasetKey: A,
+                  minRank: "GENUS",
+                  defaultTaxonKey: u(n, "TAXON_ID") || q || null,
+                  onSelectName: (t) => {
+                    this.updateSearch({ TAXON_ID: t.key });
+                  },
+                  onResetSearch: (t) => {
+                    this.updateSearch({ TAXON_ID: null });
+                  },
+                  placeHolder: "Filter by higher taxon",
+                  sortBy: "relevance",
+                  autoFocus: !1
+                }
+              ),
+              (this.state.datasetOrigin === "xrelease" || this.state.datasetOrigin === "release") && /* @__PURE__ */ s.jsx("div", { style: { marginTop: "8px", marginBottom: "8px" }, children: /* @__PURE__ */ s.jsx(
+                Kt,
+                {
+                  contributesTo: Number(A),
+                  onSelectDataset: (t) => {
+                    this.updateSearch({ SECTOR_DATASET_KEY: t.key });
+                  },
+                  defaultDatasetKey: u(n, "SECTOR_DATASET_KEY") || null,
+                  onResetSearch: (t) => {
+                    this.updateSearch({ SECTOR_DATASET_KEY: null });
+                  },
+                  placeHolder: "Filter by source dataset",
+                  autoFocus: !1
+                }
+              ) }),
+              /* @__PURE__ */ s.jsxs("div", { style: { marginTop: "10px" }, children: [
+                /* @__PURE__ */ s.jsx(C, { layout: "inline", children: /* @__PURE__ */ s.jsx(E, { label: "Matching", children: /* @__PURE__ */ s.jsx(
+                  F,
+                  {
+                    size: "small",
+                    onChange: (t) => {
+                      this.updateSearch({ type: t.target.value });
+                    },
+                    value: n.type || "WHOLE_WORDS",
+                    optionType: "button",
+                    options: [
+                      { value: "EXACT", label: "Exact" },
+                      { value: "WHOLE_WORDS", label: "Words" },
+                      { value: "PREFIX", label: "Prefix" },
+                      { value: "FUZZY", label: "Fuzzy" }
+                    ]
+                  }
+                ) }) }),
+                /* @__PURE__ */ s.jsxs(C, { layout: "inline", children: [
+                  (this.state.datasetOrigin === "xrelease" || this.state.datasetOrigin === "project") && /* @__PURE__ */ s.jsx(E, { label: "Content", children: /* @__PURE__ */ s.jsx(
+                    F,
+                    {
+                      style: { marginLeft: "8px" },
+                      size: "small",
+                      onChange: (t) => {
+                        this.updateSearch({ sectorMode: t.target.value.split(",").filter((ot) => ot !== "") });
+                      },
+                      value: O(n == null ? void 0 : n.sectorMode) ? (k = n == null ? void 0 : n.sectorMode) == null ? void 0 : k.join(",") : (n == null ? void 0 : n.sectorMode) || "",
+                      optionType: "button",
+                      options: [
+                        { value: "", label: "All" },
+                        { value: "attach,union", label: "Base" },
+                        { value: "merge", label: "Extended" }
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ s.jsx(E, { children: /* @__PURE__ */ s.jsx(
+                    _,
+                    {
+                      mode: "multiple",
+                      allowClear: !0,
+                      size: "small",
+                      style: { minWidth: 200 },
+                      placeholder: "Search fields",
+                      value: O(n == null ? void 0 : n.content) ? n.content : n != null && n.content ? [n.content] : [],
+                      onChange: (t) => this.updateSearch({ content: t.length ? t : null }),
+                      options: [
+                        { value: "SCIENTIFIC_NAME", label: "Scientific name" },
+                        { value: "AUTHORSHIP", label: "Authorship" },
+                        { value: "VERNACULAR_NAME", label: "Vernacular name" }
+                      ]
+                    }
+                  ) })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ s.jsxs(g, { xs: 24, sm: 24, md: 12, children: [
+              /* @__PURE__ */ s.jsx(
+                p,
+                {
+                  defaultValue: u(n, "rank"),
+                  onChange: (t) => this.updateSearch({ rank: t }),
+                  vocab: X || [],
+                  label: "Ranks"
+                }
+              ),
+              /* @__PURE__ */ s.jsx(
+                p,
+                {
+                  defaultValue: u(n, "status"),
+                  onChange: (t) => this.updateSearch({ status: t }),
+                  vocab: Z || [],
+                  label: "Status"
+                }
+              ),
+              /* @__PURE__ */ s.jsx(
+                p,
+                {
+                  defaultValue: u(n, "environment"),
+                  onChange: (t) => this.updateSearch({ environment: t }),
+                  vocab: nt,
+                  label: "Environment"
+                }
+              ),
+              /* @__PURE__ */ s.jsx(
+                p,
+                {
+                  onChange: (t) => this.updateSearch({ extinct: t }),
+                  vocab: st,
+                  label: "Extinct"
+                }
+              ),
+              d && /* @__PURE__ */ s.jsxs(f.Fragment, { children: [
+                /* @__PURE__ */ s.jsx(
+                  p,
+                  {
+                    defaultValue: u(n, "nomstatus"),
+                    onChange: (t) => this.updateSearch({ nomstatus: t }),
+                    vocab: J || [],
+                    label: "Nomenclatural status"
+                  }
+                ),
+                /* @__PURE__ */ s.jsx(
+                  p,
+                  {
+                    defaultValue: u(n, "nameType"),
+                    onChange: (t) => this.updateSearch({ nameType: t }),
+                    vocab: Q || [],
+                    label: "Name type"
+                  }
+                ),
+                /* @__PURE__ */ s.jsx(
+                  p,
+                  {
+                    defaultValue: u(n, "field"),
+                    onChange: (t) => this.updateSearch({ field: t }),
+                    vocab: tt || [],
+                    label: "Name field"
+                  }
+                ),
+                /* @__PURE__ */ s.jsx(
+                  p,
+                  {
+                    defaultValue: u(n, "authorship"),
+                    onChange: (t) => this.updateSearch({ authorship: t }),
+                    vocab: et,
+                    label: "Authorship"
+                  }
+                ),
+                /* @__PURE__ */ s.jsx(
+                  p,
+                  {
+                    defaultValue: u(n, "group"),
+                    onChange: (t) => this.updateSearch({ group: t }),
+                    vocab: lt,
+                    label: "Taxonomic group"
+                  }
+                ),
+                /* @__PURE__ */ s.jsx(
+                  p,
+                  {
+                    defaultValue: u(n, "authorshipYear"),
+                    onChange: (t) => this.updateSearch({ authorshipYear: t }),
+                    vocab: it,
+                    label: "Authorship year"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ s.jsx("div", { style: { textAlign: "right", marginBottom: "8px" }, children: /* @__PURE__ */ s.jsxs(
+                "a",
+                {
+                  style: { marginLeft: 8, fontSize: 12 },
+                  onClick: this.toggleAdvancedFilters,
+                  children: [
+                    "Advanced",
+                    " ",
+                    this.state.advancedFilters ? /* @__PURE__ */ s.jsx(H, {}) : /* @__PURE__ */ s.jsx(z, {})
+                  ]
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ s.jsxs(x, { children: [
+            /* @__PURE__ */ s.jsx(g, { span: 12, style: { textAlign: "left", marginBottom: "8px" }, children: /* @__PURE__ */ s.jsx(bt, { type: "primary", danger: !0, onClick: this.resetSearch, children: "Reset all" }) }),
+            /* @__PURE__ */ s.jsx(g, { span: 12, style: { textAlign: "right", marginBottom: "8px" }, children: h && !isNaN(h.total) && `results: ${h.total.toLocaleString("en-GB")}` })
+          ] }),
+          !o && /* @__PURE__ */ s.jsx(
+            jt,
+            {
+              size: "small",
+              columns: this.state.columns,
+              scroll: { x: "max-content" },
+              dataSource: e,
+              loading: l,
+              pagination: this.state.pagination,
+              onChange: this.handleTableChange,
+              rowKey: (t) => t.usage.id,
+              showSorterTooltip: !1,
+              expandedRowRender: (t) => /* @__PURE__ */ s.jsx(
+                Gt,
+                {
+                  ...t,
+                  datasetKey: A
+                }
+              )
+            }
+          ),
+          N === "bottom" && v && /* @__PURE__ */ s.jsx(I, { dataset: v })
+        ]
+      }
+    );
+  }
+}
+function Ht({
+  datasetKey: r,
+  filters: i,
+  onFiltersChange: e,
+  defaultTaxonKey: a,
+  citation: l,
+  auth: o,
+  ...n
+}) {
+  return dt(o), /* @__PURE__ */ s.jsx(pt.Provider, { value: mt(n), children: /* @__PURE__ */ s.jsx(
+    zt,
+    {
+      datasetKey: r,
+      filters: i,
+      onFiltersChange: e,
+      defaultTaxonKey: a,
+      citation: l
+    }
+  ) });
+}
+const ce = ht(ct(Ht));
+export {
+  ce as Search
+};
+//# sourceMappingURL=search.js.map