@macrostrat/map-interface 1.6.0 → 2.0.0

package/dist/cjs/map-interface.e9bcd5c0.js

@@ -1,268 +0,0 @@
-var $33088e8384af337c$exports = require("./map-interface.abe5fe65.js");
-require("./map-interface.26497065.css");
-var $750d69d73bfbdc9a$exports = require("./map-interface.354aaa39.js");
-var $dHcMG$blueprintjscore = require("@blueprintjs/core");
-var $dHcMG$macrostratmapboxreact = require("@macrostrat/mapbox-react");
-var $dHcMG$macrostrathyper = require("@macrostrat/hyper");
-var $dHcMG$react = require("react");
-var $dHcMG$macrostratuicomponents = require("@macrostrat/ui-components");
-var $dHcMG$d3array = require("d3-array");
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "FeatureProperties", () => $db14eb7a5c07abdb$export$2906e7f4b228efe9);
-$parcel$export(module.exports, "FeatureRecord", () => $db14eb7a5c07abdb$export$dc87b4d46cea200d);
-$parcel$export(module.exports, "FeatureSelectionHandler", () => $db14eb7a5c07abdb$export$214daccdda0f4ac6);
-$parcel$export(module.exports, "Features", () => $db14eb7a5c07abdb$export$617d79dae526d2cf);
-$parcel$export(module.exports, "TileInfo", () => $db14eb7a5c07abdb$export$43c75dec9d0b96c);
-$parcel$export(module.exports, "FeaturePanel", () => $db14eb7a5c07abdb$export$43277c51a01761c1);
-
-
-
-
-
-
-
-
-const $db14eb7a5c07abdb$var$h = (0, ($parcel$interopDefault($dHcMG$macrostrathyper))).styled((0, ($parcel$interopDefault($33088e8384af337c$exports))));
-function $db14eb7a5c07abdb$export$2906e7f4b228efe9({ data: data, ...rest }) {
-    // Instead of managing hover state with CSS, we use a state variable,
-    // so that the button re-renders when the state changes
-    const [showControls, setShowControls] = (0, $dHcMG$react.useState)(false);
-    const onMouseEnter = (0, $dHcMG$react.useCallback)(()=>setShowControls(true), []);
-    const onMouseLeave = (0, $dHcMG$react.useCallback)(()=>setShowControls(false), []);
-    return $db14eb7a5c07abdb$var$h("div.feature-properties", {
-        onMouseEnter: onMouseEnter,
-        onMouseLeave: onMouseLeave
-    }, [
-        $db14eb7a5c07abdb$var$h.if(showControls)("div.controls", $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$CopyJSONButton, {
-            data: data
-        })),
-        $db14eb7a5c07abdb$var$h((0, $dHcMG$macrostratuicomponents.JSONView), {
-            data: data,
-            hideRoot: true,
-            ...rest
-        })
-    ]);
-}
-function $db14eb7a5c07abdb$export$dc87b4d46cea200d({ feature: feature }) {
-    const props = feature.properties;
-    return $db14eb7a5c07abdb$var$h("div.feature-record", [
-        $db14eb7a5c07abdb$var$h.if(Object.keys(props).length > 0)($db14eb7a5c07abdb$export$2906e7f4b228efe9, {
-            data: props
-        })
-    ]);
-}
-function $db14eb7a5c07abdb$var$CopyJSONButton({ data: data }) {
-    const [copied, setCopied] = (0, $dHcMG$react.useState)(false);
-    return $db14eb7a5c07abdb$var$h((0, $dHcMG$blueprintjscore.Button), {
-        icon: copied ? "tick" : "clipboard",
-        intent: copied ? (0, $dHcMG$blueprintjscore.Intent).SUCCESS : (0, $dHcMG$blueprintjscore.Intent).NONE,
-        minimal: true,
-        small: true,
-        onClick () {
-            navigator.clipboard.writeText(JSON.stringify(data, null, 2));
-            setCopied(true);
-        }
-    });
-}
-function $db14eb7a5c07abdb$export$214daccdda0f4ac6({ selectedLocation: selectedLocation, setFeatures: setFeatures, radius: radius = 2 }) {
-    const mapRef = (0, $dHcMG$macrostratmapboxreact.useMapRef)();
-    const isLoading = (0, $dHcMG$macrostratmapboxreact.useMapStatus)((s)=>s.isLoading);
-    const isInitialized = (0, $dHcMG$macrostratmapboxreact.useMapStatus)((s)=>s.isInitialized);
-    const prevLocation = (0, $dHcMG$react.useRef)(null);
-    const prevFeatures = (0, $dHcMG$react.useRef)([]);
-    (0, $dHcMG$react.useEffect)(()=>{
-        const map = mapRef?.current;
-        if (map == null) return;
-        if (selectedLocation == null) {
-            setFeatures(null);
-            return;
-        }
-        if (!isInitialized) return;
-        const hasPreviouslyLoadedFeatures = prevFeatures.current.length > 0;
-        const locationMemo = JSON.stringify(selectedLocation);
-        if (locationMemo == prevLocation.current && hasPreviouslyLoadedFeatures) return;
-        prevLocation.current = locationMemo;
-        // Don't update if the location hasn't changed
-        //if (selectedLocation == prevLocation) return;
-        const r = radius;
-        const pt = map.project(selectedLocation);
-        const bbox = [
-            [
-                pt.x - r,
-                pt.y - r
-            ],
-            [
-                pt.x + r,
-                pt.y + r
-            ]
-        ];
-        const features = map.queryRenderedFeatures(bbox);
-        prevFeatures.current = features ?? [];
-        setFeatures(features);
-    }, [
-        isInitialized,
-        selectedLocation,
-        isLoading
-    ]);
-    return null;
-}
-function $db14eb7a5c07abdb$var$FeatureHeader({ feature: feature }) {
-    return $db14eb7a5c07abdb$var$h("div.feature-header", [
-        $db14eb7a5c07abdb$var$h("h3", [
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
-                label: "Source",
-                value: feature.source
-            }),
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
-                label: "Source layer",
-                value: feature.sourceLayer
-            })
-        ])
-    ]);
-}
-function $db14eb7a5c07abdb$var$KeyValue({ label: label, value: value }) {
-    return $db14eb7a5c07abdb$var$h("span.key-value", [
-        $db14eb7a5c07abdb$var$h("span.key", label),
-        $db14eb7a5c07abdb$var$h("code.value", value)
-    ]);
-}
-function $db14eb7a5c07abdb$var$LoadingAwareFeatureSet({ features: features, sourceID: sourceID }) {
-    const map = (0, $dHcMG$macrostratmapboxreact.useMapRef)();
-    if (map?.current == null) return null;
-    const [isLoaded, setIsLoaded] = (0, $dHcMG$react.useState)(false);
-    const sourceFeatures = features.filter((d)=>d.source == "burwell");
-    (0, $dHcMG$react.useEffect)(()=>{
-        if (sourceFeatures.length > 0) {
-            setIsLoaded(true);
-            return;
-        }
-        const isLoaded = map.current.isSourceLoaded(sourceID);
-        setIsLoaded(isLoaded);
-        if (!isLoaded) map.current.once("sourcedata", (e)=>{
-            if (e.sourceId == sourceID) setIsLoaded(true);
-        });
-    }, [
-        map.current,
-        sourceID,
-        sourceFeatures.length
-    ]);
-    if (!isLoaded) return $db14eb7a5c07abdb$var$h((0, $dHcMG$blueprintjscore.Spinner));
-    return $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$export$617d79dae526d2cf, {
-        features: sourceFeatures
-    });
-}
-function $db14eb7a5c07abdb$export$43c75dec9d0b96c({ feature: feature, showExtent: showExtent, setShowExtent: setShowExtent }) {
-    if (feature == null) return null;
-    const size = feature._vectorTileFeature._pbf.length;
-    return $db14eb7a5c07abdb$var$h("div.tile-info", [
-        $db14eb7a5c07abdb$var$h("h3", "Tile"),
-        $db14eb7a5c07abdb$var$h("div.tile-index", [
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
-                label: "x",
-                value: feature._x
-            }),
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
-                label: "y",
-                value: feature._y
-            }),
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
-                label: "z",
-                value: feature._z
-            })
-        ]),
-        $db14eb7a5c07abdb$var$h("div.spacer"),
-        $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
-            label: "Size",
-            value: $db14eb7a5c07abdb$var$formatSize(size)
-        }),
-        $db14eb7a5c07abdb$var$h((0, $dHcMG$blueprintjscore.Switch), {
-            label: "Show extent",
-            alignIndicator: "right",
-            checked: showExtent,
-            onChange () {
-                setShowExtent(!showExtent);
-            }
-        })
-    ]);
-}
-function $db14eb7a5c07abdb$var$formatSize(size) {
-    if (size > 1000000) return $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$UnitNumber, {
-        value: size / 1000000,
-        unit: "Mb"
-    });
-    if (size > 1000) return $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$UnitNumber, {
-        value: size / 1000,
-        unit: "Kb"
-    });
-    return `${size} bytes`;
-}
-function $db14eb7a5c07abdb$var$UnitNumber({ value: value, unit: unit, precision: precision = 1 }) {
-    return $db14eb7a5c07abdb$var$h("span.unit-number", [
-        $db14eb7a5c07abdb$var$h("span.number", value.toFixed(precision)),
-        $db14eb7a5c07abdb$var$h("span.unit", unit)
-    ]);
-}
-function $db14eb7a5c07abdb$export$43277c51a01761c1({ features: features, focusedSource: focusedSource = null, focusedSourceTitle: focusedSourceTitle = null }) {
-    if (features == null) return null;
-    let focusedSourcePanel = null;
-    let filteredFeatures = features;
-    let title = "Features";
-    if (focusedSource != null) {
-        title = "Basemap features";
-        focusedSourcePanel = $db14eb7a5c07abdb$var$h((0, $750d69d73bfbdc9a$exports.ExpansionPanel), {
-            title: focusedSourceTitle ?? "Macrostrat features",
-            className: "macrostrat-features",
-            expanded: true
-        }, [
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$LoadingAwareFeatureSet, {
-                features: features,
-                sourceID: focusedSource
-            })
-        ]);
-        filteredFeatures = features.filter((d)=>d.source != focusedSource);
-    }
-    return $db14eb7a5c07abdb$var$h("div.feature-panel", [
-        focusedSourcePanel,
-        $db14eb7a5c07abdb$var$h((0, $750d69d73bfbdc9a$exports.ExpansionPanel), {
-            title: title,
-            className: "basemap-features",
-            expanded: focusedSource == null
-        }, [
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$FeatureGroups, {
-                features: filteredFeatures
-            })
-        ])
-    ]);
-}
-function $db14eb7a5c07abdb$var$FeatureGroups({ features: features }) {
-    /** Group features by source and sourceLayer */ if (features == null) return null;
-    const groups = (0, $dHcMG$d3array.group)(features, (d)=>`${d.source} - ${d.sourceLayer}`);
-    return $db14eb7a5c07abdb$var$h("div.feature-groups", Array.from(groups).map(([key, features])=>{
-        return $db14eb7a5c07abdb$var$h("div.feature-group", [
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$FeatureHeader, {
-                feature: features[0]
-            }),
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$export$617d79dae526d2cf, {
-                features: features
-            })
-        ]);
-    }));
-}
-function $db14eb7a5c07abdb$export$617d79dae526d2cf({ features: features }) {
-    return $db14eb7a5c07abdb$var$h("div.features", features.map((feature, i)=>$db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$export$dc87b4d46cea200d, {
-            key: i,
-            feature: feature
-        })));
-}
-
-
-//# sourceMappingURL=map-interface.e9bcd5c0.js.map

