col-browser 2.5.0 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/README.md +9 -0
  2. package/es/bibtex.js +1 -1
  3. package/es/chunks/{BibTex-CyUpSmpY.js → BibTex-DRE71Hg-.js} +2 -2
  4. package/es/chunks/{BibTex-CyUpSmpY.js.map → BibTex-DRE71Hg-.js.map} +1 -1
  5. package/es/chunks/{DatasetCitation-BnOkKDTv.js → DatasetCitation-Cep2dces.js} +2 -2
  6. package/es/chunks/{DatasetCitation-BnOkKDTv.js.map → DatasetCitation-Cep2dces.js.map} +1 -1
  7. package/es/chunks/{DatasetlogoWithFallback-DJEkjMJ1.js → DatasetlogoWithFallback-Bb-kmHts.js} +2 -2
  8. package/es/chunks/{DatasetlogoWithFallback-DJEkjMJ1.js.map → DatasetlogoWithFallback-Bb-kmHts.js.map} +1 -1
  9. package/es/chunks/{Distributions-Dwjo7KhA.js → Distributions-Czffme5Y.js} +422 -410
  10. package/es/chunks/Distributions-Czffme5Y.js.map +1 -0
  11. package/es/chunks/{MergedDataBadge-FvHUdT7B.js → MergedDataBadge-DK53L3R8.js} +2 -2
  12. package/es/chunks/{MergedDataBadge-FvHUdT7B.js.map → MergedDataBadge-DK53L3R8.js.map} +1 -1
  13. package/es/chunks/{TaxonBreakdown-D9g3tYXL.js → TaxonBreakdown-DqdQ18QM.js} +2 -2
  14. package/es/chunks/{TaxonBreakdown-D9g3tYXL.js.map → TaxonBreakdown-DqdQ18QM.js.map} +1 -1
  15. package/es/chunks/{XrGutter-D3PMq-Dn.js → XrGutter-COJhHpia.js} +2 -2
  16. package/es/chunks/{XrGutter-D3PMq-Dn.js.map → XrGutter-COJhHpia.js.map} +1 -1
  17. package/es/chunks/{config-D4b3a4Yi.js → config--bs_09I6.js} +12 -7
  18. package/es/chunks/config--bs_09I6.js.map +1 -0
  19. package/es/chunks/{dataset-D_gmg2Zv.js → dataset-BZpjo3Yq.js} +2 -2
  20. package/es/chunks/{dataset-D_gmg2Zv.js.map → dataset-BZpjo3Yq.js.map} +1 -1
  21. package/es/chunks/{enumeration-B-nIqCor.js → enumeration-CV8i_q_O.js} +2 -2
  22. package/es/chunks/{enumeration-B-nIqCor.js.map → enumeration-CV8i_q_O.js.map} +1 -1
  23. package/es/chunks/{sector-CE-w32Gs.js → sector-ucUgPp75.js} +2 -2
  24. package/es/chunks/{sector-CE-w32Gs.js.map → sector-ucUgPp75.js.map} +1 -1
  25. package/es/config.js +1 -1
  26. package/es/index.js +1 -1
  27. package/es/search.js +5 -5
  28. package/es/sourceDataset.js +4 -4
  29. package/es/sourceDatasetList.js +4 -4
  30. package/es/taxon.js +9 -9
  31. package/es/taxonBreakdown.js +2 -2
  32. package/es/taxonDistribution.js +2 -2
  33. package/es/tree.js +5 -5
  34. package/package.json +1 -1
  35. package/types/index.d.ts +7 -0
  36. package/umd/col-browser.js +27 -3
  37. package/umd/col-browser.js.map +1 -1
  38. package/umd/col-browser.min.js +4 -4
  39. package/umd/col-browser.min.js.map +1 -1
  40. package/es/chunks/Distributions-Dwjo7KhA.js.map +0 -1
  41. package/es/chunks/config-D4b3a4Yi.js.map +0 -1
@@ -1,9 +1,9 @@
1
1
  import { c as o } from "./router-CssZk5qZ.js";
