@macrostrat/map-interface 1.3.0 → 1.3.2

package/dist/node/utils.274d0452.js.map

@@ -1 +0,0 @@
-{"mappings":"A,I,E,Q,aCEoB,AAAA,CAAA,EAAA,EAAA,MAAK,AAAL,EAAO,QACP,AAAA,CAAA,EAAA,EAAA,MAAK,AAAL,EAAO,QACP,AAAA,CAAA,EAAA,EAAA,MAAK,AAAL,EAAO,QACP,AAAA,CAAA,EAAA,EAAA,MAAK,AAAL,EAAO,QACL,AAAA,CAAA,EAAA,EAAA,MAAK,AAAL,EAAO","sources":["<anon>","packages/map-interface/src/location-info/utils.ts"],"sourcesContent":["var $aQqjl$d3format = require(\"d3-format\");\n\n\nconst $eb373b7136880894$export$97c1b10e131a836d = (0, $aQqjl$d3format.format)(\".4~f\");\nconst $eb373b7136880894$export$b1cb0f7fb990b3ea = (0, $aQqjl$d3format.format)(\".3~f\");\nconst $eb373b7136880894$export$4c173b1b2f78faf7 = (0, $aQqjl$d3format.format)(\".2~f\");\nconst $eb373b7136880894$export$e54bbd2c33d17485 = (0, $aQqjl$d3format.format)(\".1~f\");\nconst $eb373b7136880894$export$bc135f63e2f56fd4 = (0, $aQqjl$d3format.format)(\".0f\");\nfunction $eb373b7136880894$export$7c4d25c0c3217d8c(val, precision = 0) {\n    switch(precision){\n        case 4:\n            return $eb373b7136880894$export$97c1b10e131a836d(val);\n        case 3:\n            return $eb373b7136880894$export$b1cb0f7fb990b3ea(val);\n        case 2:\n            return $eb373b7136880894$export$4c173b1b2f78faf7(val);\n        case 1:\n            return $eb373b7136880894$export$e54bbd2c33d17485(val);\n        case 0:\n            return $eb373b7136880894$export$bc135f63e2f56fd4(val);\n        default:\n            return $eb373b7136880894$export$97c1b10e131a836d(val);\n    }\n}\n\n\n//# sourceMappingURL=utils.274d0452.js.map\n","import { format } from \"d3-format\";\n\nexport const fmt4 = format(\".4~f\");\nexport const fmt3 = format(\".3~f\");\nexport const fmt2 = format(\".2~f\");\nexport const fmt1 = format(\".1~f\");\nexport const fmtInt = format(\".0f\");\n\nexport function formatValue(val: number, precision: number = 0): string {\n  switch (precision) {\n    case 4:\n      return fmt4(val);\n    case 3:\n      return fmt3(val);\n    case 2:\n      return fmt2(val);\n    case 1:\n      return fmt1(val);\n    case 0:\n      return fmtInt(val);\n    default:\n      return fmt4(val);\n  }\n}\n"],"names":["$aQqjl$d3format","require","format"],"version":3,"file":"utils.274d0452.js.map","sourceRoot":"../../../../"}

package/dist/node/utils.dd92f725.js

@@ -1,2 +0,0 @@
-require("react"),require("mapbox-gl");
-//# sourceMappingURL=utils.dd92f725.js.map

package/dist/node/utils.dd92f725.js.map