package/dist/cjs/map-interface.e9bcd5c0.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/map-interface/src/dev/vector-tile-features.ts"],"sourcesContent":["import { Spinner, Switch, Button, Intent } from \"@blueprintjs/core\";\nimport { useMapRef, useMapStatus } from \"@macrostrat/mapbox-react\";\nimport mapboxgl from \"mapbox-gl\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { JSONView } from \"@macrostrat/ui-components\";\nimport { group } from \"d3-array\";\nimport { ExpansionPanel } from \"../expansion-panel\";\n\nconst h = hyper.styled(styles);\n\nexport function FeatureProperties({ data, ...rest }) {\n  // Instead of managing hover state with CSS, we use a state variable,\n  // so that the button re-renders when the state changes\n  const [showControls, setShowControls] = useState(false);\n  const onMouseEnter = useCallback(() => setShowControls(true), []);\n  const onMouseLeave = useCallback(() => setShowControls(false), []);\n\n  return h(\"div.feature-properties\", { onMouseEnter, onMouseLeave }, [\n    h.if(showControls)(\"div.controls\", h(CopyJSONButton, { data })),\n    h(JSONView, {\n      data,\n      hideRoot: true,\n      ...rest,\n    }),\n  ]);\n}\n\nexport function FeatureRecord({ feature }) {\n  const props = feature.properties;\n  return h(\"div.feature-record\", [\n    h.if(Object.keys(props).length > 0)(FeatureProperties, { data: props }),\n  ]);\n}\n\nfunction CopyJSONButton({ data }) {\n  const [copied, setCopied] = useState(false);\n  return h(Button, {\n    icon: copied ? \"tick\" : \"clipboard\",\n    intent: copied ? Intent.SUCCESS : Intent.NONE,\n    minimal: true,\n    small: true,\n    onClick() {\n      navigator.clipboard.writeText(JSON.stringify(data, null, 2));\n      setCopied(true);\n    },\n  });\n}\n\n/** This component wraps queryRenderedFeatures to get features at a given location */\nexport function FeatureSelectionHandler({\n  selectedLocation,\n  setFeatures,\n  radius = 2,\n}: {\n  selectedLocation: mapboxgl.LngLat;\n  setFeatures: (features: mapboxgl.MapboxGeoJSONFeature[]) => void;\n  radius?: number;\n}) {\n  const mapRef = useMapRef();\n  const isLoading = useMapStatus((s) => s.isLoading);\n  const isInitialized = useMapStatus((s) => s.isInitialized);\n  const prevLocation = useRef(null);\n  const prevFeatures = useRef([]);\n\n  useEffect(() => {\n    const map = mapRef?.current;\n    if (map == null) return;\n    if (selectedLocation == null) {\n      setFeatures(null);\n      return;\n    }\n\n    if (!isInitialized) return;\n\n    const hasPreviouslyLoadedFeatures = prevFeatures.current.length > 0;\n\n    const locationMemo = JSON.stringify(selectedLocation);\n    if (locationMemo == prevLocation.current && hasPreviouslyLoadedFeatures)\n      return;\n\n    prevLocation.current = locationMemo;\n\n    // Don't update if the location hasn't changed\n    //if (selectedLocation == prevLocation) return;\n\n    const r = radius;\n    const pt = map.project(selectedLocation);\n\n    const bbox: [mapboxgl.PointLike, mapboxgl.PointLike] = [\n      [pt.x - r, pt.y - r],\n      [pt.x + r, pt.y + r],\n    ];\n    const features = map.queryRenderedFeatures(bbox);\n    prevFeatures.current = features ?? [];\n    setFeatures(features);\n  }, [isInitialized, selectedLocation, isLoading]);\n\n  return null;\n}\n\nfunction FeatureHeader({ feature }) {\n  return h(\"div.feature-header\", [\n    h(\"h3\", [\n      h(KeyValue, { label: \"Source\", value: feature.source }),\n      h(KeyValue, { label: \"Source layer\", value: feature.sourceLayer }),\n    ]),\n  ]);\n}\n\nfunction KeyValue({ label, value }) {\n  return h(\"span.key-value\", [h(\"span.key\", label), h(\"code.value\", value)]);\n}\n\nfunction LoadingAwareFeatureSet({ features, sourceID }) {\n  const map = useMapRef();\n  if (map?.current == null) return null;\n  const [isLoaded, setIsLoaded] = useState(false);\n\n  const sourceFeatures = features.filter((d) => d.source == \"burwell\");\n\n  useEffect(() => {\n    if (sourceFeatures.length > 0) {\n      setIsLoaded(true);\n      return;\n    }\n\n    const isLoaded = map.current.isSourceLoaded(sourceID);\n    setIsLoaded(isLoaded);\n    if (!isLoaded) {\n      map.current.once(\"sourcedata\", (e) => {\n        if (e.sourceId == sourceID) {\n          setIsLoaded(true);\n        }\n      });\n    }\n  }, [map.current, sourceID, sourceFeatures.length]);\n\n  if (!isLoaded) return h(Spinner);\n  return h(Features, { features: sourceFeatures });\n}\n\nexport function TileInfo({ feature, showExtent, setShowExtent }) {\n  if (feature == null) return null;\n  const size = feature._vectorTileFeature._pbf.length;\n  return h(\"div.tile-info\", [\n    h(\"h3\", \"Tile\"),\n    h(\"div.tile-index\", [\n      h(KeyValue, { label: \"x\", value: feature._x }),\n      h(KeyValue, { label: \"y\", value: feature._y }),\n      h(KeyValue, { label: \"z\", value: feature._z }),\n    ]),\n    h(\"div.spacer\"),\n    h(KeyValue, { label: \"Size\", value: formatSize(size) }),\n    h(Switch, {\n      label: \"Show extent\",\n      alignIndicator: \"right\",\n      checked: showExtent,\n      onChange() {\n        setShowExtent(!showExtent);\n      },\n    }),\n  ]);\n}\n\nfunction formatSize(size: number) {\n  if (size > 1000000)\n    return h(UnitNumber, { value: size / 1000000, unit: \"Mb\" });\n  if (size > 1000) return h(UnitNumber, { value: size / 1000, unit: \"Kb\" });\n  return `${size} bytes`;\n}\n\nfunction UnitNumber({ value, unit, precision = 1 }) {\n  return h(\"span.unit-number\", [\n    h(\"span.number\", value.toFixed(precision)),\n    h(\"span.unit\", unit),\n  ]);\n}\n\nexport function FeaturePanel({\n  features,\n  focusedSource = null,\n  focusedSourceTitle = null,\n}) {\n  if (features == null) return null;\n\n  let focusedSourcePanel = null;\n  let filteredFeatures = features;\n  let title = \"Features\";\n\n  if (focusedSource != null) {\n    title = \"Basemap features\";\n    focusedSourcePanel = h(\n      ExpansionPanel,\n      {\n        title: focusedSourceTitle ?? \"Macrostrat features\",\n        className: \"macrostrat-features\",\n        expanded: true,\n      },\n      [\n        h(LoadingAwareFeatureSet, {\n          features,\n          sourceID: focusedSource,\n        }),\n      ],\n    );\n    filteredFeatures = features.filter((d) => d.source != focusedSource);\n  }\n\n  return h(\"div.feature-panel\", [\n    focusedSourcePanel,\n    h(\n      ExpansionPanel,\n      { title, className: \"basemap-features\", expanded: focusedSource == null },\n      [\n        h(FeatureGroups, {\n          features: filteredFeatures,\n        }),\n      ],\n    ),\n  ]);\n}\n\nfunction FeatureGroups({ features }) {\n  /** Group features by source and sourceLayer */\n  if (features == null) return null;\n\n  const groups = group(features, (d: any) => `${d.source} - ${d.sourceLayer}`);\n\n  return h(\n    \"div.feature-groups\",\n    Array.from(groups).map(([key, features]) => {\n      return h(\"div.feature-group\", [\n        h(FeatureHeader, { feature: features[0] }),\n        h(Features, { features }),\n      ]);\n    }),\n  );\n}\n\nexport function Features({ features }) {\n  return h(\n    \"div.features\",\n    features.map((feature, i) => h(FeatureRecord, { key: i, feature })),\n  );\n}\n"],"names":[],"version":3,"file":"map-interface.e9bcd5c0.js.map"}