2
- import { c as r } from "./config-D4b3a4Yi.js";
2
+ import { c as r } from "./config--bs_09I6.js";
3
3
  const c = (a) => a.then((t) => t.data, (t) => null), i = (a, t) => Promise.all(
4
4
  a.map((e) => c(o(`${r.dataApi}dataset/${t}/sector/${e}`)))
5
5
  );
6
6
  export {
7
7
  i as g
8
8
  };
9
- //# sourceMappingURL=sector-CE-w32Gs.js.map
9
+ //# sourceMappingURL=sector-ucUgPp75.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sector-CE-w32Gs.js","sources":["../../src/api/sector.js"],"sourcesContent":["import client from \"./client\";\nimport config from \"../config\";\n\nconst reflect = p => p.then(v => v.data, e => null);\n\nexport const getSectorsBatch = (ids, datasetKey) => {\n return Promise.all(\n ids.map(i => reflect(client(`${config.dataApi}dataset/${datasetKey}/sector/${i}`)))\n );\n};\n"],"names":["reflect","p","v","getSectorsBatch","ids","datasetKey","i","client","config"],"mappings":";;AAGA,MAAMA,IAAU,OAAKC,EAAE,KAAK,OAAKC,EAAE,MAAM,OAAK,IAAI,GAErCC,IAAkB,CAACC,GAAKC,MAC5B,QAAQ;AAAA,EACbD,EAAI,IAAI,CAAAE,MAAKN,EAAQO,EAAO,GAAGC,EAAO,OAAO,WAAWH,CAAU,WAAWC,CAAC,EAAE,CAAC,CAAC;AAAA;"}
1
+ {"version":3,"file":"sector-ucUgPp75.js","sources":["../../src/api/sector.js"],"sourcesContent":["import client from \"./client\";\nimport config from \"../config\";\n\nconst reflect = p => p.then(v => v.data, e => null);\n\nexport const getSectorsBatch = (ids, datasetKey) => {\n return Promise.all(\n ids.map(i => reflect(client(`${config.dataApi}dataset/${datasetKey}/sector/${i}`)))\n );\n};\n"],"names":["reflect","p","v","getSectorsBatch","ids","datasetKey","i","client","config"],"mappings":";;AAGA,MAAMA,IAAU,OAAKC,EAAE,KAAK,OAAKC,EAAE,MAAM,OAAK,IAAI,GAErCC,IAAkB,CAACC,GAAKC,MAC5B,QAAQ;AAAA,EACbD,EAAI,IAAI,CAAAE,MAAKN,EAAQO,EAAO,GAAGC,EAAO,OAAO,WAAWH,CAAU,WAAWC,CAAC,EAAE,CAAC,CAAC;AAAA;"}
package/es/config.js CHANGED
@@ -1,4 +1,4 @@
1
- import { a } from "./chunks/config-D4b3a4Yi.js";
1
+ import { a } from "./chunks/config--bs_09I6.js";
2
2
  export {
3
3
  a as configure
4
4
  };
package/es/index.js CHANGED
@@ -7,7 +7,7 @@ import { BibTex as u } from "./bibtex.js";
7
7
  import { TaxonBreakdown as c } from "./taxonBreakdown.js";
8
8
  import { TaxonDistribution as D } from "./taxonDistribution.js";
9
9
  import { w as b } from "./chunks/index-BmhRLlZh.js";