@@ -1 +0,0 @@
-{"mappings":"A,Q,S,Q","sources":["<anon>","packages/map-interface/src/utils.ts"],"sourcesContent":["var $hs6oS$react = require(\"react\");\nvar $hs6oS$mapboxgl = require(\"mapbox-gl\");\n\n\n\nfunction $70af8c34138feecc$var$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}\nfunction $70af8c34138feecc$export$bb78f9f01775eef1(ref, parentRef) {\n    const rect = parentRef.current?.getBoundingClientRect();\n    const childRect = ref.current?.getBoundingClientRect();\n    if (rect == null || childRect == null) return;\n    return $70af8c34138feecc$var$calcMapPadding(rect, childRect);\n}\nfunction $70af8c34138feecc$export$278090850f6b3a9f(mapRef, markerRef, markerPosition) {\n    (0, $hs6oS$react.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 (0, $hs6oS$mapboxgl.Marker)();\n        marker.setLngLat(markerPosition).addTo(map);\n        markerRef.current = marker;\n        return ()=>marker.remove();\n    }, [\n        mapRef.current,\n        markerPosition\n    ]);\n}\n\n\n//# sourceMappingURL=utils.dd92f725.js.map\n","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":["require"],"version":3,"file":"utils.dd92f725.js.map","sourceRoot":"../../../../"}

package/dist/node/vector-tile-features.b5a23b71.js

@@ -1,2 +0,0 @@
-require("./main.module.434acaf9.js"),require("./main.module.29a15f3d.css"),require("./expansion-panel.62240ee3.js"),require("@blueprintjs/core"),require("@macrostrat/mapbox-react");var e=require("@macrostrat/hyper");function r(e){return e&&e.__esModule?e.default:e}require("react"),require("@macrostrat/ui-components"),require("d3-array");var i=globalThis,a={},t={},n=i.parcelRequire94c2;null==n&&((n=function(e){if(e in a)return a[e].exports;if(e in t){var r=t[e];delete t[e];var i={id:e,exports:{}};return a[e]=i,r.call(i.exports,i,i.exports),i.exports}var n=Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}).register=function(e,r){t[e]=r},i.parcelRequire94c2=n),n.register;var o=n("7gWgo");new URL("expansion-panel.62240ee3.js","file:"+__filename).toString(),r(e).styled(r(o));
-//# sourceMappingURL=vector-tile-features.b5a23b71.js.map

package/dist/node/vector-tile-features.b5a23b71.js.map

@@ -1 +0,0 @@
-{"mappings":"A,Q,8C,Q,+C,Q,kD,Q,qB,Q,4B,I,E,Q,qB,S,E,C,E,O,G,E,U,C,E,O,C,C,C,Q,S,Q,6B,Q,Y,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,I,E,E,SEAiB,IAAA,IAAoB,+CAAA,QAAA,YAAgD,QAAQ,GDUnF,AAAA,AAAA,EAAA,GAAM,MAAM,CAAC,EAAA","sources":["<anon>","packages/map-interface/src/dev/vector-tile-features.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-1865b63dee819005.js"],"sourcesContent":["require(\"./main.module.434acaf9.js\");\nrequire(\"./main.module.29a15f3d.css\");\nrequire(\"./expansion-panel.62240ee3.js\");\nvar $aOXfC$blueprintjscore = require(\"@blueprintjs/core\");\nvar $aOXfC$macrostratmapboxreact = require(\"@macrostrat/mapbox-react\");\nvar $aOXfC$macrostrathyper = require(\"@macrostrat/hyper\");\nvar $aOXfC$react = require(\"react\");\nvar $aOXfC$macrostratuicomponents = require(\"@macrostrat/ui-components\");\nvar $aOXfC$d3array = require(\"d3-array\");\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequire94c2\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequire94c2\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\n\n\n\nvar $7gWgo = parcelRequire(\"7gWgo\");\n\n\n\nvar $1b9f6bceeea1f7c0$exports = {};\n$1b9f6bceeea1f7c0$exports = new URL(\"expansion-panel.62240ee3.js\", \"file:\" + __filename).toString();\n\n\nconst $24508fe2b4ce0838$var$h = (0, ($parcel$interopDefault($aOXfC$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($7gWgo))));\nfunction $24508fe2b4ce0838$export$2906e7f4b228efe9({ data: 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] = (0, $aOXfC$react.useState)(false);\n    const onMouseEnter = (0, $aOXfC$react.useCallback)(()=>setShowControls(true), []);\n    const onMouseLeave = (0, $aOXfC$react.useCallback)(()=>setShowControls(false), []);\n    return $24508fe2b4ce0838$var$h(\"div.feature-properties\", {\n        onMouseEnter: onMouseEnter,\n        onMouseLeave: onMouseLeave\n    }, [\n        $24508fe2b4ce0838$var$h.if(showControls)(\"div.controls\", $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$CopyJSONButton, {\n            data: data\n        })),\n        $24508fe2b4ce0838$var$h((0, $aOXfC$macrostratuicomponents.JSONView), {\n            data: data,\n            hideRoot: true,\n            ...rest\n        })\n    ]);\n}\nfunction $24508fe2b4ce0838$export$dc87b4d46cea200d({ feature: feature }) {\n    const props = feature.properties;\n    return $24508fe2b4ce0838$var$h(\"div.feature-record\", [\n        $24508fe2b4ce0838$var$h.if(Object.keys(props).length > 0)($24508fe2b4ce0838$export$2906e7f4b228efe9, {\n            data: props\n        })\n    ]);\n}\nfunction $24508fe2b4ce0838$var$CopyJSONButton({ data: data }) {\n    const [copied, setCopied] = (0, $aOXfC$react.useState)(false);\n    return $24508fe2b4ce0838$var$h((0, $aOXfC$blueprintjscore.Button), {\n        icon: copied ? \"tick\" : \"clipboard\",\n        intent: copied ? (0, $aOXfC$blueprintjscore.Intent).SUCCESS : (0, $aOXfC$blueprintjscore.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}\nfunction $24508fe2b4ce0838$export$214daccdda0f4ac6({ selectedLocation: selectedLocation, setFeatures: setFeatures, radius: radius = 2 }) {\n    const mapRef = (0, $aOXfC$macrostratmapboxreact.useMapRef)();\n    const isLoading = (0, $aOXfC$macrostratmapboxreact.useMapStatus)((s)=>s.isLoading);\n    const isInitialized = (0, $aOXfC$macrostratmapboxreact.useMapStatus)((s)=>s.isInitialized);\n    const prevLocation = (0, $aOXfC$react.useRef)(null);\n    const prevFeatures = (0, $aOXfC$react.useRef)([]);\n    (0, $aOXfC$react.useEffect)(()=>{\n        const map = mapRef?.current;\n        if (map == null) return;\n        if (selectedLocation == null) {\n            setFeatures(null);\n            return;\n        }\n        if (!isInitialized) return;\n        const hasPreviouslyLoadedFeatures = prevFeatures.current.length > 0;\n        const locationMemo = JSON.stringify(selectedLocation);\n        if (locationMemo == prevLocation.current && hasPreviouslyLoadedFeatures) return;\n        prevLocation.current = locationMemo;\n        // Don't update if the location hasn't changed\n        //if (selectedLocation == prevLocation) return;\n        const r = radius;\n        const pt = map.project(selectedLocation);\n        const bbox = [\n            [\n                pt.x - r,\n                pt.y - r\n            ],\n            [\n                pt.x + r,\n                pt.y + r\n            ]\n        ];\n        const features = map.queryRenderedFeatures(bbox);\n        prevFeatures.current = features ?? [];\n        setFeatures(features);\n    }, [\n        isInitialized,\n        selectedLocation,\n        isLoading\n    ]);\n    return null;\n}\nfunction $24508fe2b4ce0838$var$FeatureHeader({ feature: feature }) {\n    return $24508fe2b4ce0838$var$h(\"div.feature-header\", [\n        $24508fe2b4ce0838$var$h(\"h3\", [\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$KeyValue, {\n                label: \"Source\",\n                value: feature.source\n            }),\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$KeyValue, {\n                label: \"Source layer\",\n                value: feature.sourceLayer\n            })\n        ])\n    ]);\n}\nfunction $24508fe2b4ce0838$var$KeyValue({ label: label, value: value }) {\n    return $24508fe2b4ce0838$var$h(\"span.key-value\", [\n        $24508fe2b4ce0838$var$h(\"span.key\", label),\n        $24508fe2b4ce0838$var$h(\"code.value\", value)\n    ]);\n}\nfunction $24508fe2b4ce0838$var$LoadingAwareFeatureSet({ features: features, sourceID: sourceID }) {\n    const map = (0, $aOXfC$macrostratmapboxreact.useMapRef)();\n    if (map?.current == null) return null;\n    const [isLoaded, setIsLoaded] = (0, $aOXfC$react.useState)(false);\n    const sourceFeatures = features.filter((d)=>d.source == \"burwell\");\n    (0, $aOXfC$react.useEffect)(()=>{\n        if (sourceFeatures.length > 0) {\n            setIsLoaded(true);\n            return;\n        }\n        const isLoaded = map.current.isSourceLoaded(sourceID);\n        setIsLoaded(isLoaded);\n        if (!isLoaded) map.current.once(\"sourcedata\", (e)=>{\n            if (e.sourceId == sourceID) setIsLoaded(true);\n        });\n    }, [\n        map.current,\n        sourceID,\n        sourceFeatures.length\n    ]);\n    if (!isLoaded) return $24508fe2b4ce0838$var$h((0, $aOXfC$blueprintjscore.Spinner));\n    return $24508fe2b4ce0838$var$h($24508fe2b4ce0838$export$617d79dae526d2cf, {\n        features: sourceFeatures\n    });\n}\nfunction $24508fe2b4ce0838$export$43c75dec9d0b96c({ feature: feature, showExtent: showExtent, setShowExtent: setShowExtent }) {\n    if (feature == null) return null;\n    const size = feature._vectorTileFeature._pbf.length;\n    return $24508fe2b4ce0838$var$h(\"div.tile-info\", [\n        $24508fe2b4ce0838$var$h(\"h3\", \"Tile\"),\n        $24508fe2b4ce0838$var$h(\"div.tile-index\", [\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$KeyValue, {\n                label: \"x\",\n                value: feature._x\n            }),\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$KeyValue, {\n                label: \"y\",\n                value: feature._y\n            }),\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$KeyValue, {\n                label: \"z\",\n                value: feature._z\n            })\n        ]),\n        $24508fe2b4ce0838$var$h(\"div.spacer\"),\n        $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$KeyValue, {\n            label: \"Size\",\n            value: $24508fe2b4ce0838$var$formatSize(size)\n        }),\n        $24508fe2b4ce0838$var$h((0, $aOXfC$blueprintjscore.Switch), {\n            label: \"Show extent\",\n            alignIndicator: \"right\",\n            checked: showExtent,\n            onChange () {\n                setShowExtent(!showExtent);\n            }\n        })\n    ]);\n}\nfunction $24508fe2b4ce0838$var$formatSize(size) {\n    if (size > 1000000) return $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$UnitNumber, {\n        value: size / 1000000,\n        unit: \"Mb\"\n    });\n    if (size > 1000) return $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$UnitNumber, {\n        value: size / 1000,\n        unit: \"Kb\"\n    });\n    return `${size} bytes`;\n}\nfunction $24508fe2b4ce0838$var$UnitNumber({ value: value, unit: unit, precision: precision = 1 }) {\n    return $24508fe2b4ce0838$var$h(\"span.unit-number\", [\n        $24508fe2b4ce0838$var$h(\"span.number\", value.toFixed(precision)),\n        $24508fe2b4ce0838$var$h(\"span.unit\", unit)\n    ]);\n}\nfunction $24508fe2b4ce0838$export$43277c51a01761c1({ features: features, focusedSource: focusedSource = null }) {\n    if (features == null) return null;\n    let focusedSourcePanel = null;\n    let filteredFeatures = features;\n    let title = \"Features\";\n    if (focusedSource != null) {\n        title = \"Basemap features\";\n        focusedSourcePanel = $24508fe2b4ce0838$var$h((0, $1b9f6bceeea1f7c0$exports.ExpansionPanel), {\n            title: \"Macrostrat features\",\n            className: \"macrostrat-features\",\n            expanded: true\n        }, [\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$LoadingAwareFeatureSet, {\n                features: features,\n                sourceID: focusedSource\n            })\n        ]);\n        filteredFeatures = features.filter((d)=>d.source != focusedSource);\n    }\n    return $24508fe2b4ce0838$var$h(\"div.feature-panel\", [\n        focusedSourcePanel,\n        $24508fe2b4ce0838$var$h((0, $1b9f6bceeea1f7c0$exports.ExpansionPanel), {\n            title: title,\n            className: \"basemap-features\",\n            expanded: focusedSource == null\n        }, [\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$FeatureGroups, {\n                features: filteredFeatures\n            })\n        ])\n    ]);\n}\nfunction $24508fe2b4ce0838$var$FeatureGroups({ features: features }) {\n    /** Group features by source and sourceLayer */ if (features == null) return null;\n    const groups = (0, $aOXfC$d3array.group)(features, (d)=>`${d.source} - ${d.sourceLayer}`);\n    return $24508fe2b4ce0838$var$h(\"div.feature-groups\", Array.from(groups).map(([key, features])=>{\n        return $24508fe2b4ce0838$var$h(\"div.feature-group\", [\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$FeatureHeader, {\n                feature: features[0]\n            }),\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$export$617d79dae526d2cf, {\n                features: features\n            })\n        ]);\n    }));\n}\nfunction $24508fe2b4ce0838$export$617d79dae526d2cf({ features: features }) {\n    return $24508fe2b4ce0838$var$h(\"div.features\", features.map((feature, i)=>$24508fe2b4ce0838$var$h($24508fe2b4ce0838$export$dc87b4d46cea200d, {\n            key: i,\n            feature: feature\n        })));\n}\n\n\n//# sourceMappingURL=vector-tile-features.b5a23b71.js.map\n","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({ features, focusedSource = null }) {\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: \"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) => `${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","module.exports = new __parcel__URL__(\"expansion-panel.62240ee3.js\").toString();"],"names":["require","$aOXfC$macrostrathyper","$parcel$interopDefault","a","__esModule","default","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$7gWgo","URL","__filename","toString","styled"],"version":3,"file":"vector-tile-features.b5a23b71.js.map","sourceRoot":"../../../../"}

package/dist/node/xray.bce11e7b.js

@@ -1,2 +0,0 @@
-require("@macrostrat/mapbox-utils"),require("@macrostrat/color-utils");
-//# sourceMappingURL=xray.bce11e7b.js.map

package/dist/node/xray.bce11e7b.js.map

@@ -1 +0,0 @@
-{"mappings":"A,Q,4B,Q","sources":["<anon>","packages/map-interface/src/dev/xray.ts"],"sourcesContent":["var $39uCi$macrostratmapboxutils = require(\"@macrostrat/mapbox-utils\");\nvar $39uCi$macrostratcolorutils = require(\"@macrostrat/color-utils\");\n\n\n\nasync function $acfff4a514fdc100$export$eff5fb2e10d05b1d(baseStyle, params = null) {\n    const { inDarkMode: inDarkMode = false, color: color = \"rgb(74, 242, 161)\", mapboxToken: mapboxToken, xRaySources: xRaySources } = params;\n    const style = await (0, $39uCi$macrostratmapboxutils.getMapboxStyle)(baseStyle, {\n        access_token: mapboxToken\n    });\n    const sources = xRaySources ?? Object.keys(style.sources);\n    let layers = [];\n    for (let layer of style.layers){\n        if (!sources.includes(layer.source)) {\n            layers.push(layer);\n            continue;\n        }\n        let newLayer = $acfff4a514fdc100$var$transformMapboxLayer(layer, color, inDarkMode);\n        if (newLayer != null) layers.push(newLayer);\n    }\n    return {\n        ...style,\n        layers: layers\n    };\n}\nfunction $acfff4a514fdc100$var$transformMapboxLayer(layer, color, inDarkMode) {\n    const c = (0, $39uCi$macrostratcolorutils.asChromaColor)(color);\n    const xRayColor = (opacity = 1, darken = 0)=>{\n        if (!inDarkMode) return (0, $39uCi$macrostratcolorutils.toRGBAString)(c.darken(2 - darken).alpha(opacity));\n        return (0, $39uCi$macrostratcolorutils.toRGBAString)(c.alpha(opacity).darken(darken));\n    };\n    if (layer.type == \"background\") return null;\n    let newLayer = {\n        ...layer\n    };\n    console.log(xRayColor(0.5));\n    if (layer.type == \"fill\") newLayer.paint = {\n        \"fill-color\": xRayColor(0.1),\n        \"fill-outline-color\": xRayColor(0.5)\n    };\n    else if (layer.type == \"line\") newLayer.paint = {\n        \"line-color\": xRayColor(0.5, 0),\n        \"line-width\": 1.5\n    };\n    else if (layer.type == \"symbol\") newLayer.paint = {\n        \"text-color\": xRayColor(1, -0.5),\n        \"text-halo-color\": \"#000\"\n    };\n    else if (layer.type == \"circle\") newLayer.paint = {\n        \"circle-color\": xRayColor(0.5, 0),\n        \"circle-stroke-color\": xRayColor(0.5, 1),\n        \"circle-radius\": 2\n    };\n    return newLayer;\n}\nasync function $acfff4a514fdc100$export$e739dc8dfc0db9a6(baseStyle, overlayStyle = null, params = {}) {\n    const { mapboxToken: mapboxToken, xRay: xRay = false, xRaySources: _xRaySources, ...rest } = params;\n    let xRaySources = _xRaySources;\n    let style = await (0, $39uCi$macrostratmapboxutils.getMapboxStyle)(baseStyle, {\n        access_token: mapboxToken\n    });\n    if (overlayStyle != null) {\n        const overlay = await (0, $39uCi$macrostratmapboxutils.getMapboxStyle)(overlayStyle, {\n            access_token: mapboxToken\n        });\n        style = (0, $39uCi$macrostratmapboxutils.mergeStyles)(style, overlay);\n        xRaySources ?? (xRaySources = Object.keys(overlay.sources));\n    }\n    if (xRay) {\n        // If we haven't specified sources, then we'll use all of them\n        xRaySources ?? (xRaySources = Object.keys(style.sources));\n        style = await $acfff4a514fdc100$export$eff5fb2e10d05b1d(style, {\n            ...rest,\n            mapboxToken: mapboxToken,\n            xRaySources: xRaySources\n        });\n    }\n    return style;\n}\n\n\n//# sourceMappingURL=xray.bce11e7b.js.map\n","import { getMapboxStyle, mergeStyles } from \"@macrostrat/mapbox-utils\";\nimport { asChromaColor, toRGBAString } from \"@macrostrat/color-utils\";\nimport mapboxgl from \"mapbox-gl\";\n\ninterface XRayOptions {\n  color?: string;\n  inDarkMode?: boolean;\n  mapboxToken?: string;\n  xRaySources?: string[];\n}\n\nexport async function buildXRayStyle(\n  baseStyle: string | object,\n  params: XRayOptions = null\n) {\n  const {\n    inDarkMode = false,\n    color = \"rgb(74, 242, 161)\",\n    mapboxToken,\n    xRaySources,\n  } = params;\n  const style = await getMapboxStyle(baseStyle, { access_token: mapboxToken });\n  const sources = xRaySources ?? Object.keys(style.sources);\n\n  let layers = [];\n  for (let layer of style.layers) {\n    if (!sources.includes(layer.source)) {\n      layers.push(layer);\n      continue;\n    }\n    let newLayer = transformMapboxLayer(layer, color, inDarkMode);\n    if (newLayer != null) {\n      layers.push(newLayer);\n    }\n  }\n\n  return {\n    ...style,\n    layers,\n  };\n}\n\nfunction transformMapboxLayer(layer, color, inDarkMode) {\n  const c = asChromaColor(color);\n  const xRayColor = (opacity = 1, darken = 0) => {\n    if (!inDarkMode) {\n      return toRGBAString(c.darken(2 - darken).alpha(opacity));\n    }\n    return toRGBAString(c.alpha(opacity).darken(darken));\n  };\n\n  if (layer.type == \"background\") {\n    return null;\n  }\n\n  let newLayer = { ...layer };\n\n  console.log(xRayColor(0.5));\n\n  if (layer.type == \"fill\") {\n    newLayer.paint = {\n      \"fill-color\": xRayColor(0.1),\n      \"fill-outline-color\": xRayColor(0.5),\n    };\n  } else if (layer.type == \"line\") {\n    newLayer.paint = {\n      \"line-color\": xRayColor(0.5, 0),\n      \"line-width\": 1.5,\n    };\n  } else if (layer.type == \"symbol\") {\n    newLayer.paint = {\n      \"text-color\": xRayColor(1, -0.5),\n      \"text-halo-color\": \"#000\",\n    };\n  } else if (layer.type == \"circle\") {\n    newLayer.paint = {\n      \"circle-color\": xRayColor(0.5, 0),\n      \"circle-stroke-color\": xRayColor(0.5, 1),\n      \"circle-radius\": 2,\n    };\n  }\n\n  return newLayer;\n}\n\ntype InspectorStyleOptions = XRayOptions & {\n  xRay?: boolean;\n};\n\nexport async function buildInspectorStyle(\n  baseStyle: mapboxgl.Style | string,\n  overlayStyle: mapboxgl.Style | string | null = null,\n  params: InspectorStyleOptions = {}\n) {\n  const {\n    mapboxToken,\n    xRay = false,\n    xRaySources: _xRaySources,\n    ...rest\n  } = params;\n  let xRaySources = _xRaySources;\n  let style = await getMapboxStyle(baseStyle, {\n    access_token: mapboxToken,\n  });\n\n  if (overlayStyle != null) {\n    const overlay = await getMapboxStyle(overlayStyle, {\n      access_token: mapboxToken,\n    });\n    style = mergeStyles(style, overlay);\n    xRaySources ??= Object.keys(overlay.sources);\n  }\n\n  if (xRay) {\n    // If we haven't specified sources, then we'll use all of them\n    xRaySources ??= Object.keys(style.sources);\n\n    style = await buildXRayStyle(style, { ...rest, mapboxToken, xRaySources });\n  }\n  return style;\n}\n"],"names":["require"],"version":3,"file":"xray.bce11e7b.js.map","sourceRoot":"../../../../"}