package/dist/cjs/map-interface.f8826069.js

@@ -1,46 +0,0 @@
-var $eRYHH$macrostratmapboxreact = require("@macrostrat/mapbox-react");
-var $eRYHH$mapboxtilebelt = require("@mapbox/tilebelt");
-var $eRYHH$macrostratmapboxutils = require("@macrostrat/mapbox-utils");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "TileExtentLayer", () => $abbe8d0af34cbbed$export$86c09739b12f23cd);
-
-
-
-function $abbe8d0af34cbbed$export$86c09739b12f23cd({ tile: tile, color: color = "red" }) {
-    (0, $eRYHH$macrostratmapboxreact.useMapStyleOperator)((map)=>{
-        const style = map.getStyle();
-        if (style.layers == null) return;
-        style.layers = style.layers.filter((l)=>l.id != "tile-extent");
-        if (tile == null) return map.setStyle(style);
-        const { x: x, y: y, z: z } = tile;
-        const extent = (0, $eRYHH$mapboxtilebelt.tileToGeoJSON)([
-            x,
-            y,
-            z
-        ]);
-        (0, $eRYHH$macrostratmapboxutils.setGeoJSON)(map, "tile-extent", extent);
-        if (map.getLayer("tile-extent") != null) // If the layer already exists, we can just update it
-        map.removeLayer("tile-extent");
-        map.addLayer({
-            id: "tile-extent",
-            type: "line",
-            source: "tile-extent",
-            paint: {
-                "line-color": color,
-                "line-width": 2
-            }
-        });
-    }, [
-        color,
-        tile
-    ]);
-    return null;
-}
-
-
-//# sourceMappingURL=map-interface.f8826069.js.map