10
- import { a as h } from "./chunks/config-D4b3a4Yi.js";
10
+ import { a as h } from "./chunks/config--bs_09I6.js";
11
11
  export {
12
12
  u as BibTex,
13
13
  x as Search,
package/es/search.js CHANGED
@@ -7,17 +7,17 @@ import { j as s } from "./chunks/jsx-runtime-BzflLqGi.js";
7
7
  import * as C from "react";
8
8
  import f from "react";
9
9
  import { L as S, c as j, s as pt, R as mt, b as gt } from "./chunks/router-CssZk5qZ.js";
10
- import { a as ft } from "./chunks/dataset-D_gmg2Zv.js";
11
- import { a as xt } from "./chunks/enumeration-B-nIqCor.js";
10
+ import { a as ft } from "./chunks/dataset-BZpjo3Yq.js";
11
+ import { a as xt } from "./chunks/enumeration-CV8i_q_O.js";
12
12
  import { r as St, w as vt } from "./chunks/storage-BgdCo9fV.js";
13
13
  import { Input as G, Form as R, Select as k, Row as x, Col as g, AutoComplete as K, Radio as yt, Alert as jt, Button as I, Table as bt } from "antd";
14
- import { c as b } from "./chunks/config-D4b3a4Yi.js";
14
+ import { c as b } from "./chunks/config--bs_09I6.js";
15
15
  import Ct from "query-string";
16
16
  import { isArray as O, startCase as m, snakeCase as M, get as u, initial as z, debounce as At, isEqual as Dt, isEmpty as Tt, merge as $t, forEach as Et } from "lodash-es";
17
17
  import { E as Ot } from "./chunks/ErrorMsg-K8k5PPTp.js";
18
- import { C as F, N as wt } from "./chunks/DatasetCitation-BnOkKDTv.js";
18
+ import { C as F, N as wt } from "./chunks/DatasetCitation-Cep2dces.js";
19
19
  import Nt from "react-highlight-words";
20
- import { X as Rt } from "./chunks/XrGutter-D3PMq-Dn.js";
20
+ import { X as Rt } from "./chunks/XrGutter-COJhHpia.js";
21
21
  import { I as P } from "./chunks/AntdIcon-B1nMlqyh.js";
22
22
  var kt = { 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" };
23
23
  function w() {
@@ -5,16 +5,16 @@ import { a as A } from "./chunks/withDatasetKey-BgMY05XE.js";
5
5
  import { w as I } from "./chunks/withTheme-Dh6PRuII.js";
6
6
  import { j as t } from "./chunks/jsx-runtime-BzflLqGi.js";
7
7
  import h from "react";
8
- import { c as x } from "./chunks/config-D4b3a4Yi.js";
8
+ import { c as x } from "./chunks/config--bs_09I6.js";
9
9
  import { c as m, L as K, s as T, R, b as M } from "./chunks/router-CssZk5qZ.js";
10
10
  import { Skeleton as E, Alert as P, Row as j, Col as u, Tooltip as L, Button as F, Rate as O } from "antd";
11
11
  import { E as N } from "./chunks/ErrorMsg-K8k5PPTp.js";
12
- import { D as z } from "./chunks/DatasetlogoWithFallback-DJEkjMJ1.js";
12
+ import { D as z } from "./chunks/DatasetlogoWithFallback-Bb-kmHts.js";
13
13
  import { M as B } from "./chunks/MetricsPresentation-DKCJQOtf.js";
14
14
  import { get as p, isEmpty as S, isArray as H } from "lodash-es";
15
15
  import { P as o } from "./chunks/PresentationItem-C4yZ555-.js";
16
- import { g as W } from "./chunks/enumeration-B-nIqCor.js";
17
- import { B as G } from "./chunks/BibTex-CyUpSmpY.js";
16
+ import { g as W } from "./chunks/enumeration-CV8i_q_O.js";
17
+ import { B as G } from "./chunks/BibTex-DRE71Hg-.js";
18
18
  import { marked as U } from "marked";
19
19
  import V from "dompurify";
20
20
  import { R as q } from "./chunks/LinkOutlined-2IkQWTV7.js";
@@ -7,14 +7,14 @@ import { j as s } from "./chunks/jsx-runtime-BzflLqGi.js";
7
7
  import R from "react";
8
8
  import { s as w, c as x, L as d, R as v, b as T } from "./chunks/router-CssZk5qZ.js";
9
9
  import { Row as j, Alert as I, Col as y, Checkbox as E, Table as A, Tooltip as C } from "antd";
10
- import { c as f } from "./chunks/config-D4b3a4Yi.js";
10
+ import { c as f } from "./chunks/config--bs_09I6.js";
11
11
  import { get as M, merge as _, isArray as K } from "lodash-es";
12
12
  import { E as G } from "./chunks/ErrorMsg-K8k5PPTp.js";
13
- import { D as F } from "./chunks/DatasetlogoWithFallback-DJEkjMJ1.js";
13
+ import { D as F } from "./chunks/DatasetlogoWithFallback-Bb-kmHts.js";
14
14
  import { M as H } from "./chunks/MetricsPresentation-DKCJQOtf.js";
15
15
  import { P as k } from "./chunks/PresentationItem-C4yZ555-.js";
16
- import { M as z } from "./chunks/MergedDataBadge-FvHUdT7B.js";
17
- import { X as L } from "./chunks/XrGutter-D3PMq-Dn.js";
16
+ import { M as z } from "./chunks/MergedDataBadge-DK53L3R8.js";
17
+ import { X as L } from "./chunks/XrGutter-COJhHpia.js";
18
18
  const S = (r) => {
19
19
  const l = r.key ? { SECTOR_DATASET_KEY: r.key } : { SECTOR_PUBLISHER_KEY: r.id };
20
20
  return K(r.sectorModes) && (l.sectorMode = r.sectorModes), l;
package/es/taxon.js CHANGED
@@ -6,26 +6,26 @@ import { w as r2 } from "./chunks/withTheme-Dh6PRuII.js";
6
6
  import { j as t } from "./chunks/jsx-runtime-BzflLqGi.js";
7
7
  import * as n3 from "react";
8
8
  import e3, { useRef as l2, useState as o3, useEffect as R3 } from "react";
9
- import { c as P } from "./chunks/config-D4b3a4Yi.js";
10
- import { g as s2 } from "./chunks/sector-CE-w32Gs.js";
11
- import { b as Y3 } from "./chunks/dataset-D_gmg2Zv.js";
9
+ import { c as P } from "./chunks/config--bs_09I6.js";
10
+ import { g as s2 } from "./chunks/sector-ucUgPp75.js";
11
+ import { b as Y3 } from "./chunks/dataset-BZpjo3Yq.js";
12
12
  import u3 from "dataloader";
13
13
  import { c as W, L as p3, p as i2, R as H3, s as p2, b as d2 } from "./chunks/router-CssZk5qZ.js";
14
14
  import { Row as d3, Col as G, Popover as P3, Tag as C3, Space as c2, Tooltip as E3, Table as y2, message as g2, Form as y3, Modal as f2, Alert as i3, Spin as m2, Input as w3, Button as M3, Rate as C2 } from "antd";
15
15
  import { isArray as u2, get as n, capitalize as D3, values as E2, startCase as z3 } from "lodash-es";
16
16
  import h2 from "react-jss";
17
17
  import { w as F2, P as M, g as W3 } from "./chunks/PresentationItem-C4yZ555-.js";
18
- import { R as Z3, D as B2 } from "./chunks/Distributions-Dwjo7KhA.js";
19
- import { X as r3 } from "./chunks/XrGutter-D3PMq-Dn.js";
18
+ import { R as Z3, D as B2 } from "./chunks/Distributions-Czffme5Y.js";
19
+ import { X as r3 } from "./chunks/XrGutter-COJhHpia.js";
20
20
  import x3 from "linkify-html";
21
21
  import { R as h3 } from "./chunks/LinkOutlined-2IkQWTV7.js";
22
22
  import { I as S3 } from "./chunks/AntdIcon-B1nMlqyh.js";
23
- import { g as k2 } from "./chunks/enumeration-B-nIqCor.js";
23
+ import { g as k2 } from "./chunks/enumeration-CV8i_q_O.js";
24
24
  import U3 from "dompurify";
25
25
  import { E as g3 } from "./chunks/ErrorMsg-K8k5PPTp.js";
26
- import { D as x2 } from "./chunks/DatasetlogoWithFallback-DJEkjMJ1.js";
27
- import { T as S2 } from "./chunks/TaxonBreakdown-D9g3tYXL.js";
28
- import { M as I3 } from "./chunks/MergedDataBadge-FvHUdT7B.js";
26
+ import { D as x2 } from "./chunks/DatasetlogoWithFallback-Bb-kmHts.js";
27
+ import { T as S2 } from "./chunks/TaxonBreakdown-DqdQ18QM.js";
28
+ import { M as I3 } from "./chunks/MergedDataBadge-DK53L3R8.js";
29
29
  import { marked as j2 } from "marked";
30
30
  var A2 = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z" } }] }, name: "download", theme: "outlined" };
31
31
  function F3() {
@@ -1,9 +1,9 @@
1
1
  import { w } from "./chunks/withTheme-Dh6PRuII.js";
2
2
  import { j as o } from "./chunks/jsx-runtime-BzflLqGi.js";
3
- import { T } from "./chunks/TaxonBreakdown-D9g3tYXL.js";
3
+ import { T } from "./chunks/TaxonBreakdown-DqdQ18QM.js";
4
4
  import { useState as e, useEffect as A } from "react";
5
5
  import { s as b, c as r, R as v, b as B } from "./chunks/router-CssZk5qZ.js";
6
- import { c as s } from "./chunks/config-D4b3a4Yi.js";
6
+ import { c as s } from "./chunks/config--bs_09I6.js";
7
7
  import { Row as D, Col as C, Spin as E } from "antd";
8
8
  const S = ({
9
9
  taxonId: n,
@@ -2,9 +2,9 @@ import { w as $ } from "./chunks/withTheme-Dh6PRuII.js";
2
2
  import { j as n } from "./chunks/jsx-runtime-BzflLqGi.js";
3
3
  import { useState as a, useEffect as D } from "react";
4
4
  import { s as T, c as s, R as g, b as k } from "./chunks/router-CssZk5qZ.js";
5
- import { c as l } from "./chunks/config-D4b3a4Yi.js";
5
+ import { c as l } from "./chunks/config--bs_09I6.js";
6
6
  import { Row as v, Col as w, Spin as A } from "antd";
7
- import { D as C } from "./chunks/Distributions-Dwjo7KhA.js";
7
+ import { D as C } from "./chunks/Distributions-Czffme5Y.js";
8
8
  const E = ({
9
9
  taxonId: o,
10
10
  datasetKey: i,
package/es/tree.js CHANGED
@@ -8,13 +8,13 @@ import j, { createContext as at } from "react";
8
8
  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";
9
9
  import { sortBy as _, get as m, isUndefined as A, flatten as ct, isArray as O } from "lodash-es";
10
10
  import { L as P, c as K, R as H, s as ut, b as pt } from "./chunks/router-CssZk5qZ.js";
11
- import { c as D } from "./chunks/config-D4b3a4Yi.js";
11
+ import { c as D } from "./chunks/config--bs_09I6.js";
12
12
  import L from "dataloader";
13
- import { c as V, b as z, g as ft } from "./chunks/dataset-D_gmg2Zv.js";
14
- import { M as xt } from "./chunks/MergedDataBadge-FvHUdT7B.js";
13
+ import { c as V, b as z, g as ft } from "./chunks/dataset-BZpjo3Yq.js";
14
+ import { M as xt } from "./chunks/MergedDataBadge-DK53L3R8.js";
15
15
  import { E as gt } from "./chunks/ErrorMsg-K8k5PPTp.js";
16
- import { g as yt } from "./chunks/sector-CE-w32Gs.js";
17
- import { C as R, N as mt } from "./chunks/DatasetCitation-BnOkKDTv.js";
16
+ import { g as yt } from "./chunks/sector-ucUgPp75.js";
17
+ import { C as R, N as mt } from "./chunks/DatasetCitation-Cep2dces.js";
18
18
  import { r as F, w as M } from "./chunks/storage-BgdCo9fV.js";
19
19
  const E = at({
20
20
  datasetLoader: null,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "col-browser",
3
- "version": "2.5.0",
3
+ "version": "2.6.0",
4
4
  "description": "Catalogue of Life browse and search React components",
5
5
  "main": "umd/col-browser.js",
6
6
  "module": "es/index.js",
package/types/index.d.ts CHANGED
@@ -159,6 +159,13 @@ export interface ColBrowserConfig {
159
159
  * CARTO's keyless Positron CDN. Stored verbatim — not URL-normalised.
160
160
  */
161
161
  basemapStyle: string | Record<string, unknown>;
162
+ /**
163
+ * CARTO Basemaps API key. When set, every cartocdn.com request the
164
+ * distribution map makes — style, vector tiles, glyphs, sprites — carries
165
+ * `?key=`. Defaults to "" (unauthenticated). Not needed if `basemapStyle`
166
+ * points at a non-CARTO provider.
167
+ */
168
+ cartoKey: string;
162
169
  }
163
170
 
164
171
  /**
@@ -67809,10 +67809,15 @@ html body {
67809
67809
  // `style` works: a style URL (bake your provider's API key into it) or an
67810
67810
  // inline style object. The default is CARTO's public Positron CDN, which
67811
67811
  // needs no key.
67812
- basemapStyle: "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json"
67812
+ basemapStyle: "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json",
67813
+ // CARTO Basemaps API key. Empty means unauthenticated (fine today, but
67814
+ // CARTO is moving to enforce keys). Set it and every cartocdn.com request
67815
+ // the map makes — style, vector tiles, glyphs, sprites — carries `?key=`.
67816
+ // Not needed when `basemapStyle` points at a non-CARTO provider.
67817
+ cartoKey: ""
67813
67818
  };
67814
67819
  const SLASH_TERMINATED = /* @__PURE__ */ new Set(["dataApi"]);
67815
- const VERBATIM = /* @__PURE__ */ new Set(["basemapStyle"]);
67820
+ const VERBATIM = /* @__PURE__ */ new Set(["basemapStyle", "cartoKey"]);
67816
67821
  const normalize = (key2, value) => SLASH_TERMINATED.has(key2) ? value.replace(/\/*$/, "/") : value.replace(/\/+$/, "");
67817
67822
  function configure(overrides = {}) {
67818
67823
  Object.entries(overrides).forEach(([key2, value]) => {
@@ -77987,6 +77992,23 @@ html body {
77987
77992
  return out;
77988
77993
  };
77989
77994
  const resolveBasemapStyle = (prop) => prop ?? config.basemapStyle;
77995
+ const CARTO_HOST = /(^|\.)cartocdn\.com$/i;
77996
+ const cartoTransformRequest = (key2 = config.cartoKey) => {
77997
+ if (!key2) return void 0;
77998
+ return (url) => {
77999
+ let parsed;
78000
+ try {
78001
+ parsed = new URL(url);
78002
+ } catch {
78003
+ return { url };
78004
+ }
78005
+ if (!CARTO_HOST.test(parsed.hostname) || parsed.searchParams.has("key")) {
78006
+ return { url };
78007
+ }
78008
+ parsed.searchParams.set("key", key2);
78009
+ return { url: parsed.toString() };
78010
+ };
78011
+ };
77990
78012
  const wrapStyle = {
77991
78013
  position: "absolute",
77992
78014
  bottom: 8,
@@ -78345,13 +78367,15 @@ html body {
78345
78367
  }, [descendantState, descendantColors, visibleTaxonIds]);
78346
78368
  const showDescendantLegend = descendantLegend.visibleGroups.length > 0;
78347
78369
  const styleSpec = resolveBasemapStyle(basemapStyle);
78348
- const styleKey = typeof styleSpec === "string" ? styleSpec : JSON.stringify(styleSpec);
78370
+ const cartoKey = config.cartoKey;
78371
+ const styleKey = `${typeof styleSpec === "string" ? styleSpec : JSON.stringify(styleSpec)}|${cartoKey || ""}`;
78349
78372
  reactExports.useEffect(() => {
78350
78373
  if (!containerRef.current || mapRef.current) return;
78351
78374
  if (!supported()) return;
78352
78375
  const map = new maplibregl.Map({
78353
78376
  container: containerRef.current,
78354
78377
  style: styleSpec,
78378
+ transformRequest: cartoTransformRequest(cartoKey),
78355
78379
  center: [0, 20],
78356
78380
  zoom: 1,
78357
78381
  minZoom: 0,