col-browser 2.2.0 → 2.2.2

package/es/taxonDistribution.js

@@ -3,7 +3,7 @@ import { j as i } from "./chunks/jsx-runtime-BzflLqGi.js";
 import { useState as s, useEffect as $ } from "react";
 import { s as D, c as l, R as T, b as g } from "./chunks/router-CssZk5qZ.js";
 import { Row as k, Col as v, Spin as w } from "antd";
-import { D as A } from "./chunks/Distributions-CXIEJ6e6.js";
+import { D as A } from "./chunks/Distributions-Cwl_75VG.js";
 const C = ({
   taxonId: o,
   datasetKey: n,

package/es/tree.js

@@ -80,7 +80,7 @@ class V extends j.Component {
       });
     });
     c(this, "render", () => {
-      const { data: e, showInNode: s, popOverVisible: o, loading: r } = this.state, { taxon: l, datasetKey: h } = this.props, n = { color: "orange", fontSize: "11px" }, u = (a) => `${S.clbPortal}/dataset/${h}/publisher/${a}`;
+      const { data: e, showInNode: s, popOverVisible: o, loading: r } = this.state, { taxon: l, datasetKey: h } = this.props, n = { color: "orange", fontSize: "11px" }, p = (a) => `${S.clbPortal}/dataset/${h}/publisher/${a}`;
       return s ? e.filter((a) => !!a).map((a, d) => /* @__PURE__ */ t.jsx(
         L,
         {
@@ -116,17 +116,17 @@ class V extends j.Component {
             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, d) => {
-                var f;
+                var u;
                 return /* @__PURE__ */ t.jsxs(
                   "a",
                   {
-                    href: u(a.id),
+                    href: p(a.id),
                     target: "_blank",
                     rel: "noopener noreferrer",
                     style: n,
                     children: [
                       (d ? ", " : "") + (a.alias || a.id),
-                      (f = a.datasets) != null && f.length ? ` (${a.datasets.length.toLocaleString("en-GB")})` : ""
+                      (u = a.datasets) != null && u.length ? ` (${a.datasets.length.toLocaleString("en-GB")})` : ""
                     ]
                   },
                   a.id
@@ -179,14 +179,14 @@ class k extends j.Component {
         datasetKey: l
       } = this.props, h = m(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 u = typeof e.id == "string" && e.id.indexOf("incertae-sedis") > -1;
+      const p = 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,
             ": "
           ] }),
-          u ? /* @__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 } }) }),
+          p ? /* @__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 })
         ] }),
         a && e.status === "provisionally accepted" && /* @__PURE__ */ t.jsxs(j.Fragment, { children: [
@@ -306,23 +306,23 @@ class G extends j.Component {
         insertPlaceholder: r,
         type: l,
         expandedTaxonKey: h
-      } = this.props, n = h, { defaultTaxonKey: u } = this.props;
+      } = this.props, n = h, { defaultTaxonKey: p } = this.props;
       return this.setState({ rootLoading: !0, treeData: [] }), D(
         `${S.dataApi}dataset/${s}/tree?projectKey=${s}${l ? "&type=" + l : ""}&limit=${K}&offset=${this.state.treeData.length}${o ? "&extinct=false&extinct=" : ""}${r ? "&insertPlaceholder=true" : ""}`
       ).then(this.decorateWithSectorsAndDataset).then((a) => {
-        const d = a.data.result || [], f = a.data.total, x = d.map((p) => {
+        const d = a.data.result || [], u = a.data.total, x = d.map((f) => {
           let i = {
-            taxon: p,
-            key: p.id,
+            taxon: f,
+            key: f.id,
             datasetKey: s,
-            childCount: p.childCount,
-            isLeaf: p.childCount === 0,
+            childCount: f.childCount,
+            isLeaf: f.childCount === 0,
             childOffset: 0
           };
           return i.title = /* @__PURE__ */ t.jsx(
             k,
             {
-              taxon: p,
+              taxon: f,
               datasetKey: s,
               showSourceTaxon: e,
               reloadChildren: () => this.fetchChildPage(i, !0),
@@ -332,17 +332,20 @@ class G extends j.Component {
         });
         this.setState(
           {
-            rootTotal: f,
+            rootTotal: u,
             rootLoading: !1,
             treeData: [...this.state.treeData, ...x],
-            expandedKeys: x.length < 10 ? x.map((p) => p.taxon.id).filter((p) => p === "CS5HF") : [],
+            // 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 (u)
-              return this.expandToTaxon(u);
+            if (p)
+              return this.expandToTaxon(p);
           }
         ), x.length === 1 && this.fetchChildPage(x[x.length - 1]);
       }).catch((a) => {
@@ -368,9 +371,9 @@ class G extends j.Component {
       const { data: h } = await D(
         `${S.dataApi}dataset/${o}/tree/${e}?projectKey=${o}&insertPlaceholder=true${l ? "&type=" + l : ""}${r ? "&extinct=false" : ""}`
       ).then(
-        (p) => this.decorateWithSectorsAndDataset({
-          data: { result: p.data }
-        }).then(() => p)
+        (f) => this.decorateWithSectorsAndDataset({
+          data: { result: f.data }
+        }).then(() => f)
       );
       if (h.length === 0)
         return this.setState(
@@ -382,7 +385,7 @@ class G extends j.Component {
           this.loadRoot
         );
       const n = h[h.length - 1];
-      let u = {
+      let p = {
         taxon: n,
         key: n.id,
         datasetKey: o,
@@ -390,19 +393,19 @@ class G extends j.Component {
         isLeaf: n.childCount === 0,
         childOffset: 0
       };
-      u.title = /* @__PURE__ */ t.jsx(
+      p.title = /* @__PURE__ */ t.jsx(
         k,
         {
           taxon: n,
           datasetKey: o,
           showSourceTaxon: s,
           rank: this.state.rank,
-          reloadChildren: () => this.fetchChildPage(u, !0)
+          reloadChildren: () => this.fetchChildPage(p, !0)
         }
-      ), u.ref = u;
-      const a = u;
-      for (let p = h.length - 2; p >= 0; p--) {
-        const i = h[p], g = {
+      ), p.ref = p;
+      const a = p;
+      for (let f = h.length - 2; f >= 0; f--) {
+        const i = h[f], g = {
           taxon: i,
           key: i.id,
           datasetKey: o,
@@ -419,12 +422,12 @@ class G extends j.Component {
             rank: this.state.rank,
             reloadChildren: () => this.fetchChildPage(g, !0)
           }
-        ), u.children = [g], u = g;
+        ), p.children = [g], p = g;
       }
       const { treeData: d } = this.state;
-      var f = d.findIndex((p) => p.key == a.key);
-      d[f] = a;
-      const x = [...h.map((p) => p.id).reverse()];
+      var u = d.findIndex((f) => f.key == a.key);
+      d[u] = a;
+      const x = [...h.map((f) => f.id).reverse()];
       this.setState(
         { treeData: d },
         () => this.reloadLoadedKeys(x, e)
@@ -436,14 +439,14 @@ class G extends j.Component {
         datasetKey: l,
         hideExtinct: h,
         insertPlaceholder: n,
-        type: u
+        type: p
       } = this.props, { treeData: a } = this.state;
       m(e, "childCount");
-      const d = K, f = m(e, "childOffset"), x = await D(
-        `${S.dataApi}dataset/${l}/tree/${e.taxon.id}/children?limit=${d}&offset=${f}&projectKey=${l}${u ? "&type=" + u : ""}${h ? "&extinct=false" : ""}${n ? "&insertPlaceholder=true" : ""}`
+      const d = K, u = m(e, "childOffset"), x = await D(
+        `${S.dataApi}dataset/${l}/tree/${e.taxon.id}/children?limit=${d}&offset=${u}&projectKey=${l}${p ? "&type=" + p : ""}${h ? "&extinct=false" : ""}${n ? "&insertPlaceholder=true" : ""}`
       );
       await this.decorateWithSectorsAndDataset(x);
-      const p = x.data.result ? x.data.result.map((i) => {
+      const f = x.data.result ? x.data.result.map((i) => {
         let g = {
           taxon: i,
           key: i.id,
@@ -465,7 +468,7 @@ class G extends j.Component {
           }
         ), g.ref = g, g;
       }) : [];
-      if (e.children = e.children && f !== 0 && !s ? [...e.children, ...p] : p, x.data.last && e.childCount > e.children.length && (e.childCount = e.children.length), !x.data.last) {
+      if (e.children = e.children && u !== 0 && !s ? [...e.children, ...f] : f, x.data.last && e.childCount > e.children.length && (e.childCount = e.children.length), !x.data.last) {
         const i = () => (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,
@@ -525,9 +528,9 @@ class G extends j.Component {
       for (let a = 0; a < n.length; a++) {
         let d = this.findNode(n[a], l);
         if (!d && h && n[a - 1]) {
-          const f = this.findNode(n[a - 1], l);
-          f && A(m(f, "children")) && f.children.length > 0 && (d = await this.pageThroughChildrenUntilTaxonFound(
-            f,
+          const u = this.findNode(n[a - 1], l);
+          u && A(m(u, "children")) && u.children.length > 0 && (d = await this.pageThroughChildrenUntilTaxonFound(
+            u,
             n[a]
           ), d ? n.splice(a, 0, d.taxon.id) : this.setState(
             {
@@ -551,13 +554,13 @@ class G extends j.Component {
         }
         if (d) {
           await this.fetchChildPage(d, !0, !0);
-          let f = d.children.find(
+          let u = d.children.find(
             (x) => m(x, "taxon.id") === m(h, "taxon.id")
           );
-          h && a === n.length - 2 && m(d, "taxon.id") !== m(h, "taxon.id") && A(d.children) && !f && d.children.length < d.childCount && (f = await this.pageThroughChildrenUntilTaxonFound(
+          h && a === n.length - 2 && m(d, "taxon.id") !== m(h, "taxon.id") && A(d.children) && !u && d.children.length < d.childCount && (u = await this.pageThroughChildrenUntilTaxonFound(
             d,
             m(h, "taxon.id")
-          ), f ? this.setState({ treeData: [...this.state.treeData] }, () => {
+          ), u ? this.setState({ treeData: [...this.state.treeData] }, () => {
             setTimeout(() => {
               document.getElementById(s).scrollIntoView({ behavior: "smooth", block: "center" });
             }, 100);
@@ -576,8 +579,8 @@ class G extends j.Component {
           ));
         }
       }
-      const u = { loadedKeys: n, rootLoading: !1 };
-      o && (u.expandedKeys = n), this.setState(u, () => {
+      const p = { loadedKeys: n, rootLoading: !1 };
+      o && (p.expandedKeys = n), this.setState(p, () => {
         s && setTimeout(() => {
           document.getElementById(s).scrollIntoView({ behavior: "smooth", block: "center" });
         }, 100);
@@ -609,8 +612,8 @@ class G extends j.Component {
       defaultExpandAll: l,
       nodeNotFoundErr: h,
       loadedKeys: n,
-      expandedKeys: u
-    } = this.state, { treeType: a, dataset: d, height: f, expandedTaxonKey: x } = this.props, p = x;
+      expandedKeys: p
+    } = this.state, { treeType: a, dataset: d, height: u, expandedTaxonKey: x } = this.props, f = x;
     return /* @__PURE__ */ t.jsxs("div", { children: [
       e && /* @__PURE__ */ t.jsx(j.Fragment, { children: m(e, "response.data.code") !== 404 ? /* @__PURE__ */ t.jsx(
         b,
@@ -658,9 +661,9 @@ class G extends j.Component {
           loadData: this.onLoadData,
           onLoad: (i) => this.setState({ loadedKeys: i }),
           loadedKeys: n,
-          expandedKeys: u,
+          expandedKeys: p,
           treeData: r,
-          filterTreeNode: (i) => i.key === p,
+          filterTreeNode: (i) => i.key === f,
           onExpand: (i, g) => {
             this.setState({ expandedKeys: i }), this.props.onExpandedTaxonKeyChange && this.props.onExpandedTaxonKeyChange(
               g.expanded ? g.node.key : null
@@ -703,9 +706,9 @@ class Z extends j.Component {
         showTreeOptions: l,
         linkToSpeciesPage: h,
         citation: n,
-        type: u,
+        type: p,
         insertPlaceholder: a = !0
-      } = this.props, { hideExtinct: d, dataset: f } = this.state, x = (i) => {
+      } = this.props, { hideExtinct: d, dataset: u } = this.state, x = (i) => {
         var P, _;
         const g = m(i, "key");
         if (!g) return;
@@ -714,11 +717,11 @@ class Z extends j.Component {
           const E = (_ = (P = this.context) == null ? void 0 : P.taxon) == null ? void 0 : _.onNavigate;
           E && E(g);
         } else r && (r(g), this.treeRef && this.treeRef.reloadRoot && this.treeRef.reloadRoot());
-      }, p = () => {
+      }, f = () => {
         r && r(null);
       };
       return /* @__PURE__ */ t.jsxs("div", { className: "catalogue-of-life", children: [
-        n === "top" && f && /* @__PURE__ */ t.jsx(F, { dataset: f }),
+        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(
@@ -733,7 +736,7 @@ class Z extends j.Component {
                 },
                 defaultTaxonKey: o || null,
                 onSelectName: x,
-                onResetSearch: p
+                onResetSearch: f
               }
             ) }),
             l && /* @__PURE__ */ t.jsxs(v, { style: { paddingLeft: "8px" }, children: [
@@ -769,11 +772,11 @@ class Z extends j.Component {
               expandedTaxonKey: o,
               onExpandedTaxonKeyChange: r,
               treeRef: (i) => this.treeRef = i,
-              type: u
+              type: p
             }
           )
         ] }) }),
-        n === "bottom" && f && /* @__PURE__ */ t.jsx(F, { dataset: f })
+        n === "bottom" && u && /* @__PURE__ */ t.jsx(F, { dataset: u })
       ] });
     });
     de(this.props.auth), this.state = {
@@ -797,7 +800,7 @@ function me({
   citation: l,
   type: h,
   insertPlaceholder: n,
-  auth: u,
+  auth: p,
   ...a
 }) {
   return /* @__PURE__ */ t.jsx(U.Provider, { value: he(a), children: /* @__PURE__ */ t.jsx(
@@ -812,7 +815,7 @@ function me({
       citation: l,
       type: h,
       insertPlaceholder: n,
-      auth: u
+      auth: p
     }
   ) });
 }