package/dist/cjs/map-interface.f8826069.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;AAMO,SAAS,0CAAgB,QAC9B,IAAI,SACJ,QAAQ,OAIT;IACC,CAAA,GAAA,gDAAkB,EAChB,CAAC;QACC,MAAM,QAAQ,IAAI,QAAQ;QAC1B,IAAI,MAAM,MAAM,IAAI,MAAM;QAC1B,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,CAAC,IAAM,EAAE,EAAE,IAAI;QAClD,IAAI,QAAQ,MACV,OAAO,IAAI,QAAQ,CAAC;QAEtB,MAAM,KAAE,CAAC,KAAE,CAAC,KAAE,CAAC,EAAE,GAAG;QACpB,MAAM,SAAS,CAAA,GAAA,mCAAY,EAAE;YAAC;YAAG;YAAG;SAAE;QAEtC,CAAA,GAAA,uCAAS,EAAE,KAAK,eAAe;QAE/B,IAAI,IAAI,QAAQ,CAAC,kBAAkB,MACjC,qDAAqD;QACrD,IAAI,WAAW,CAAC;QAGlB,IAAI,QAAQ,CAAC;YACX,IAAI;YACJ,MAAM;YACN,QAAQ;YACR,OAAO;gBACL,cAAc;gBACd,cAAc;YAChB;QACF;IACF,GACA;QAAC;QAAO;KAAK;IAEf,OAAO;AACT","sources":["packages/map-interface/src/dev/tile-extent.ts"],"sourcesContent":["import { useMapStyleOperator } from \"@macrostrat/mapbox-react\";\nimport { tileToGeoJSON } from \"@mapbox/tilebelt\";\nimport { setGeoJSON } from \"@macrostrat/mapbox-utils\";\n\ntype TileIndex = { x: number; y: number; z: number };\n\nexport function TileExtentLayer({\n  tile,\n  color = \"red\",\n}: {\n  tile: TileIndex | null;\n  color?: string;\n}) {\n  useMapStyleOperator(\n    (map) => {\n      const style = map.getStyle();\n      if (style.layers == null) return;\n      style.layers = style.layers.filter((l) => l.id != \"tile-extent\");\n      if (tile == null) {\n        return map.setStyle(style);\n      }\n      const { x, y, z } = tile;\n      const extent = tileToGeoJSON([x, y, z]);\n\n      setGeoJSON(map, \"tile-extent\", extent as any);\n\n      if (map.getLayer(\"tile-extent\") != null) {\n        // If the layer already exists, we can just update it\n        map.removeLayer(\"tile-extent\");\n      }\n\n      map.addLayer({\n        id: \"tile-extent\",\n        type: \"line\",\n        source: \"tile-extent\",\n        paint: {\n          \"line-color\": color,\n          \"line-width\": 2,\n        },\n      });\n    },\n    [color, tile],\n  );\n  return null;\n}\n"],"names":[],"version":3,"file":"map-interface.f8826069.js.map"}

