col-browser 2.3.9 → 2.4.0

package/es/tree.js

@@ -1,158 +1,159 @@
-var J = Object.defineProperty;
-var Q = (m, x, e) => x in m ? J(m, x, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[x] = e;
-var p = (m, x, e) => Q(m, typeof x != "symbol" ? x + "" : x, e);
-import { a as X } from "./chunks/withDatasetKey-BgMY05XE.js";
-import { c as T, w as Y } from "./chunks/config-B2Z9BaEd.js";
-import { j as t } from "./chunks/jsx-runtime-BzflLqGi.js";
-import j, { createContext as ee } from "react";
-import { Popover as te, Divider as se, Spin as R, Tag as ae, Alert as b, Skeleton as oe, Tree as ne, Button as ie, Row as re, Col as v, Checkbox as $ } from "antd";
-import { sortBy as N, get as y, isUndefined as I, flatten as le, isArray as A } from "lodash-es";
-import { L, c as D, R as U, s as de, b as he } from "./chunks/router-CssZk5qZ.js";
-import S from "dataloader";
-import { c as W, b as H, g as ce } from "./chunks/dataset-BuF063rn.js";
-import { M as pe } from "./chunks/MergedDataBadge-DK4XUXsL.js";
-import { E as ue } from "./chunks/ErrorMsg-K8k5PPTp.js";
-import { g as fe } from "./chunks/sector-Behb-WCC.js";
-import { C as F, N as xe } from "./chunks/DatasetCitation-JpNSTWz-.js";
-import { r as O, w as M } from "./chunks/storage-BgdCo9fV.js";
-const w = ee({
+var Y = Object.defineProperty;
+var tt = (x, y, t) => y in x ? Y(x, y, { enumerable: !0, configurable: !0, writable: !0, value: t }) : x[y] = t;
+var u = (x, y, t) => tt(x, typeof y != "symbol" ? y + "" : y, t);
+import { a as et } from "./chunks/withDatasetKey-BgMY05XE.js";
+import { w as st } from "./chunks/withTheme-Dh6PRuII.js";
+import { j as e } from "./chunks/jsx-runtime-BzflLqGi.js";
+import j, { createContext as at } from "react";
+import { Popover as ot, Divider as it, Spin as q, Tag as nt, Alert as w, Skeleton as rt, Tree as lt, Button as dt, Row as ht, Col as I, Checkbox as N } from "antd";
+import { sortBy as _, get as m, isUndefined as A, flatten as ct, isArray as O } from "lodash-es";
+import { L as P, c as K, R as H, s as ut, b as pt } from "./chunks/router-CssZk5qZ.js";
+import { c as D } from "./chunks/config-D1NH4DTr.js";
+import L from "dataloader";
+import { c as V, b as z, g as ft } from "./chunks/dataset-BL6g4w0G.js";
+import { M as xt } from "./chunks/MergedDataBadge-C1CgoRFz.js";
+import { E as gt } from "./chunks/ErrorMsg-K8k5PPTp.js";
+import { g as yt } from "./chunks/sector-Qeo1zPxr.js";
+import { C as R, N as mt } from "./chunks/DatasetCitation-BXtAmjdZ.js";
+import { r as F, w as M } from "./chunks/storage-BgdCo9fV.js";
+const E = at({
   datasetLoader: null,
   publisherLoader: null
-}), B = (m) => ({
-  datasetLoader: new S((x) => H(x, m)),
-  publisherLoader: new S(
-    (x) => W(x, m)
+}), B = (x) => ({
+  datasetLoader: new L((y) => z(y, x)),
+  publisherLoader: new L(
+    (y) => V(y, x)
   )
 });
-class V extends j.Component {
-  constructor(e) {
-    super(e);
+class G extends j.Component {
+  constructor(t) {
+    super(t);
     // Returns the shared cache from TreeCacheContext if available, or a
     // throwaway local DataLoader so the popover still works even if context
     // doesn't reach this instance (which used to leave the spinner stuck
     // because getData early-returned with no loading state set).
-    p(this, "getDatasetLoader", () => {
-      var s;
-      const { datasetKey: e } = this.props;
-      return (s = this.context) != null && s.datasetLoader ? this.context.datasetLoader : (this._localDatasetLoader || (this._localDatasetLoader = new S(
-        (o) => H(o, e)
+    u(this, "getDatasetLoader", () => {
+      var a;
+      const { datasetKey: t } = this.props;
+      return (a = this.context) != null && a.datasetLoader ? this.context.datasetLoader : (this._localDatasetLoader || (this._localDatasetLoader = new L(
+        (o) => z(o, t)
       )), this._localDatasetLoader);
     });
-    p(this, "getPublisherLoader", () => {
-      var s;
-      const { datasetKey: e } = this.props;
-      return (s = this.context) != null && s.publisherLoader ? this.context.publisherLoader : (this._localPublisherLoader || (this._localPublisherLoader = new S(
-        (o) => W(o, e)
+    u(this, "getPublisherLoader", () => {
+      var a;
+      const { datasetKey: t } = this.props;
+      return (a = this.context) != null && a.publisherLoader ? this.context.publisherLoader : (this._localPublisherLoader || (this._localPublisherLoader = new L(
+        (o) => V(o, t)
       )), this._localPublisherLoader);
     });
-    p(this, "componentDidMount", () => {
-      const { sourceDatasetKeys: e } = this.props;
-      e && e.length < 4 && this.setState({ showInNode: !0 }, this.getData);
+    u(this, "componentDidMount", () => {
+      const { sourceDatasetKeys: t } = this.props;
+      t && t.length < 4 && this.setState({ showInNode: !0 }, this.getData);
     });
-    p(this, "getData", () => {
-      const { sourceDatasetKeys: e } = this.props;
-      if (!(e != null && e.length)) return;
+    u(this, "getData", () => {
+      const { sourceDatasetKeys: t } = this.props;
+      if (!(t != null && t.length)) return;
       this.setState({ loading: !0 });
-      const s = this.getDatasetLoader();
+      const a = this.getDatasetLoader();
       Promise.all(
-        e.map((o) => s.load(o).catch(() => null))
+        t.map((o) => a.load(o).catch(() => null))
       ).then((o) => {
-        this.setState({ data: N(o, ["alias"]), loading: !1 });
+        this.setState({ data: _(o, ["alias"]), loading: !1 });
       }).catch(() => {
         this.setState({ data: [], loading: !1 });
       });
     });
-    p(this, "getPublisherData", () => {
-      const { publisherDatasetKeys: e } = this.props;
-      if (!e) return;
-      const s = this.getPublisherLoader();
+    u(this, "getPublisherData", () => {
+      const { publisherDatasetKeys: t } = this.props;
+      if (!t) return;
+      const a = this.getPublisherLoader();
       Promise.all(
-        Object.keys(e).map(
-          (o) => s.load(o).then((r) => ({
+        Object.keys(t).map(
+          (o) => a.load(o).then((r) => ({
             ...r,
-            datasets: e[o]
+            datasets: t[o]
           })).catch(() => null)
         )
       ).then((o) => {
-        this.setState({ publishers: N(o.filter(Boolean), ["alias"]) });
+        this.setState({ publishers: _(o.filter(Boolean), ["alias"]) });
       }).catch(() => {
         this.setState({ publishers: [] });
       });
     });
-    p(this, "render", () => {
-      const { data: e, showInNode: s, popOverVisible: o, loading: r } = this.state, { taxon: h, datasetKey: c } = this.props, n = { color: "orange", fontSize: "11px" }, f = (a) => `${T.clbPortal}/dataset/${c}/publisher/${a}`;
-      return s ? e.filter((a) => !!a).map((a, l) => /* @__PURE__ */ t.jsx(
-        L,
+    u(this, "render", () => {
+      const { data: t, showInNode: a, popOverVisible: o, loading: r } = this.state, { taxon: l, datasetKey: d } = this.props, i = { color: "orange", fontSize: "11px" }, f = (s) => `${D.clbPortal}/dataset/${d}/publisher/${s}`;
+      return a ? t.filter((s) => !!s).map((s, n) => /* @__PURE__ */ e.jsx(
+        P,
         {
           to: "source",
-          args: a.key,
+          args: s.key,
           className: "col-tree-data-source",
-          style: n,
-          children: (l ? ", " : "") + (a.alias || a.key)
+          style: i,
+          children: (n ? ", " : "") + (s.alias || s.key)
         },
-        a.key
-      )) : /* @__PURE__ */ t.jsx("div", { style: { display: "inline" }, id: `taxon_sources_${h.id}`, children: /* @__PURE__ */ t.jsx(
-        te,
+        s.key
+      )) : /* @__PURE__ */ e.jsx("div", { style: { display: "inline" }, id: `taxon_sources_${l.id}`, children: /* @__PURE__ */ e.jsx(
+        ot,
         {
-          getPopupContainer: () => document.getElementById(`taxon_sources_${h.id}`),
-          content: r || e.length === 0 ? /* @__PURE__ */ t.jsx(
+          getPopupContainer: () => document.getElementById(`taxon_sources_${l.id}`),
+          content: r || t.length === 0 ? /* @__PURE__ */ e.jsx(
             "div",
             {
               style: { minWidth: "200px", textAlign: "center", padding: "8px 0" },
-              children: /* @__PURE__ */ t.jsx(R, { size: "small" })
+              children: /* @__PURE__ */ e.jsx(q, { size: "small" })
             }
-          ) : /* @__PURE__ */ t.jsxs("div", { style: { maxWidth: "500px" }, children: [
-            e.length > 0 && /* @__PURE__ */ t.jsx("div", { children: e.filter((a) => !!a).map((a, l) => /* @__PURE__ */ t.jsx(
-              L,
+          ) : /* @__PURE__ */ e.jsxs("div", { style: { maxWidth: "500px" }, children: [
+            t.length > 0 && /* @__PURE__ */ e.jsx("div", { children: t.filter((s) => !!s).map((s, n) => /* @__PURE__ */ e.jsx(
+              P,
               {
                 to: "source",
-                args: a.key,
+                args: s.key,
                 className: "col-tree-data-source",
-                style: n,
-                children: (l ? ", " : "") + (a.alias || a.key)
+                style: i,
+                children: (n ? ", " : "") + (s.alias || s.key)
               },
-              a.key
+              s.key
             )) }),
-            this.state.publishers && this.state.publishers.length > 0 && /* @__PURE__ */ t.jsxs("div", { style: { marginTop: "12px" }, children: [
-              /* @__PURE__ */ t.jsx("strong", { children: "Publishers" }),
-              /* @__PURE__ */ t.jsx("div", { children: this.state.publishers.filter((a) => !!a).map((a, l) => {
-                var u;
-                return /* @__PURE__ */ t.jsxs(
+            this.state.publishers && this.state.publishers.length > 0 && /* @__PURE__ */ e.jsxs("div", { style: { marginTop: "12px" }, children: [
+              /* @__PURE__ */ e.jsx("strong", { children: "Publishers" }),
+              /* @__PURE__ */ e.jsx("div", { children: this.state.publishers.filter((s) => !!s).map((s, n) => {
+                var p;
+                return /* @__PURE__ */ e.jsxs(
                   "a",
                   {
-                    href: f(a.id),
+                    href: f(s.id),
                     target: "_blank",
                     rel: "noopener noreferrer",
-                    style: n,
+                    style: i,
                     children: [
-                      (l ? ", " : "") + (a.alias || a.id),
-                      (u = a.datasets) != null && u.length ? ` (${a.datasets.length.toLocaleString("en-GB")})` : ""
+                      (n ? ", " : "") + (s.alias || s.id),
+                      (p = s.datasets) != null && p.length ? ` (${s.datasets.length.toLocaleString("en-GB")})` : ""
                     ]
                   },
-                  a.id
+                  s.id
                 );
               }) })
             ] })
           ] }),
-          title: /* @__PURE__ */ t.jsxs("div", { style: { padding: "4px 0" }, children: [
-            /* @__PURE__ */ t.jsx("span", { style: { fontWeight: 500 }, children: "Sources for " }),
-            /* @__PURE__ */ t.jsx("em", { children: h == null ? void 0 : h.name }),
-            /* @__PURE__ */ t.jsx(se, { style: { margin: "8px 0 0" } })
+          title: /* @__PURE__ */ e.jsxs("div", { style: { padding: "4px 0" }, children: [
+            /* @__PURE__ */ e.jsx("span", { style: { fontWeight: 500 }, children: "Sources for " }),
+            /* @__PURE__ */ e.jsx("em", { children: l == null ? void 0 : l.name }),
+            /* @__PURE__ */ e.jsx(it, { style: { margin: "8px 0 0" } })
           ] }),
           open: o,
-          onOpenChange: (a) => this.setState({ popOverVisible: a }, () => {
-            a && this.state.data.length === 0 && this.getData(), a && this.props.publisherDatasetKeys && !this.state.publishers && this.getPublisherData();
+          onOpenChange: (s) => this.setState({ popOverVisible: s }, () => {
+            s && this.state.data.length === 0 && this.getData(), s && this.props.publisherDatasetKeys && !this.state.publishers && this.getPublisherData();
           }),
           trigger: "click",
           placement: "rightTop",
-          children: /* @__PURE__ */ t.jsx(
+          children: /* @__PURE__ */ e.jsx(
             "a",
             {
               className: "col-tree-data-source",
               role: "button",
               tabIndex: 0,
               style: { cursor: "pointer", color: "orange", fontSize: "11px" },
-              onClick: (a) => a.preventDefault(),
+              onClick: (s) => s.preventDefault(),
               children: "Multiple sources"
             }
           )
@@ -166,44 +167,44 @@ class V extends j.Component {
     };
   }
 }
-p(V, "contextType", w);
-const z = j.createContext();
+u(G, "contextType", E);
+const X = j.createContext();
 class k extends j.Component {
-  constructor(e) {
-    super(e);
-    p(this, "rankIsAboveSpecies", (e) => this.props.rank.indexOf(e) < this.props.rank.indexOf("species"));
-    p(this, "render", () => {
+  constructor(t) {
+    super(t);
+    u(this, "rankIsAboveSpecies", (t) => this.props.rank.indexOf(t) < this.props.rank.indexOf("species"));
+    u(this, "render", () => {
       const {
-        taxon: e,
-        taxon: { sector: s, sourceDatasetKeys: o, publisherDatasetKeys: r },
-        datasetKey: h
-      } = this.props, c = y(s, "dataset"), n = (o || []).filter((a) => (s == null ? void 0 : s.subjectDatasetKey) !== a).length > 0;
-      e.estimate && e.estimates && e.estimates.find((a) => a.estimate === e.estimate);
-      const f = typeof e.id == "string" && e.id.indexOf("incertae-sedis") > -1;
-      return /* @__PURE__ */ t.jsx(z.Consumer, { children: ({ showInfo: a }) => /* @__PURE__ */ t.jsxs("div", { id: e.id, children: [
-        /* @__PURE__ */ t.jsxs("span", { children: [
-          /* @__PURE__ */ t.jsxs("span", { className: "tree-node-rank", children: [
-            e.rank,
+        taxon: t,
+        taxon: { sector: a, sourceDatasetKeys: o, publisherDatasetKeys: r },
+        datasetKey: l
+      } = this.props, d = m(a, "dataset"), i = (o || []).filter((s) => (a == null ? void 0 : a.subjectDatasetKey) !== s).length > 0;
+      t.estimate && t.estimates && t.estimates.find((s) => s.estimate === t.estimate);
+      const f = typeof t.id == "string" && t.id.indexOf("incertae-sedis") > -1;
+      return /* @__PURE__ */ e.jsx(X.Consumer, { children: ({ showInfo: s }) => /* @__PURE__ */ e.jsxs("div", { id: t.id, children: [
+        /* @__PURE__ */ e.jsxs("span", { children: [
+          /* @__PURE__ */ e.jsxs("span", { className: "tree-node-rank", children: [
+            t.rank,
             ": "
           ] }),
-          f ? /* @__PURE__ */ t.jsx("span", { dangerouslySetInnerHTML: { __html: e.labelHtml } }) : /* @__PURE__ */ t.jsx(L, { to: "taxon", args: e.id, children: /* @__PURE__ */ t.jsx("span", { dangerouslySetInnerHTML: { __html: e.labelHtml } }) }),
-          (e == null ? void 0 : e.merged) && /* @__PURE__ */ t.jsx(pe, { style: { marginLeft: "4px" }, datasetKey: e == null ? void 0 : e.datasetKey, verbatimSourceKey: e == null ? void 0 : e.verbatimSourceKey })
+          f ? /* @__PURE__ */ e.jsx("span", { dangerouslySetInnerHTML: { __html: t.labelHtml } }) : /* @__PURE__ */ e.jsx(P, { to: "taxon", args: t.id, children: /* @__PURE__ */ e.jsx("span", { dangerouslySetInnerHTML: { __html: t.labelHtml } }) }),
+          (t == null ? void 0 : t.merged) && /* @__PURE__ */ e.jsx(xt, { style: { marginLeft: "4px" }, datasetKey: t == null ? void 0 : t.datasetKey, verbatimSourceKey: t == null ? void 0 : t.verbatimSourceKey })
         ] }),
-        a && e.status === "provisionally accepted" && /* @__PURE__ */ t.jsxs(j.Fragment, { children: [
+        s && t.status === "provisionally accepted" && /* @__PURE__ */ e.jsxs(j.Fragment, { children: [
           " • ",
-          /* @__PURE__ */ t.jsx(ae, { color: "warning", style: { marginRight: 0 }, children: "prov." })
+          /* @__PURE__ */ e.jsx(nt, { color: "warning", style: { marginRight: 0 }, children: "prov." })
         ] }),
-        !I(e.count) && this.rankIsAboveSpecies(e == null ? void 0 : e.rank) && /* @__PURE__ */ t.jsxs("span", { children: [
+        !A(t.count) && this.rankIsAboveSpecies(t == null ? void 0 : t.rank) && /* @__PURE__ */ e.jsxs("span", { children: [
           " ",
           "• ",
-          Number(e.count).toLocaleString(),
+          Number(t.count).toLocaleString(),
           " ",
-          a && !I(e.speciesEstimate) && /* @__PURE__ */ t.jsxs("span", { children: [
+          s && !A(t.speciesEstimate) && /* @__PURE__ */ e.jsxs("span", { children: [
             " ",
             "of",
             " ",
             Number(
-              e.speciesEstimate
+              t.speciesEstimate
             ).toLocaleString(),
             " ",
             "est.",
@@ -211,31 +212,31 @@ class k extends j.Component {
           ] }),
           "spp."
         ] }),
-        a && s && /* @__PURE__ */ t.jsxs("span", { children: [
-          /* @__PURE__ */ t.jsx("span", { children: " • " }),
-          /* @__PURE__ */ t.jsxs(
-            L,
+        s && a && /* @__PURE__ */ e.jsxs("span", { children: [
+          /* @__PURE__ */ e.jsx("span", { children: " • " }),
+          /* @__PURE__ */ e.jsxs(
+            P,
             {
               to: "source",
-              args: s.subjectDatasetKey,
-              style: n ? { fontWeight: "bold" } : null,
+              args: a.subjectDatasetKey,
+              style: i ? { fontWeight: "bold" } : null,
               className: "col-tree-data-source",
               children: [
-                y(c, "alias") || s.subjectDatasetKey,
-                n && ", "
+                m(d, "alias") || a.subjectDatasetKey,
+                i && ", "
               ]
             }
           )
         ] }),
-        a && n && /* @__PURE__ */ t.jsxs(j.Fragment, { children: [
+        s && i && /* @__PURE__ */ e.jsxs(j.Fragment, { children: [
           " ",
-          /* @__PURE__ */ t.jsx(
-            V,
+          /* @__PURE__ */ e.jsx(
+            G,
             {
               sourceDatasetKeys: o,
               publisherDatasetKeys: r,
-              taxon: e,
-              datasetKey: h
+              taxon: t,
+              datasetKey: l
             }
           )
         ] })
@@ -248,46 +249,46 @@ class k extends j.Component {
     };
   }
 }
-const K = 1e3;
-class ge extends j.Component {
-  constructor(e) {
-    super(e);
-    p(this, "onClick", () => {
+const b = 1e3, Z = "__loadMoreBTN__", W = (x) => `${Z}${x}`, U = (x) => typeof x == "string" && x.startsWith(Z);
+class Ct extends j.Component {
+  constructor(t) {
+    super(t);
+    u(this, "onClick", () => {
       this.setState(
         { loading: !0 },
         () => this.props.onClick().then(() => this.setState({ loading: !1 }))
       );
     });
-    p(this, "render", () => {
-      const { loading: e } = this.state;
-      return /* @__PURE__ */ t.jsxs(j.Fragment, { children: [
-        e && /* @__PURE__ */ t.jsx(R, {}),
-        !e && /* @__PURE__ */ t.jsx("a", { onClick: this.onClick, children: /* @__PURE__ */ t.jsx("strong", { children: "Load more..." }) })
+    u(this, "render", () => {
+      const { loading: t } = this.state;
+      return /* @__PURE__ */ e.jsxs(j.Fragment, { children: [
+        t && /* @__PURE__ */ e.jsx(q, {}),
+        !t && /* @__PURE__ */ e.jsx("a", { onClick: this.onClick, children: /* @__PURE__ */ e.jsx("strong", { children: "Load more..." }) })
       ] });
     });
     this.state = { loading: !1 };
   }
 }
-class G extends j.Component {
-  constructor(e) {
-    super(e);
-    p(this, "componentDidMount", () => {
-      const { datasetKey: e } = this.props;
-      this.loadRoot(), this.sectorLoader = new S(
-        (o) => fe(o, e)
+class J extends j.Component {
+  constructor(t) {
+    super(t);
+    u(this, "componentDidMount", () => {
+      const { datasetKey: t } = this.props;
+      this.loadRoot(), this.sectorLoader = new L(
+        (o) => yt(o, t)
       ), this.getRank();
-      const { treeRef: s } = this.props;
-      s(this);
+      const { treeRef: a } = this.props;
+      a(this);
     });
-    p(this, "componentDidUpdate", (e) => {
-      (e.defaultExpandKey !== this.props.defaultExpandKey || e.hideExtinct !== this.props.hideExtinct || e.insertPlaceholder !== this.props.insertPlaceholder) && this.reloadRoot();
+    u(this, "componentDidUpdate", (t) => {
+      (t.defaultExpandKey !== this.props.defaultExpandKey || t.hideExtinct !== this.props.hideExtinct || t.insertPlaceholder !== this.props.insertPlaceholder) && this.reloadRoot();
     });
-    p(this, "getRank", () => {
-      D(`${T.dataApi}vocab/rank`).then(
-        (e) => this.setState({ rank: e.data.map((s) => s.name) })
+    u(this, "getRank", () => {
+      K(`${D.dataApi}vocab/rank`).then(
+        (t) => this.setState({ rank: t.data.map((a) => a.name) })
       );
     });
-    p(this, "reloadRoot", () => this.setState(
+    u(this, "reloadRoot", () => this.setState(
       {
         rootLoading: !0,
         treeData: [],
@@ -298,245 +299,255 @@ class G extends j.Component {
       },
       this.loadRoot
     ));
-    p(this, "loadRoot", async () => {
+    // `append` is only set by the "Load more" button, which pages in the next
+    // batch of root taxa; every other caller loads page one from scratch.
+    // Each call takes a request id and a response is merged only while its id is
+    // still the current one. Without that, two overlapping loads — React
+    // StrictMode's double mount in dev, or a prop change while a load is in
+    // flight — both merged their page into treeData, so every root appeared
+    // twice and antd warned "Same 'key' exist in the Tree" (issue #59).
+    u(this, "loadRoot", async (t = !1) => {
       const {
-        showSourceTaxon: e,
-        datasetKey: s,
-        hideExtinct: o,
-        insertPlaceholder: r,
-        type: h,
-        expandedTaxonKey: c
-      } = this.props, n = c, { defaultTaxonKey: f } = this.props;
-      return this.setState({ rootLoading: !0, treeData: [] }), D(
-        `${T.dataApi}dataset/${s}/tree?projectKey=${s}${h ? "&type=" + h : ""}&limit=${K}&offset=${this.state.treeData.length}${o ? "&extinct=false&extinct=" : ""}${r ? "&insertPlaceholder=true" : ""}`
-      ).then(this.decorateWithSectorsAndDataset).then((a) => {
-        const l = a.data.result || [], u = a.data.total, g = l.map((d) => {
-          let i = {
-            taxon: d,
-            key: d.id,
-            datasetKey: s,
-            childCount: d.childCount,
-            isLeaf: d.childCount === 0,
+        showSourceTaxon: a,
+        datasetKey: o,
+        hideExtinct: r,
+        insertPlaceholder: l,
+        type: d,
+        expandedTaxonKey: i
+      } = this.props, f = i, { defaultTaxonKey: s } = this.props, n = ++this.rootRequestId, p = t ? this.state.treeData.length : 0;
+      return this.setState(
+        t ? { rootLoading: !0 } : { rootLoading: !0, treeData: [] }
+      ), K(
+        `${D.dataApi}dataset/${o}/tree?projectKey=${o}${d ? "&type=" + d : ""}&limit=${b}&offset=${p}${r ? "&extinct=false&extinct=" : ""}${l ? "&insertPlaceholder=true" : ""}`
+      ).then(this.decorateWithSectorsAndDataset).then((C) => {
+        if (n !== this.rootRequestId) return;
+        const c = C.data.result || [], h = C.data.total, g = c.map((S) => {
+          let T = {
+            taxon: S,
+            key: S.id,
+            datasetKey: o,
+            childCount: S.childCount,
+            isLeaf: S.childCount === 0,
             childOffset: 0
           };
-          return i.title = /* @__PURE__ */ t.jsx(
+          return T.title = /* @__PURE__ */ e.jsx(
             k,
             {
-              taxon: d,
-              datasetKey: s,
-              showSourceTaxon: e,
-              reloadChildren: () => this.fetchChildPage(i, !0),
+              taxon: S,
+              datasetKey: o,
+              showSourceTaxon: a,
+              reloadChildren: () => this.fetchChildPage(T, !0),
               rank: this.state.rank
             }
-          ), i.ref = i, i;
+          ), T.ref = T, T;
         });
         this.setState(
-          {
-            rootTotal: u,
+          (S) => ({
+            rootTotal: h,
             rootLoading: !1,
-            treeData: [...this.state.treeData, ...g],
+            treeData: t ? [...S.treeData, ...g] : g,
             // Nothing is auto-expanded by default. Consumers open a specific root
             // (or deep taxon) by passing `defaultTaxonKey`/`expandedTaxonKey` —
             // e.g. defaultTaxonKey="CS5HF" opens Eukaryota in current COL releases.
             expandedKeys: [],
             error: null
-          },
+          }),
           () => {
-            if (n)
-              return this.expandToTaxon(n);
             if (f)
               return this.expandToTaxon(f);
+            if (s)
+              return this.expandToTaxon(s);
           }
         ), g.length === 1 && this.fetchChildPage(g[g.length - 1]);
-      }).catch((a) => {
-        this.setState({
+      }).catch((C) => {
+        n === this.rootRequestId && this.setState({
           treeData: [],
           rootLoading: !1,
           expandedKeys: [],
-          error: a
+          error: C
         });
       });
     });
-    p(this, "expandToTaxon", async (e) => {
+    u(this, "expandToTaxon", async (t) => {
       const {
-        showSourceTaxon: s,
+        showSourceTaxon: a,
         datasetKey: o,
         hideExtinct: r,
-        type: h
+        type: l
       } = this.props;
       this.setState({
         rootLoading: !0
         /* , treeData: [] */
       });
-      const { data: c } = await D(
-        `${T.dataApi}dataset/${o}/tree/${e}?projectKey=${o}&insertPlaceholder=true${h ? "&type=" + h : ""}${r ? "&extinct=false" : ""}`
+      const { data: d } = await K(
+        `${D.dataApi}dataset/${o}/tree/${t}?projectKey=${o}&insertPlaceholder=true${l ? "&type=" + l : ""}${r ? "&extinct=false" : ""}`
       ).then(
-        (d) => this.decorateWithSectorsAndDataset({
-          data: { result: d.data }
-        }).then(() => d)
+        (c) => this.decorateWithSectorsAndDataset({
+          data: { result: c.data }
+        }).then(() => c)
       );
-      if (c.length === 0)
+      if (d.length === 0)
         return this.setState(
           {
             error: {
-              message: `No classification found for Taxon ID: ${e}`
+              message: `No classification found for Taxon ID: ${t}`
             }
           },
           this.loadRoot
         );
-      const n = c[c.length - 1];
+      const i = d[d.length - 1];
       let f = {
-        taxon: n,
-        key: n.id,
+        taxon: i,
+        key: i.id,
         datasetKey: o,
-        childCount: n.childCount,
-        isLeaf: n.childCount === 0,
+        childCount: i.childCount,
+        isLeaf: i.childCount === 0,
         childOffset: 0
       };
-      f.title = /* @__PURE__ */ t.jsx(
+      f.title = /* @__PURE__ */ e.jsx(
         k,
         {
-          taxon: n,
+          taxon: i,
           datasetKey: o,
-          showSourceTaxon: s,
+          showSourceTaxon: a,
           rank: this.state.rank,
           reloadChildren: () => this.fetchChildPage(f, !0)
         }
       ), f.ref = f;
-      const a = f;
-      for (let d = c.length - 2; d >= 0; d--) {
-        const i = c[d], C = {
-          taxon: i,
-          key: i.id,
+      const s = f;
+      for (let c = d.length - 2; c >= 0; c--) {
+        const h = d[c], g = {
+          taxon: h,
+          key: h.id,
           datasetKey: o,
-          childCount: i.childCount,
-          isLeaf: i.childCount === 0,
+          childCount: h.childCount,
+          isLeaf: h.childCount === 0,
           childOffset: 0
         };
-        C.ref = C, C.title = /* @__PURE__ */ t.jsx(
+        g.ref = g, g.title = /* @__PURE__ */ e.jsx(
           k,
           {
-            taxon: i,
+            taxon: h,
             datasetKey: o,
-            showSourceTaxon: s,
+            showSourceTaxon: a,
             rank: this.state.rank,
-            reloadChildren: () => this.fetchChildPage(C, !0)
+            reloadChildren: () => this.fetchChildPage(g, !0)
           }
-        ), f.children = [C], f = C;
+        ), f.children = [g], f = g;
       }
-      const { treeData: l } = this.state;
-      var u = l.findIndex((d) => d.key == a.key);
-      l[u] = a;
-      const g = [...c.map((d) => d.id).reverse()];
+      const { treeData: n } = this.state;
+      var p = n.findIndex((c) => c.key == s.key);
+      n[p] = s;
+      const C = [...d.map((c) => c.id).reverse()];
       this.setState(
-        { treeData: l },
-        () => this.reloadLoadedKeys(g, e)
+        { treeData: n },
+        () => this.reloadLoadedKeys(C, t)
       );
     });
-    p(this, "fetchChildPage", async (e, s, o) => {
+    u(this, "fetchChildPage", async (t, a, o) => {
       const {
         showSourceTaxon: r,
-        datasetKey: h,
-        hideExtinct: c,
-        insertPlaceholder: n,
+        datasetKey: l,
+        hideExtinct: d,
+        insertPlaceholder: i,
         type: f
       } = this.props;
-      y(e, "childCount");
-      const a = K, l = y(e, "childOffset"), u = await D(
-        `${T.dataApi}dataset/${h}/tree/${e.taxon.id}/children?limit=${a}&offset=${l}&projectKey=${h}${f ? "&type=" + f : ""}${c ? "&extinct=false" : ""}${n ? "&insertPlaceholder=true" : ""}`
+      m(t, "childCount");
+      const s = b, n = m(t, "childOffset"), p = await K(
+        `${D.dataApi}dataset/${l}/tree/${t.taxon.id}/children?limit=${s}&offset=${n}&projectKey=${l}${f ? "&type=" + f : ""}${d ? "&extinct=false" : ""}${i ? "&insertPlaceholder=true" : ""}`
       );
-      await this.decorateWithSectorsAndDataset(u);
-      const g = u.data.result ? u.data.result.map((d) => {
-        let i = {
-          taxon: d,
-          key: d.id,
-          datasetKey: h,
-          childCount: d.childCount,
-          isLeaf: d.childCount === 0,
+      await this.decorateWithSectorsAndDataset(p);
+      const C = p.data.result ? p.data.result.map((c) => {
+        let h = {
+          taxon: c,
+          key: c.id,
+          datasetKey: l,
+          childCount: c.childCount,
+          isLeaf: c.childCount === 0,
           childOffset: 0,
-          parent: e,
-          name: d.name
+          parent: t,
+          name: c.name
         };
-        return i.title = /* @__PURE__ */ t.jsx(
+        return h.title = /* @__PURE__ */ e.jsx(
           k,
           {
-            taxon: d,
-            datasetKey: h,
+            taxon: c,
+            datasetKey: l,
             showSourceTaxon: r,
             rank: this.state.rank,
-            reloadChildren: () => this.fetchChildPage(i, !0)
+            reloadChildren: () => this.fetchChildPage(h, !0)
           }
-        ), i.ref = i, i;
+        ), h.ref = h, h;
       }) : [];
-      if (e.children = e.children && l !== 0 && !s ? [...e.children, ...g] : g, u.data.last && e.childCount > e.children.length && (e.childCount = e.children.length), !u.data.last) {
-        const d = () => (e.childOffset += K, e.children[e.children.length - 1].key === "__loadMoreBTN__" && (e.children = e.children.slice(0, -1)), this.fetchChildPage(e, !1));
-        e.children = [
-          ...e.children,
+      if (t.children = t.children && n !== 0 && !a ? [...t.children, ...C] : C, p.data.last && t.childCount > t.children.length && (t.childCount = t.children.length), !p.data.last) {
+        const c = () => (t.childOffset += b, U(m(t.children[t.children.length - 1], "key")) && (t.children = t.children.slice(0, -1)), this.fetchChildPage(t, !1));
+        t.children = [
+          ...t.children,
           {
-            title: /* @__PURE__ */ t.jsx(
-              ge,
+            title: /* @__PURE__ */ e.jsx(
+              Ct,
               {
-                onClick: d
+                onClick: c
               },
-              "__loadMoreBTN__"
+              W(t.key)
             ),
-            key: "__loadMoreBTN__",
+            key: W(t.key),
             childCount: 0,
             isLeaf: !0
           }
         ];
       }
-      o || this.setState((d) => ({
-        treeData: [...d.treeData],
-        loadedKeys: [.../* @__PURE__ */ new Set([...d.loadedKeys, e.key])]
+      o || this.setState((c) => ({
+        treeData: [...c.treeData],
+        loadedKeys: [.../* @__PURE__ */ new Set([...c.loadedKeys, t.key])]
       }));
     });
-    p(this, "decorateWithSectorsAndDataset", (e) => e.data.result ? Promise.all(
-      e.data.result.filter((s) => !!s.sectorDatasetKey).map(
-        (s) => this.datasetLoader.load(s.sectorDatasetKey).then(
-          (o) => s.sector = {
-            id: s.sectorKey,
-            subjectDatasetKey: s.sectorDatasetKey,
+    u(this, "decorateWithSectorsAndDataset", (t) => t.data.result ? Promise.all(
+      t.data.result.filter((a) => !!a.sectorDatasetKey).map(
+        (a) => this.datasetLoader.load(a.sectorDatasetKey).then(
+          (o) => a.sector = {
+            id: a.sectorKey,
+            subjectDatasetKey: a.sectorDatasetKey,
             dataset: o
           }
         )
       )
-    ).then(() => e) : e);
-    p(this, "onLoadData", (e, s = !1) => (s && (e.childOffset = 0), this.fetchChildPage(e.ref, s)));
-    p(this, "findNode", (e, s) => {
+    ).then(() => t) : t);
+    u(this, "onLoadData", (t, a = !1) => (a && (t.childOffset = 0), this.fetchChildPage(t.ref, a)));
+    u(this, "findNode", (t, a) => {
       let o = null;
-      if (o = s.find((r) => y(r, "taxon.id") === e), o)
+      if (o = a.find((r) => m(r, "taxon.id") === t), o)
         return o;
       {
-        const r = s.map((c) => y(c, "children") || []), h = le(r);
-        return h.length === 0 ? null : this.findNode(e, h);
+        const r = a.map((d) => m(d, "children") || []), l = ct(r);
+        return l.length === 0 ? null : this.findNode(t, l);
       }
     });
-    p(this, "pageThroughChildrenUntilTaxonFound", async (e, s) => {
+    u(this, "pageThroughChildrenUntilTaxonFound", async (t, a) => {
       let o;
-      for (; !o && e.children.length < e.childCount; )
-        e.childOffset += K, e.children[e.children.length - 1].key === "__loadMoreBTN__" && (e.children = e.children.slice(0, -1)), await this.fetchChildPage(e, !1, !0), o = this.findNode(s, e.children);
-      return o || (o = e.children.find(
-        (r) => y(r, "taxon.id") ? r.taxon.id.indexOf("incertae-sedis") > -1 : !1
+      for (; !o && t.children.length < t.childCount; )
+        t.childOffset += b, U(m(t.children[t.children.length - 1], "key")) && (t.children = t.children.slice(0, -1)), await this.fetchChildPage(t, !1, !0), o = this.findNode(a, t.children);
+      return o || (o = t.children.find(
+        (r) => m(r, "taxon.id") ? r.taxon.id.indexOf("incertae-sedis") > -1 : !1
       )), o;
     });
-    p(this, "reloadLoadedKeys", async (e, s, o = !0) => {
+    u(this, "reloadLoadedKeys", async (t, a, o = !0) => {
       this.setState({ rootLoading: !0 });
       const { loadedKeys: r } = this.state;
-      let { treeData: h } = this.state;
-      const c = s ? this.findNode(s, h) : null, n = e ? [...e] : [...r];
-      for (let a = 0; a < n.length; a++) {
-        let l = this.findNode(n[a], h);
-        if (!l && c && n[a - 1]) {
-          const u = this.findNode(n[a - 1], h);
-          u && A(y(u, "children")) && u.children.length > 0 && (l = await this.pageThroughChildrenUntilTaxonFound(
-            u,
-            n[a]
-          ), l ? n.splice(a, 0, l.taxon.id) : this.setState(
+      let { treeData: l } = this.state;
+      const d = a ? this.findNode(a, l) : null, i = t ? [...t] : [...r];
+      for (let s = 0; s < i.length; s++) {
+        let n = this.findNode(i[s], l);
+        if (!n && d && i[s - 1]) {
+          const p = this.findNode(i[s - 1], l);
+          p && O(m(p, "children")) && p.children.length > 0 && (n = await this.pageThroughChildrenUntilTaxonFound(
+            p,
+            i[s]
+          ), n ? i.splice(s, 0, n.taxon.id) : this.setState(
             {
-              nodeNotFoundErr: /* @__PURE__ */ t.jsxs("span", { children: [
+              nodeNotFoundErr: /* @__PURE__ */ e.jsxs("span", { children: [
                 "Cannot find taxon ",
-                s,
+                a,
                 " in tree 😥"
               ] }),
               rootLoading: !1
@@ -552,37 +563,37 @@ class G extends j.Component {
             } */
           ));
         }
-        if (l) {
-          await this.fetchChildPage(l, !0, !0);
-          let u = l.children.find(
-            (g) => y(g, "taxon.id") === y(c, "taxon.id")
+        if (n) {
+          await this.fetchChildPage(n, !0, !0);
+          let p = n.children.find(
+            (C) => m(C, "taxon.id") === m(d, "taxon.id")
           );
-          c && a === n.length - 2 && y(l, "taxon.id") !== y(c, "taxon.id") && A(l.children) && !u && l.children.length < l.childCount && (u = await this.pageThroughChildrenUntilTaxonFound(
-            l,
-            y(c, "taxon.id")
-          ), u ? this.setState({ treeData: [...this.state.treeData] }, () => {
+          d && s === i.length - 2 && m(n, "taxon.id") !== m(d, "taxon.id") && O(n.children) && !p && n.children.length < n.childCount && (p = await this.pageThroughChildrenUntilTaxonFound(
+            n,
+            m(d, "taxon.id")
+          ), p ? this.setState({ treeData: [...this.state.treeData] }, () => {
             setTimeout(() => {
-              document.getElementById(s).scrollIntoView({ behavior: "smooth", block: "center" });
+              document.getElementById(a).scrollIntoView({ behavior: "smooth", block: "center" });
             }, 100);
           }) : this.setState(
             {
-              nodeNotFoundErr: /* @__PURE__ */ t.jsxs("span", { children: [
+              nodeNotFoundErr: /* @__PURE__ */ e.jsxs("span", { children: [
                 "Cannot find taxon ",
-                s,
+                a,
                 " in tree 😥"
               ] }),
               rootLoading: !1
             },
             () => {
-              this.props.treeType === "CATALOGUE" && typeof this.props.addMissingTargetKey == "function" && this.props.addMissingTargetKey(s);
+              this.props.treeType === "CATALOGUE" && typeof this.props.addMissingTargetKey == "function" && this.props.addMissingTargetKey(a);
             }
           ));
         }
       }
-      const f = { loadedKeys: n, rootLoading: !1 };
-      o && (f.expandedKeys = n), this.setState(f, () => {
-        s && setTimeout(() => {
-          document.getElementById(s).scrollIntoView({ behavior: "smooth", block: "center" });
+      const f = { loadedKeys: i, rootLoading: !1 };
+      o && (f.expandedKeys = i), this.setState(f, () => {
+        a && setTimeout(() => {
+          document.getElementById(a).scrollIntoView({ behavior: "smooth", block: "center" });
         }, 100);
       });
     });
@@ -595,7 +606,7 @@ class G extends j.Component {
       error: null,
       nodeNotFoundErr: null,
       rank: []
-    }, this.treeRef = j.createRef();
+    }, this.treeRef = j.createRef(), this.rootRequestId = 0;
   }
   // datasetLoader comes from the shared TreeCacheContext so multiple tree
   // nodes (and TaxonSources instances) share one in-memory cache instead
@@ -605,222 +616,222 @@ class G extends j.Component {
   }
   render() {
     const {
-      error: e,
-      rootTotal: s,
+      error: t,
+      rootTotal: a,
       rootLoading: o,
       treeData: r,
-      defaultExpandAll: h,
-      nodeNotFoundErr: c,
-      loadedKeys: n,
+      defaultExpandAll: l,
+      nodeNotFoundErr: d,
+      loadedKeys: i,
       expandedKeys: f
-    } = this.state, { treeType: a, dataset: l, height: u, expandedTaxonKey: g } = this.props, d = g;
-    return /* @__PURE__ */ t.jsxs("div", { children: [
-      e && /* @__PURE__ */ t.jsx(j.Fragment, { children: y(e, "response.data.code") !== 404 ? /* @__PURE__ */ t.jsx(
-        b,
+    } = this.state, { treeType: s, dataset: n, height: p, expandedTaxonKey: C } = this.props, c = C;
+    return /* @__PURE__ */ e.jsxs("div", { children: [
+      t && /* @__PURE__ */ e.jsx(j.Fragment, { children: m(t, "response.data.code") !== 404 ? /* @__PURE__ */ e.jsx(
+        w,
         {
           closable: !0,
           onClose: () => this.setState({ error: null }),
           style: { marginTop: "8px" },
-          message: /* @__PURE__ */ t.jsx(ue, { error: e }),
+          message: /* @__PURE__ */ e.jsx(gt, { error: t }),
           type: "error"
         }
-      ) : /* @__PURE__ */ t.jsx(
-        b,
+      ) : /* @__PURE__ */ e.jsx(
+        w,
         {
           closable: !0,
           onClose: () => this.setState({ error: null }),
           style: { marginTop: "8px" },
-          message: /* @__PURE__ */ t.jsx(
+          message: /* @__PURE__ */ e.jsx(
             Custom404,
             {
-              error: e,
-              treeType: a,
-              dataset: l,
+              error: t,
+              treeType: s,
+              dataset: n,
               loadRoot: this.loadRoot
             }
           ),
           type: "warning"
         }
       ) }),
-      c && /* @__PURE__ */ t.jsx(
-        b,
+      d && /* @__PURE__ */ e.jsx(
+        w,
         {
           closable: !0,
           onClose: () => this.setState({ nodeNotFoundErr: null }),
           style: { marginTop: "8px" },
-          message: c,
+          message: d,
           type: "warning"
         }
       ),
-      o && /* @__PURE__ */ t.jsx(oe, { paragraph: { rows: 10 }, active: !0 }),
-      !o && r.length > 0 && /* @__PURE__ */ t.jsx(
-        ne,
+      o && /* @__PURE__ */ e.jsx(rt, { paragraph: { rows: 10 }, active: !0 }),
+      !o && r.length > 0 && /* @__PURE__ */ e.jsx(
+        lt,
         {
           ref: this.treeRef,
-          defaultExpandAll: h,
+          defaultExpandAll: l,
           loadData: this.onLoadData,
-          onLoad: (i) => this.setState({ loadedKeys: i }),
-          loadedKeys: n,
+          onLoad: (h) => this.setState({ loadedKeys: h }),
+          loadedKeys: i,
           expandedKeys: f,
           treeData: r,
-          filterTreeNode: (i) => i.key === d,
-          onExpand: (i, C) => {
-            this.setState({ expandedKeys: i }), this.props.onExpandedTaxonKeyChange && this.props.onExpandedTaxonKeyChange(
-              C.expanded ? C.node.key : null
+          filterTreeNode: (h) => h.key === c,
+          onExpand: (h, g) => {
+            this.setState({ expandedKeys: h }), this.props.onExpandedTaxonKeyChange && this.props.onExpandedTaxonKeyChange(
+              g.expanded ? g.node.key : null
             );
           }
         }
       ),
-      !e && r.length < s && /* @__PURE__ */ t.jsxs(ie, { loading: o, onClick: this.loadRoot, children: [
+      !t && r.length < a && /* @__PURE__ */ e.jsxs(dt, { loading: o, onClick: () => this.loadRoot(!0), children: [
         "Load more",
         " "
       ] })
     ] });
   }
 }
-p(G, "contextType", w);
-const ye = [
+u(J, "contextType", E);
+const jt = [
   "infraspecific name",
   "species",
   "variety",
   "form"
 ];
-class Z extends j.Component {
-  constructor(e) {
-    super(e);
-    p(this, "componentDidMount", async () => {
-      const { datasetKey: e, citation: s } = this.props;
-      if (s)
+class Q extends j.Component {
+  constructor(t) {
+    super(t);
+    u(this, "componentDidMount", async () => {
+      const { datasetKey: t, citation: a } = this.props;
+      if (a)
         try {
-          const { data: o } = await ce(e);
+          const { data: o } = await ft(t);
           this.setState({ dataset: o });
         } catch {
         }
     });
-    p(this, "render", () => {
+    u(this, "render", () => {
       const {
-        datasetKey: e,
-        defaultTaxonKey: s,
+        datasetKey: t,
+        defaultTaxonKey: a,
         expandedTaxonKey: o,
         onExpandedTaxonKeyChange: r,
-        showTreeOptions: h,
-        linkToSpeciesPage: c,
-        citation: n,
+        showTreeOptions: l,
+        linkToSpeciesPage: d,
+        citation: i,
         type: f,
-        insertPlaceholder: a = !0
-      } = this.props, { hideExtinct: l, dataset: u } = this.state, g = (i) => {
-        var P, _;
-        const C = y(i, "key");
-        if (!C) return;
-        const q = y(i, "rank");
-        if (c && ye.includes(q)) {
-          const E = (_ = (P = this.context) == null ? void 0 : P.taxon) == null ? void 0 : _.onNavigate;
-          E && E(C);
-        } else r && (r(C), this.treeRef && this.treeRef.reloadRoot && this.treeRef.reloadRoot());
-      }, d = () => {
+        insertPlaceholder: s = !0
+      } = this.props, { hideExtinct: n, dataset: p } = this.state, C = (h) => {
+        var T, $;
+        const g = m(h, "key");
+        if (!g) return;
+        const S = m(h, "rank");
+        if (d && jt.includes(S)) {
+          const v = ($ = (T = this.context) == null ? void 0 : T.taxon) == null ? void 0 : $.onNavigate;
+          v && v(g);
+        } else r && (r(g), this.treeRef && this.treeRef.reloadRoot && this.treeRef.reloadRoot());
+      }, c = () => {
         r && r(null);
       };
-      return /* @__PURE__ */ t.jsxs("div", { className: "catalogue-of-life", children: [
-        n === "top" && u && /* @__PURE__ */ t.jsx(F, { dataset: u }),
-        /* @__PURE__ */ t.jsx(w.Provider, { value: this.cache, children: /* @__PURE__ */ t.jsxs(z.Provider, { value: this.state, children: [
-          /* @__PURE__ */ t.jsxs(re, { children: [
-            /* @__PURE__ */ t.jsx(v, { flex: "auto", children: /* @__PURE__ */ t.jsx(
-              xe,
+      return /* @__PURE__ */ e.jsxs("div", { className: "catalogue-of-life", children: [
+        i === "top" && p && /* @__PURE__ */ e.jsx(R, { dataset: p }),
+        /* @__PURE__ */ e.jsx(E.Provider, { value: this.cache, children: /* @__PURE__ */ e.jsxs(X.Provider, { value: this.state, children: [
+          /* @__PURE__ */ e.jsxs(ht, { children: [
+            /* @__PURE__ */ e.jsx(I, { flex: "auto", children: /* @__PURE__ */ e.jsx(
+              mt,
               {
-                hideExtinct: l,
-                datasetKey: e,
+                hideExtinct: n,
+                datasetKey: t,
                 style: {
                   width: "100%",
                   paddingTop: "5px",
                   paddingBottom: "5px"
                 },
                 defaultTaxonKey: o || null,
-                onSelectName: g,
-                onResetSearch: d
+                onSelectName: C,
+                onResetSearch: c
               }
             ) }),
-            h && /* @__PURE__ */ t.jsxs(v, { style: { paddingLeft: "8px" }, children: [
-              /* @__PURE__ */ t.jsx(
-                $,
+            l && /* @__PURE__ */ e.jsxs(I, { style: { paddingLeft: "8px" }, children: [
+              /* @__PURE__ */ e.jsx(
+                N,
                 {
                   defaultChecked: this.state.showInfo,
-                  onChange: ({ target: { checked: i } }) => {
-                    this.setState({ showInfo: i }), M("tree-show-source", i);
+                  onChange: ({ target: { checked: h } }) => {
+                    this.setState({ showInfo: h }), M("tree-show-source", h);
                   },
                   children: "Source"
                 }
               ),
-              /* @__PURE__ */ t.jsx(
-                $,
+              /* @__PURE__ */ e.jsx(
+                N,
                 {
                   defaultChecked: this.state.hideExtinct,
-                  onChange: ({ target: { checked: i } }) => {
-                    this.setState({ hideExtinct: i }), M("tree-extant-only", i);
+                  onChange: ({ target: { checked: h } }) => {
+                    this.setState({ hideExtinct: h }), M("tree-extant-only", h);
                   },
                   children: "Extant only"
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ t.jsx(
-            G,
+          /* @__PURE__ */ e.jsx(
+            J,
             {
-              insertPlaceholder: a,
-              hideExtinct: l,
-              datasetKey: e,
-              defaultTaxonKey: s,
+              insertPlaceholder: s,
+              hideExtinct: n,
+              datasetKey: t,
+              defaultTaxonKey: a,
               expandedTaxonKey: o,
               onExpandedTaxonKeyChange: r,
-              treeRef: (i) => this.treeRef = i,
+              treeRef: (h) => this.treeRef = h,
               type: f
             }
           )
         ] }) }),
-        n === "bottom" && u && /* @__PURE__ */ t.jsx(F, { dataset: u })
+        i === "bottom" && p && /* @__PURE__ */ e.jsx(R, { dataset: p })
       ] });
     });
-    de(this.props.auth), this.state = {
-      hideExtinct: O("tree-extant-only", !1),
-      showInfo: O("tree-show-source", !1),
+    ut(this.props.auth), this.state = {
+      hideExtinct: F("tree-extant-only", !1),
+      showInfo: F("tree-show-source", !1),
       dataset: null
     }, this.cache = B(this.props.datasetKey);
   }
-  componentDidUpdate(e) {
-    e.datasetKey !== this.props.datasetKey && (this.cache = B(this.props.datasetKey));
+  componentDidUpdate(t) {
+    t.datasetKey !== this.props.datasetKey && (this.cache = B(this.props.datasetKey));
   }
 }
-p(Z, "contextType", U);
-function me({
-  datasetKey: m,
-  defaultTaxonKey: x,
-  expandedTaxonKey: e,
-  onExpandedTaxonKeyChange: s,
+u(Q, "contextType", H);
+function St({
+  datasetKey: x,
+  defaultTaxonKey: y,
+  expandedTaxonKey: t,
+  onExpandedTaxonKeyChange: a,
   showTreeOptions: o,
   linkToSpeciesPage: r,
-  citation: h,
-  type: c,
-  insertPlaceholder: n,
+  citation: l,
+  type: d,
+  insertPlaceholder: i,
   auth: f,
-  ...a
+  ...s
 }) {
-  return /* @__PURE__ */ t.jsx(U.Provider, { value: he(a), children: /* @__PURE__ */ t.jsx(
-    Z,
+  return /* @__PURE__ */ e.jsx(H.Provider, { value: pt(s), children: /* @__PURE__ */ e.jsx(
+    Q,
     {
-      datasetKey: m,
-      defaultTaxonKey: x,
-      expandedTaxonKey: e,
-      onExpandedTaxonKeyChange: s,
+      datasetKey: x,
+      defaultTaxonKey: y,
+      expandedTaxonKey: t,
+      onExpandedTaxonKeyChange: a,
       showTreeOptions: o,
       linkToSpeciesPage: r,
-      citation: h,
-      type: c,
-      insertPlaceholder: n,
+      citation: l,
+      type: d,
+      insertPlaceholder: i,
       auth: f
     }
   ) });
 }
-const Ne = Y(X(me));
+const Rt = st(et(St));
 export {
-  Ne as Tree
+  Rt as Tree
 };
 //# sourceMappingURL=tree.js.map