col-browser 2.0.0 → 2.1.0

package/es/search.js

@@ -0,0 +1,803 @@
+var ot = Object.defineProperty;
+var rt = (r, i, a) => i in r ? ot(r, i, { enumerable: !0, configurable: !0, writable: !0, value: a }) : r[i] = a;
+var c = (r, i, a) => rt(r, typeof i != "symbol" ? i + "" : i, a);
+import { a as ut } from "./chunks/withDatasetKey-BgMY05XE.js";
+import { c as j, w as ct } from "./chunks/config-BPRXv9x8.js";
+import { j as s } from "./chunks/jsx-runtime-BzflLqGi.js";
+import * as A from "react";
+import f from "react";
+import { L as S, c as C, s as ht, R as dt, b as pt } from "./chunks/router-CssZk5qZ.js";
+import { a as mt } from "./chunks/dataset-DvQG4NjA.js";
+import { a as gt } from "./chunks/enumeration-yDQXSZsf.js";
+import { Input as F, Form as D, Select as k, Row as x, Col as g, AutoComplete as V, Radio as ft, Alert as xt, Button as St, Table as vt } from "antd";
+import yt from "query-string";
+import { isArray as O, startCase as m, snakeCase as _, get as u, initial as G, debounce as bt, isEqual as jt, isEmpty as Ct, merge as Dt, forEach as At } from "lodash-es";
+import { E as Tt } from "./chunks/ErrorMsg-K8k5PPTp.js";
+import { C as N, N as $t } from "./chunks/DatasetCitation-bkPmDDYB.js";
+import Et from "react-highlight-words";
+import { M as Ot } from "./chunks/MergedDataBadge-DsTsn5Xu.js";
+import { I as K } from "./chunks/AntdIcon-B1nMlqyh.js";
+var Rt = { 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 R() {
+  return R = Object.assign ? Object.assign.bind() : function(r) {
+    for (var i = 1; i < arguments.length; i++) {
+      var a = arguments[i];
+      for (var e in a)
+        Object.prototype.hasOwnProperty.call(a, e) && (r[e] = a[e]);
+    }
+    return r;
+  }, R.apply(this, arguments);
+}
+const wt = (r, i) => /* @__PURE__ */ A.createElement(K, R({}, r, {
+  ref: i,
+  icon: Rt
+})), P = /* @__PURE__ */ A.forwardRef(wt);
+process.env.NODE_ENV !== "production" && (P.displayName = "DownOutlined");
+var kt = { 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 w() {
+  return w = Object.assign ? Object.assign.bind() : function(r) {
+    for (var i = 1; i < arguments.length; i++) {
+      var a = arguments[i];
+      for (var e in a)
+        Object.prototype.hasOwnProperty.call(a, e) && (r[e] = a[e]);
+    }
+    return r;
+  }, w.apply(this, arguments);
+}
+const Bt = (r, i) => /* @__PURE__ */ A.createElement(K, w({}, r, {
+  ref: i,
+  icon: kt
+})), z = /* @__PURE__ */ A.forwardRef(Bt);
+process.env.NODE_ENV !== "production" && (z.displayName = "UpOutlined");
+const $ = ["family", "superfamily", "order", "subclass", "class", "superclass", "subphylum", "phylum"], H = ({ classification: r, maxParents: i = r.length, truncate: a }) => {
+  const e = r.slice(Math.max(r.length - i));
+  if (a) {
+    const l = r.reduce((h, d) => (h[d.rank] = d, h), {}), o = l.kingdom;
+    let n;
+    for (let h = 0; h < $.length; h++)
+      if (l[$[h]]) {
+        n = l[$[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 e.map((l, o) => /* @__PURE__ */ s.jsxs(f.Fragment, { children: [
+      /* @__PURE__ */ s.jsx(S, { to: "taxon", args: l.id, children: l.name }),
+      !Object.is(e.length - 1, o) && " > "
+    ] }, o));
+}, It = F.Search;
+class _t extends f.Component {
+  constructor(a) {
+    super(a);
+    c(this, "componentDidMount", () => {
+      this.props.defaultValue && this.setState({ search: this.props.defaultValue });
+    });
+    c(this, "componentDidUpdate", (a) => {
+      a.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(
+      It,
+      {
+        style: this.props.style || null,
+        placeholder: "Search query",
+        value: this.state.search,
+        onSearch: (a) => this.props.onSearch(this.state.search),
+        onChange: (a) => this.setState({ search: a.target.value }),
+        addonAfter: this.props.addonAfter,
+        allowClear: !0,
+        autoFocus: !0
+      }
+    ));
+    this.state = {
+      search: ""
+    };
+  }
+}
+const Nt = D.Item, L = k.Option, Lt = {
+  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(a) {
+    super(a);
+    c(this, "handleChange", (a) => {
+      this.setState({ selected: a }, () => {
+        this.props.onChange(a);
+      });
+    });
+    c(this, "render", () => {
+      const { defaultValue: a, label: e, vocab: l } = this.props, { randomID: o } = this.state, n = /* @__PURE__ */ new Set([...l.map((d) => d.value)]);
+      let h;
+      return a && O(a) ? h = a.filter((d) => n.has(d)) : a && (h = [a].filter((d) => n.has(d))), /* @__PURE__ */ s.jsx(
+        Nt,
+        {
+          ...Lt,
+          label: e,
+          style: { marginBottom: "8px", width: "100%" },
+          children: /* @__PURE__ */ s.jsx("div", { id: `${_(e)}_${o}`, children: /* @__PURE__ */ s.jsx(
+            k,
+            {
+              showSearch: !0,
+              mode: "multiple",
+              placeholder: "Please select",
+              value: h,
+              onChange: this.handleChange,
+              getPopupContainer: () => document.getElementById(`${_(e)}_${o}`),
+              children: l.map((d) => typeof d == "string" ? /* @__PURE__ */ s.jsx(L, { value: d, children: m(d) }, d) : /* @__PURE__ */ s.jsx(L, { 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 Mt = ({ issues: r, usage: i, classification: a, vernacularNames: e, 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") })
+  ] }),
+  a && /* @__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(
+      H,
+      {
+        classification: G(a)
+      }
+    ) })
+  ] }),
+  e && /* @__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: e.slice(0, 8).map((o) => o.name).join(", ") })
+  ] })
+] });
+V.Option;
+class Ft extends f.Component {
+  constructor(a) {
+    super(a);
+    c(this, "componentDidMount", () => {
+      const { defaultDatasetKey: a } = this.props;
+      a && this.setDefaultValue(a);
+    });
+    c(this, "componentDidUpdate", (a) => {
+      const { defaultDatasetKey: e } = this.props;
+      e && e !== a.defaultDatasetKey ? this.setDefaultValue(e) : a.defaultDatasetKey && !e && this.setState({ value: "" });
+    });
+    c(this, "setDefaultValue", (a) => {
+      C(`${j.dataApi}dataset/${a}`).then((e) => {
+        this.setState({ value: u(e, "data.title") || "" }), this.props.onSelectDataset(e.data);
+      });
+    });
+    c(this, "getDatasets", (a) => {
+      const { contributesTo: e } = this.props;
+      C(`${j.dataApi}dataset?q=${a}&limit=30${e ? "&contributesTo=" + e : ""}`).then((l) => {
+        this.setState({ datasets: l.data.result });
+      }).catch((l) => {
+        this.setState({ datasets: [], err: l });
+      });
+    });
+    c(this, "onSelectDataset", (a, e) => {
+      this.setState({ value: a }), this.props.onSelectDataset({ key: e.key, title: a });
+    });
+    c(this, "onReset", () => {
+      this.setState({ value: "", names: [] }, this.props.onResetSearch);
+    });
+    c(this, "render", () => {
+      const { value: a, randomID: e } = 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(
+            Et,
+            {
+              highlightStyle: { fontWeight: "bold", padding: 0 },
+              searchWords: a.split(" "),
+              autoEscape: !0,
+              textToHighlight: h
+            }
+          ),
+          data: n
+        };
+      }) : [];
+      return /* @__PURE__ */ s.jsx("div", { id: `dataset_autocomplete_${e}`, children: /* @__PURE__ */ s.jsx(
+        V,
+        {
+          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: a,
+          getPopupContainer: () => document.getElementById(`dataset_autocomplete_${e}`),
+          children: /* @__PURE__ */ s.jsx(F.Search, { allowClear: !0 })
+        }
+      ) });
+    });
+    this.getDatasets = bt(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 E = D.Item, M = ft.Group, U = [
+  "rank",
+  "issue",
+  "status",
+  "nomStatus",
+  "nameType",
+  "field",
+  "authorship",
+  "extinct",
+  "environment",
+  "group",
+  "authorshipYear"
+], y = 50, W = 50, b = {
+  limit: 50,
+  offset: 0,
+  facet: U,
+  //["rank", "issue", "status", "nomStatus", "nameType", "field"],
+  facetLimit: W,
+  sortBy: "relevance"
+}, Vt = () => [
+  {
+    title: "",
+    dataIndex: ["usage", "merged"],
+    key: "merged",
+    width: 12,
+    render: (r, i) => {
+      var a, e, l;
+      return (a = i == null ? void 0 : i.usage) != null && a.merged ? /* @__PURE__ */ s.jsx(Ot, { datasetKey: (e = i == null ? void 0 : i.usage) == null ? void 0 : e.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 a = u(i, "usage.accepted.id") || u(i, "usage.id");
+      return /* @__PURE__ */ s.jsx(S, { to: "taxon", args: a, 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(
+      H,
+      {
+        classification: G(i.classification),
+        truncate: !0,
+        datasetKey: u(i, "usage.name.datasetKey")
+      },
+      u(i, "usage.id")
+    ) : ""
+  }
+];
+class Gt extends f.Component {
+  constructor(a) {
+    super(a);
+    c(this, "componentDidMount", async () => {
+      this.parseParamsAndGetData();
+      const { datasetKey: a } = this.props;
+      try {
+        const { data: e } = await mt(a);
+        this.setState({
+          dataset: e,
+          datasetOrigin: ((e == null ? void 0 : e.origin) || "").toLowerCase()
+        });
+      } catch {
+      }
+      try {
+        const e = await gt();
+        this.setState({ taxGroups: e });
+      } catch {
+      }
+    });
+    c(this, "componentDidUpdate", (a) => {
+      jt(a.filters, this.props.filters) || this.parseParamsAndGetData();
+    });
+    c(this, "getRank", () => {
+      C(`${j.dataApi}vocab/rank`).then(
+        (a) => this.setState({ rank: a.data.map((e) => e.name) })
+      );
+    });
+    c(this, "parseParamsAndGetData", () => {
+      const { defaultTaxonKey: a, filters: e } = this.props;
+      let l = { ...e || {} };
+      a && !l.TAXON_ID && (l.TAXON_ID = a), Ct(l) ? (l = b, this.pushParams(b)) : l.facet || (l.facet = U), l.facetLimit || (l.facetLimit = W), 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", (a) => {
+      const e = { ...a };
+      e.q || delete e.q, this.props.onFiltersChange && this.props.onFiltersChange(e);
+    });
+    c(this, "getData", () => {
+      const { params: a } = this.state;
+      this.setState({ loading: !0 });
+      const { datasetKey: e } = this.props, l = `${j.dataApi}dataset/${e}/nameusage/search`, o = u(a, "status") ? a : { ...a, status: "_NOT_NULL" };
+      C(`${l}?${yt.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", (a, e, l) => {
+      let o = Dt(this.state.params, {
+        limit: a.pageSize,
+        offset: (a.current - 1) * a.pageSize,
+        ...e
+      });
+      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", (a) => {
+      let e = { ...this.state.params, offset: 0, limit: 50 };
+      At(a, (o, n) => {
+        e[n] = o;
+      });
+      const l = Object.keys(e).reduce(
+        (o, n) => (e[n] !== null && (o[n] = e[n]), o),
+        {}
+      );
+      this.setState(
+        { params: l },
+        () => this.pushParams(l)
+      );
+    });
+    c(this, "resetSearch", () => {
+      this.setState(
+        {
+          params: b
+        },
+        () => this.pushParams(b)
+      );
+    });
+    c(this, "toggleAdvancedFilters", () => {
+      this.setState({ advancedFilters: !this.state.advancedFilters });
+    });
+    this.state = {
+      data: [],
+      advancedFilters: !1,
+      columns: Vt(),
+      params: {},
+      taxGroups: [],
+      pagination: {
+        pageSize: y,
+        current: 1,
+        showQuickJumper: !0,
+        pageSizeOptions: [50, 100, 500, 1e3]
+      },
+      loading: !1,
+      dataset: null
+    };
+  }
+  render() {
+    var I;
+    const {
+      data: { result: a, facets: e },
+      loading: l,
+      error: o,
+      params: n,
+      pagination: h,
+      advancedFilters: d,
+      dataset: v,
+      taxGroups: Pt
+    } = this.state, { datasetKey: T, defaultTaxonKey: Y, citation: B } = this.props, q = u(e, "rank") ? e.rank.map((t) => ({
+      value: t.value,
+      label: `${m(t.value)} (${t.count.toLocaleString("en-GB")})`
+    })) : null;
+    u(e, "issue") && e.issue.map((t) => ({
+      value: t.value,
+      label: `${m(t.value)} (${t.count.toLocaleString("en-GB")})`
+    }));
+    const X = u(e, "status") ? e.status.map((t) => ({
+      value: t.value,
+      label: `${m(t.value)} (${t.count.toLocaleString("en-GB")})`
+    })) : null, Z = u(e, "nomStatus") ? e.nomStatus.map((t) => ({
+      value: t.value,
+      label: `${m(t.value)} (${t.count.toLocaleString("en-GB")})`
+    })) : null, J = u(e, "nameType") ? e.nameType.map((t) => ({
+      value: t.value,
+      label: `${m(t.value)} (${t.count.toLocaleString("en-GB")})`
+    })) : null, Q = u(e, "field") ? e.field.map((t) => ({
+      value: t.value,
+      label: `${m(t.value)} (${t.count.toLocaleString("en-GB")})`
+    })) : null, tt = u(e, "authorship") ? e.authorship.map((t) => ({
+      value: t.value,
+      label: `${m(t.value)} (${t.count.toLocaleString("en-GB")})`
+    })) : [], et = (t) => t === "1" || t === !0 || t === "true" ? "Extinct" : t === "0" || t === !1 || t === "false" ? "Extant" : "Unknown", at = u(e, "extinct") ? e.extinct.map((t) => ({
+      value: t.value,
+      label: `${et(t == null ? void 0 : t.value)} (${t.count.toLocaleString("en-GB")})`
+    })) : [], st = u(e, "environment") ? e.environment.map((t) => ({
+      value: t.value,
+      label: `${m(t.value)} (${t.count.toLocaleString("en-GB")})`
+    })) : [], nt = u(e, "group") ? e.group.map((t) => ({
+      value: t.value,
+      label: `${m(t.value)} (${t.count.toLocaleString("en-GB")})`
+    })) : [], lt = u(e, "authorshipYear") ? e.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: [
+          B === "top" && v && /* @__PURE__ */ s.jsx(N, { dataset: v }),
+          /* @__PURE__ */ s.jsx(x, { children: o && /* @__PURE__ */ s.jsx(
+            xt,
+            {
+              style: { marginBottom: "10px" },
+              message: /* @__PURE__ */ s.jsx(Tt, { 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(
+                _t,
+                {
+                  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(
+                $t,
+                {
+                  datasetKey: T,
+                  minRank: "GENUS",
+                  defaultTaxonKey: u(n, "TAXON_ID") || Y || 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(
+                Ft,
+                {
+                  contributesTo: Number(T),
+                  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(D, { layout: "inline", children: /* @__PURE__ */ s.jsx(E, { label: "Matching", children: /* @__PURE__ */ s.jsx(
+                  M,
+                  {
+                    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(D, { layout: "inline", children: [
+                  (this.state.datasetOrigin === "xrelease" || this.state.datasetOrigin === "project") && /* @__PURE__ */ s.jsx(E, { label: "Content", children: /* @__PURE__ */ s.jsx(
+                    M,
+                    {
+                      style: { marginLeft: "8px" },
+                      size: "small",
+                      onChange: (t) => {
+                        this.updateSearch({ sectorMode: t.target.value.split(",").filter((it) => it !== "") });
+                      },
+                      value: O(n == null ? void 0 : n.sectorMode) ? (I = n == null ? void 0 : n.sectorMode) == null ? void 0 : I.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(
+                    k,
+                    {
+                      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: q || [],
+                  label: "Ranks"
+                }
+              ),
+              /* @__PURE__ */ s.jsx(
+                p,
+                {
+                  defaultValue: u(n, "status"),
+                  onChange: (t) => this.updateSearch({ status: t }),
+                  vocab: X || [],
+                  label: "Status"
+                }
+              ),
+              /* @__PURE__ */ s.jsx(
+                p,
+                {
+                  defaultValue: u(n, "environment"),
+                  onChange: (t) => this.updateSearch({ environment: t }),
+                  vocab: st,
+                  label: "Environment"
+                }
+              ),
+              /* @__PURE__ */ s.jsx(
+                p,
+                {
+                  onChange: (t) => this.updateSearch({ extinct: t }),
+                  vocab: at,
+                  label: "Extinct"
+                }
+              ),
+              d && /* @__PURE__ */ s.jsxs(f.Fragment, { children: [
+                /* @__PURE__ */ s.jsx(
+                  p,
+                  {
+                    defaultValue: u(n, "nomstatus"),
+                    onChange: (t) => this.updateSearch({ nomstatus: t }),
+                    vocab: Z || [],
+                    label: "Nomenclatural status"
+                  }
+                ),
+                /* @__PURE__ */ s.jsx(
+                  p,
+                  {
+                    defaultValue: u(n, "nameType"),
+                    onChange: (t) => this.updateSearch({ nameType: t }),
+                    vocab: J || [],
+                    label: "Name type"
+                  }
+                ),
+                /* @__PURE__ */ s.jsx(
+                  p,
+                  {
+                    defaultValue: u(n, "field"),
+                    onChange: (t) => this.updateSearch({ field: t }),
+                    vocab: Q || [],
+                    label: "Name field"
+                  }
+                ),
+                /* @__PURE__ */ s.jsx(
+                  p,
+                  {
+                    defaultValue: u(n, "authorship"),
+                    onChange: (t) => this.updateSearch({ authorship: t }),
+                    vocab: tt,
+                    label: "Authorship"
+                  }
+                ),
+                /* @__PURE__ */ s.jsx(
+                  p,
+                  {
+                    defaultValue: u(n, "group"),
+                    onChange: (t) => this.updateSearch({ group: t }),
+                    vocab: nt,
+                    label: "Taxonomic group"
+                  }
+                ),
+                /* @__PURE__ */ s.jsx(
+                  p,
+                  {
+                    defaultValue: u(n, "authorshipYear"),
+                    onChange: (t) => this.updateSearch({ authorshipYear: t }),
+                    vocab: lt,
+                    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(z, {}) : /* @__PURE__ */ s.jsx(P, {})
+                  ]
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ s.jsxs(x, { children: [
+            /* @__PURE__ */ s.jsx(g, { span: 12, style: { textAlign: "left", marginBottom: "8px" }, children: /* @__PURE__ */ s.jsx(St, { 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(
+            vt,
+            {
+              size: "small",
+              columns: this.state.columns,
+              scroll: { x: "max-content" },
+              dataSource: a,
+              loading: l,
+              pagination: this.state.pagination,
+              onChange: this.handleTableChange,
+              rowKey: (t) => t.usage.id,
+              showSorterTooltip: !1,
+              expandedRowRender: (t) => /* @__PURE__ */ s.jsx(
+                Mt,
+                {
+                  ...t,
+                  datasetKey: T
+                }
+              )
+            }
+          ),
+          B === "bottom" && v && /* @__PURE__ */ s.jsx(N, { dataset: v })
+        ]
+      }
+    );
+  }
+}
+function Kt({
+  datasetKey: r,
+  filters: i,
+  onFiltersChange: a,
+  defaultTaxonKey: e,
+  citation: l,
+  auth: o,
+  ...n
+}) {
+  return ht(o), /* @__PURE__ */ s.jsx(dt.Provider, { value: pt(n), children: /* @__PURE__ */ s.jsx(
+    Gt,
+    {
+      datasetKey: r,
+      filters: i,
+      onFiltersChange: a,
+      defaultTaxonKey: e,
+      citation: l
+    }
+  ) });
+}
+const ie = ct(ut(Kt));
+export {
+  ie as Search
+};
+//# sourceMappingURL=search.js.map