package/dist/cjs/map-interface.f9611285.js

@@ -1,32 +0,0 @@
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "age-chip", () => $ae0016a490fce4b5$export$eb4c6d45e0e8265b, (v) => $ae0016a490fce4b5$export$eb4c6d45e0e8265b = v);
-$parcel$export(module.exports, "age-chip-age", () => $ae0016a490fce4b5$export$1a12372f439eeed7, (v) => $ae0016a490fce4b5$export$1a12372f439eeed7 = v);
-$parcel$export(module.exports, "age-chip-container", () => $ae0016a490fce4b5$export$9759c64f9027df1f, (v) => $ae0016a490fce4b5$export$9759c64f9027df1f = v);
-$parcel$export(module.exports, "age-chip-ma", () => $ae0016a490fce4b5$export$24f941c9795ad653, (v) => $ae0016a490fce4b5$export$24f941c9795ad653 = v);
-$parcel$export(module.exports, "age-ma", () => $ae0016a490fce4b5$export$e2d3f9c2293ff4bc, (v) => $ae0016a490fce4b5$export$e2d3f9c2293ff4bc = v);
-$parcel$export(module.exports, "chip", () => $ae0016a490fce4b5$export$aa2a4c698c03a4c8, (v) => $ae0016a490fce4b5$export$aa2a4c698c03a4c8 = v);
-$parcel$export(module.exports, "emphasized", () => $ae0016a490fce4b5$export$1ee2ee71de083e4d, (v) => $ae0016a490fce4b5$export$1ee2ee71de083e4d = v);
-$parcel$export(module.exports, "lith-chip", () => $ae0016a490fce4b5$export$ec979c6b78633e98, (v) => $ae0016a490fce4b5$export$ec979c6b78633e98 = v);
-var $ae0016a490fce4b5$export$eb4c6d45e0e8265b;
-var $ae0016a490fce4b5$export$1a12372f439eeed7;
-var $ae0016a490fce4b5$export$9759c64f9027df1f;
-var $ae0016a490fce4b5$export$24f941c9795ad653;
-var $ae0016a490fce4b5$export$e2d3f9c2293ff4bc;
-var $ae0016a490fce4b5$export$aa2a4c698c03a4c8;
-var $ae0016a490fce4b5$export$1ee2ee71de083e4d;
-var $ae0016a490fce4b5$export$ec979c6b78633e98;
-$ae0016a490fce4b5$export$eb4c6d45e0e8265b = `-ZpnVG_age-chip`;
-$ae0016a490fce4b5$export$1a12372f439eeed7 = `-ZpnVG_age-chip-age`;
-$ae0016a490fce4b5$export$9759c64f9027df1f = `-ZpnVG_age-chip-container`;
-$ae0016a490fce4b5$export$24f941c9795ad653 = `-ZpnVG_age-chip-ma`;
-$ae0016a490fce4b5$export$e2d3f9c2293ff4bc = `-ZpnVG_age-ma`;
-$ae0016a490fce4b5$export$aa2a4c698c03a4c8 = `-ZpnVG_chip`;
-$ae0016a490fce4b5$export$1ee2ee71de083e4d = `-ZpnVG_emphasized`;
-$ae0016a490fce4b5$export$ec979c6b78633e98 = `-ZpnVG_lith-chip`;
-
-
-//# sourceMappingURL=map-interface.f9611285.js.map

package/dist/cjs/map-interface.f9611285.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAPA,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAAyB,CAAC,WAAW,CAAC;AACtC,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA8B,CAAC,gBAAgB,CAAC","sources":["packages/map-interface/src/location-details/info-blocks.module.styl"],"sourcesContent":[".chip\n  padding 3px 6px\n  margin 2px 6px 2px 0\n  border-radius: 5px;\n  text-align: center;\n  &.emphasized\n    font-weight: 600;\n\n.age-chip-container {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 700;\n  display: inline-block;\n}\n.age-chip {\n  display: inline-block;\n}\n\n:global(.bp5-dark) .age-chip {\n  color: #fff;\n}\n\n.age-chip-age {\n  font-size: 75%;\n}\n.age-chip-ma {\n  font-size: 70%;\n  font-weight: 400;\n}\n\n.age-ma {\n  font-style italic\n}\n\n.lith-chip\n  display: inline-block;\n  font-size: 12px;\n  background-repeat: repeat;\n  background-size: cover;\n  //background-color: rgba(255,255,255,0.5);"],"names":[],"version":3,"file":"map-interface.f9611285.js.map"}

package/dist/cjs/map-interface.ffb109ef.js

@@ -1,46 +0,0 @@
-var $y4eOj$react = require("react");
-var $y4eOj$mapboxgl = require("mapbox-gl");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "getMapPadding", () => $3490fc4f4bda12f7$export$bb78f9f01775eef1);
-$parcel$export(module.exports, "useMapMarker", () => $3490fc4f4bda12f7$export$278090850f6b3a9f);
-
-
-function $3490fc4f4bda12f7$var$calcMapPadding(rect, childRect) {
-    return {
-        left: Math.max(rect.left - childRect.left, 0),
-        top: Math.max(rect.top - childRect.top, 0),
-        right: Math.max(childRect.right - rect.right, 0),
-        bottom: Math.max(childRect.bottom - rect.bottom, 0)
-    };
-}
-function $3490fc4f4bda12f7$export$bb78f9f01775eef1(ref, parentRef) {
-    const rect = parentRef.current?.getBoundingClientRect();
-    const childRect = ref.current?.getBoundingClientRect();
-    if (rect == null || childRect == null) return;
-    return $3490fc4f4bda12f7$var$calcMapPadding(rect, childRect);
-}
-function $3490fc4f4bda12f7$export$278090850f6b3a9f(mapRef, markerRef, markerPosition) {
-    (0, $y4eOj$react.useEffect)(()=>{
-        const map = mapRef.current;
-        if (map == null) return;
-        if (markerPosition == null) {
-            markerRef.current?.remove();
-            return;
-        }
-        const marker = markerRef.current ?? new (0, $y4eOj$mapboxgl.Marker)();
-        marker.setLngLat(markerPosition).addTo(map);
-        markerRef.current = marker;
-        return ()=>marker.remove();
-    }, [
-        mapRef.current,
-        markerPosition
-    ]);
-}
-
-
-//# sourceMappingURL=map-interface.ffb109ef.js.map

package/dist/cjs/map-interface.ffb109ef.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;AAGA,SAAS,qCAAe,IAAI,EAAE,SAAS;IACrC,OAAO;QACL,MAAM,KAAK,GAAG,CAAC,KAAK,IAAI,GAAG,UAAU,IAAI,EAAE;QAC3C,KAAK,KAAK,GAAG,CAAC,KAAK,GAAG,GAAG,UAAU,GAAG,EAAE;QACxC,OAAO,KAAK,GAAG,CAAC,UAAU,KAAK,GAAG,KAAK,KAAK,EAAE;QAC9C,QAAQ,KAAK,GAAG,CAAC,UAAU,MAAM,GAAG,KAAK,MAAM,EAAE;IACnD;AACF;AAEO,SAAS,0CAAc,GAAG,EAAE,SAAS;IAC1C,MAAM,OAAO,UAAU,OAAO,EAAE;IAChC,MAAM,YAAY,IAAI,OAAO,EAAE;IAC/B,IAAI,QAAQ,QAAQ,aAAa,MAAM;IACvC,OAAO,qCAAe,MAAM;AAC9B;AAEO,SAAS,0CAAa,MAAM,EAAE,SAAS,EAAE,cAAc;IAC5D,CAAA,GAAA,sBAAQ,EAAE;QACR,MAAM,MAAM,OAAO,OAAO;QAC1B,IAAI,OAAO,MAAM;QACjB,IAAI,kBAAkB,MAAM;YAC1B,UAAU,OAAO,EAAE;YACnB;QACF;QACA,MAAM,SAAS,UAAU,OAAO,IAAI,IAAI,CAAA,GAAA,sBAAK;QAC7C,OAAO,SAAS,CAAC,gBAAgB,KAAK,CAAC;QACvC,UAAU,OAAO,GAAG;QACpB,OAAO,IAAM,OAAO,MAAM;IAC5B,GAAG;QAAC,OAAO,OAAO;QAAE;KAAe;AACrC","sources":["packages/map-interface/src/utils.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { Marker } from \"mapbox-gl\";\n\nfunction calcMapPadding(rect, childRect) {\n  return {\n    left: Math.max(rect.left - childRect.left, 0),\n    top: Math.max(rect.top - childRect.top, 0),\n    right: Math.max(childRect.right - rect.right, 0),\n    bottom: Math.max(childRect.bottom - rect.bottom, 0),\n  };\n}\n\nexport function getMapPadding(ref, parentRef) {\n  const rect = parentRef.current?.getBoundingClientRect();\n  const childRect = ref.current?.getBoundingClientRect();\n  if (rect == null || childRect == null) return;\n  return calcMapPadding(rect, childRect);\n}\n\nexport function useMapMarker(mapRef, markerRef, markerPosition) {\n  useEffect(() => {\n    const map = mapRef.current;\n    if (map == null) return;\n    if (markerPosition == null) {\n      markerRef.current?.remove();\n      return;\n    }\n    const marker = markerRef.current ?? new Marker();\n    marker.setLngLat(markerPosition).addTo(map);\n    markerRef.current = marker;\n    return () => marker.remove();\n  }, [mapRef.current, markerPosition]);\n}\n"],"names":[],"version":3,"file":"map-interface.ffb109ef.js.map"}