@macrostrat/map-interface 0.0.8 → 0.0.10

package/dist/types.d.ts

@@ -0,0 +1,223 @@
+import mapboxgl from "mapbox-gl";
+import { ReactNode } from "react";
+type LatLng = {
+    lng: number;
+    lat: number;
+};
+type TargetPosition = LatLng & {
+    zoom: number;
+};
+type CameraPosition = LatLng & {
+    bearing?: number;
+    pitch?: number;
+    altitude: number;
+};
+type MapPosition = {
+    camera: CameraPosition;
+    target?: TargetPosition;
+};
+export function LoadingButton({ isLoading, onClick, active, icon, }: {
+    isLoading?: boolean;
+    onClick: any;
+    active?: boolean;
+    icon?: string;
+}): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export function MapLoadingButton(props: any): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+type AnyChildren = React.ReactNode | React.ReactFragment;
+export function FloatingNavbar({ className, children, statusElement, }: {
+    className?: string;
+    children?: AnyChildren;
+    statusElement?: AnyChildren;
+}): import("react").ReactElement<{
+    className: string;
+}, string | import("react").JSXElementConstructor<any>>;
+declare namespace InfiniteScrollView {
+    var defaultProps: {
+        hasMore(a: any, b: any): boolean;
+        getItems(d: any): any;
+        getCount(d: any): any;
+        getNextParams(response: any, params: any): any;
+        placeholder: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    };
+}
+declare namespace ThreeColumnLayout {
+    var Panels: typeof SidePanel;
+}
+export function ValueWithUnit(props: any): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export function DegreeCoord(props: any): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface LngLatProps {
+    /** Map position */
+    position: [number, number] | {
+        lat: number;
+        lng: number;
+    };
+    className?: string;
+    /** Zoom level (used to infer coordinate rounding if provided) */
+    zoom?: number | null;
+    /** Number of decimal places to round coordinates to */
+    precision: number | null;
+    /** Function to format coordinates */
+    format?: (val: number, precision: number) => string;
+}
+export function LngLatCoords(props: LngLatProps): import("react").ReactElement<{
+    className: string;
+}, string | import("react").JSXElementConstructor<any>>;
+export function Elevation(props: any): import("react").ReactElement<{
+    className: any;
+}, string | import("react").JSXElementConstructor<any>>;
+export function InfoDrawerContainer(props: any): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export function LocationPanel(props: any): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+interface XRayOptions {
+    color?: string;
+    inDarkMode?: boolean;
+    mapboxToken?: string;
+    xRaySources?: string[];
+}
+export function buildXRayStyle(baseStyle: string | object, params?: XRayOptions): Promise<{
+    layers: any[];
+    sources: mapboxgl.Sources;
+    bearing?: number;
+    center?: number[];
+    fog?: mapboxgl.Fog;
+    glyphs?: string;
+    metadata?: any;
+    name?: string;
+    pitch?: number;
+    light?: mapboxgl.Light;
+    sprite?: string;
+    terrain?: mapboxgl.TerrainSpecification;
+    transition?: mapboxgl.Transition;
+    version: number;
+    zoom?: number;
+}>;
+type InspectorStyleOptions = XRayOptions & {
+    xRay?: boolean;
+};
+export function buildInspectorStyle(baseStyle: mapboxgl.Style | string, overlayStyle?: mapboxgl.Style | string | null, params?: InspectorStyleOptions): Promise<mapboxgl.Style>;
+export function MapBottomControls(): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export function MapInterface(): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export const PanelCard: (props: any) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export const MapAreaContainer: (props: any) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+interface MapContainerProps {
+    className?: string;
+    mapPosition?: MapPosition;
+    children?: ReactNode;
+}
+export function MapStyledContainer({ className, children }: MapContainerProps): import("react").ReactElement<{
+    className: string;
+}, string | import("react").JSXElementConstructor<any>>;
+export function getMapPadding(ref: any, parentRef: any): {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+};
+export function useMapMarker(mapRef: any, markerRef: any, markerPosition: any): void;
+export function MapResizeManager({ containerRef }: {
+    containerRef: any;
+}): any;
+interface MapPaddingManagerProps {
+    containerRef: React.RefObject<HTMLDivElement>;
+    parentRef: React.RefObject<HTMLDivElement>;
+    infoMarkerPosition: mapboxgl.LngLatLike;
+}
+export function MapPaddingManager({ containerRef, parentRef, infoMarkerPosition, }: MapPaddingManagerProps): any;
+export function MapMovedReporter({ onMapMoved }: {
+    onMapMoved?: any;
+}): any;
+export function MapLoadingReporter({ ignoredSources, onMapLoading, onMapIdle, mapIsLoading, }: {
+    ignoredSources: any;
+    onMapLoading?: any;
+    onMapIdle?: any;
+    mapIsLoading: any;
+}): any;
+export function MapMarker({ position, setPosition, centerMarker }: {
+    position: any;
+    setPosition: any;
+    centerMarker?: boolean;
+}): any;
+type MapboxCoreOptions = Omit<mapboxgl.MapboxOptions, "container">;
+export interface MapViewProps extends MapboxCoreOptions {
+    showLineSymbols?: boolean;
+    children?: React.ReactNode;
+    accessToken?: string;
+    terrainSourceID?: string;
+    enableTerrain?: boolean;
+    infoMarkerPosition?: mapboxgl.LngLatLike;
+    mapPosition?: MapPosition;
+}
+export function MapView(props: MapViewProps): import("react").ReactElement<{
+    ref: import("react").MutableRefObject<HTMLDivElement>;
+}, string | import("react").JSXElementConstructor<any>>;
+export function MapTerrainManager({ mapUse3D, terrainSourceID, }: {
+    mapUse3D?: boolean;
+    terrainSourceID?: string;
+}): any;
+type TileIndex = {
+    x: number;
+    y: number;
+    z: number;
+};
+export function TileExtentLayer({ tile, color, }: {
+    tile: TileIndex | null;
+    color?: string;
+}): any;
+export function ExpansionPanelSummary(props: any): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export function InfoPanelSection(props: any): import("react").ReactElement<{
+    className: any;
+}, string | import("react").JSXElementConstructor<any>>;
+export function ExpansionPanel(props: any): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export function SubExpansionPanel(props: any): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export function ExpandableDetailsPanel(props: any): import("react").ReactElement<{
+    className: any;
+}, string | import("react").JSXElementConstructor<any>>;
+export function ExpansionBody({ title, className, children }: {
+    title: any;
+    className: any;
+    children: any;
+}): import("react").ReactElement<{
+    className: any;
+}, string | import("react").JSXElementConstructor<any>>;
+export function FeatureRecord({ feature }: {
+    feature: any;
+}): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export function FeatureSelectionHandler({ selectedLocation, setFeatures, radius, }: {
+    selectedLocation: mapboxgl.LngLat;
+    setFeatures: (features: mapboxgl.MapboxGeoJSONFeature[]) => void;
+    radius?: number;
+}): any;
+export function TileInfo({ feature, showExtent, setShowExtent }: {
+    feature: any;
+    showExtent: any;
+    setShowExtent: any;
+}): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export function FeaturePanel({ features, focusedSource, focusedSourceTitle, }: {
+    features: any;
+    focusedSource?: any;
+    focusedSourceTitle?: any;
+}): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export enum MacrostratVectorTileset {
+    Carto = "carto",
+    CartoSlim = "carto-slim",
+    IGCPOrogens = "igcp-orogens"
+}
+export enum MacrostratRasterTileset {
+    Carto = "carto",
+    Emphasized = "emphasized"
+}
+export const h: import("@macrostrat/hyper").Hyper;
+export function DevMapPage({ title, headerElement, transformRequest, mapPosition, mapboxToken, overlayStyle, children, style, focusedSource, focusedSourceTitle, projection, }: {
+    headerElement?: React.ReactElement;
+    transformRequest?: mapboxgl.TransformRequestFunction;
+    title?: string;
+    style: mapboxgl.Style | string;
+    children?: React.ReactNode;
+    mapboxToken?: string;
+    overlayStyle?: mapboxgl.Style | string;
+    focusedSource?: string;
+    focusedSourceTitle?: string;
+    projection?: string;
+    mapPosition?: MapPosition;
+}): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/map-interface/mapbox-utils/src/preprocess-styles.ts","packages/map-interface/mapbox-utils/src/position.ts","packages/map-interface/mapbox-utils/src/view-info.ts","packages/map-interface/mapbox-utils/src/labels.ts","packages/map-interface/mapbox-utils/src/index.ts","packages/map-interface/mapbox-react/src/context.ts","packages/map-interface/mapbox-react/src/hooks.ts","packages/map-interface/mapbox-react/src/controls.ts","packages/map-interface/mapbox-react/src/terrain.ts","packages/map-interface/mapbox-react/src/debugger.ts","packages/map-interface/mapbox-react/src/focus-state.ts","packages/map-interface/mapbox-react/src/index.ts","packages/map-interface/src/src/context-panel/index.ts","packages/map-interface/ui-components/src/api/types.ts","packages/map-interface/ui-components/src/util/query-string.ts","packages/map-interface/ui-components/src/util/state-hooks.ts","packages/map-interface/ui-components/src/util/layout-hooks.ts","packages/map-interface/ui-components/src/util/local-storage.ts","packages/map-interface/ui-components/src/dark-mode.ts","packages/map-interface/ui-components/src/util/json-view.ts","packages/map-interface/ui-components/src/util/scroll-helpers.ts","packages/map-interface/ui-components/src/util/migration-helpers.ts","packages/map-interface/ui-components/src/util/box-model.ts","packages/map-interface/ui-components/src/util/event-hooks.ts","packages/map-interface/ui-components/src/util/flexbox.ts","packages/map-interface/ui-components/src/util/index.ts","packages/map-interface/ui-components/src/api/provider.ts","packages/map-interface/ui-components/src/api/data-provider.ts","packages/map-interface/ui-components/src/api/indexing.ts","packages/map-interface/ui-components/src/api/frontend.ts","packages/map-interface/ui-components/src/api/paged.ts","packages/map-interface/ui-components/src/api/index.ts","packages/map-interface/ui-components/src/infinite-scroll.ts","packages/map-interface/ui-components/src/buttons/delete-button.ts","packages/map-interface/ui-components/src/buttons/index.ts","packages/map-interface/ui-components/src/collapse-panel/index.ts","packages/map-interface/ui-components/src/link-card.ts","packages/map-interface/ui-components/src/file-upload/index.ts","packages/map-interface/ui-components/src/image.ts","packages/map-interface/ui-components/src/model-editor.ts","packages/map-interface/ui-components/src/toaster.ts","packages/map-interface/ui-components/src/citations/author-list.ts","packages/map-interface/ui-components/src/citations/index.ts","packages/map-interface/ui-components/src/geodeepdive/reference-card.ts","packages/map-interface/ui-components/src/geodeepdive/index.ts","packages/map-interface/ui-components/src/text.ts","packages/map-interface/ui-components/src/form-controls/slider.ts","packages/map-interface/ui-components/src/form-controls/index.ts","packages/map-interface/ui-components/src/settings/index.ts","packages/map-interface/ui-components/src/error-boundary.ts","packages/map-interface/ui-components/src/patterns/composite-image.ts","packages/map-interface/ui-components/src/patterns/index.ts","packages/map-interface/ui-components/src/collapse-card.ts","packages/map-interface/ui-components/src/modal-panel/draggable-overlay.ts","packages/map-interface/ui-components/src/modal-panel/index.ts","packages/map-interface/ui-components/src/page-layouts/index.ts","packages/map-interface/ui-components/src/index.ts","packages/map-interface/src/src/location-info/utils.ts","packages/map-interface/src/src/location-info/index.ts","packages/map-interface/src/src/location-panel/header.ts","packages/map-interface/src/src/location-panel/index.ts","packages/map-interface/src/src/dev/xray.ts","packages/map-interface/src/src/controls.ts","packages/map-interface/src/src/container.ts","packages/map-interface/src/src/utils.ts","packages/map-interface/src/src/helpers.ts","packages/map-interface/src/src/map-view/terrain.ts","packages/map-interface/src/src/map-view/index.ts","packages/map-interface/src/src/dev/tile-extent.ts","packages/map-interface/src/src/expansion-panel/headers.ts","packages/map-interface/src/src/expansion-panel/index.ts","packages/map-interface/src/src/dev/vector-tile-features.ts","packages/map-interface/src/src/dev/map-page.ts","packages/map-interface/src/src/dev/index.ts","packages/map-interface/src/src/index.ts","packages/map-interface/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,"export * from \"./context-panel\";\nexport * from \"./location-panel\";\nexport * from \"./dev\";\nexport * from \"./container\";\nexport * from \"./map-view\";\nexport * from \"./controls\";\nexport * from \"./helpers\";\nexport * from \"./utils\";\nexport * from \"./location-info\";\nexport * from \"./expansion-panel\";\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@macrostrat/map-interface",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "Map interface for Macrostrat",
-  "type": "module",
   "source": "src/index.ts",
-  "main": "dist/index.js",
+  "types": "dist/types.d.ts",
+  "module": "dist/module.js",
   "dependencies": {
     "@macrostrat/hyper": "^2.2.1",
-    "@macrostrat/mapbox-react": "^2.0.1",
-    "@macrostrat/mapbox-utils": "^1.2.0",
-    "@macrostrat/ui-components": "^3.0.0-b9",
+    "@macrostrat/mapbox-react": "^2.0.2",
+    "@macrostrat/mapbox-utils": "^1.2.1",
+    "@macrostrat/ui-components": "^3.0.0-b10",
     "@mapbox/tilebelt": "^1.0.2",
     "@turf/bbox": "^6.5.0",
     "chroma-js": "^2.4.2",
@@ -23,7 +23,8 @@
   },
   "peerDependencies": {
     "@blueprintjs/core": "^3.43.0 || ^4.3.0",
-    "react": "^16.8.6||^17.0.0||^18.0.0"
+    "react": "^16.8.6||^17.0.0||^18.0.0",
+    "react-dom": "^16.8.6||^17.0.0||^18.0.0"
   },
   "scripts": {
     "dev": "parcel watch",

package/src/dev/index.ts

@@ -1,179 +1,4 @@
-// Import other components
-import { Switch } from "@blueprintjs/core";
-import hyper from "@macrostrat/hyper";
-import { Spacer, useDarkMode, useStoredState } from "@macrostrat/ui-components";
-import mapboxgl from "mapbox-gl";
-import { useCallback, useState, useEffect } from "react";
-import { buildInspectorStyle, buildXRayStyle } from "./xray";
-import { MapAreaContainer, PanelCard } from "../container";
-import { FloatingNavbar, MapLoadingButton } from "../context-panel";
-import { MapMarker } from "../helpers";
-import { LocationPanel } from "../location-panel";
-import { MapView } from "../map-view";
-import styles from "./main.module.sass";
-import { TileExtentLayer } from "./tile-extent";
-import {
-  FeaturePanel,
-  FeatureSelectionHandler,
-  TileInfo,
-} from "./vector-tile-features";
-import { MapPosition } from "@macrostrat/mapbox-utils";
-
-export enum MacrostratVectorTileset {
-  Carto = "carto",
-  CartoSlim = "carto-slim",
-  IGCPOrogens = "igcp-orogens",
-}
-
-export enum MacrostratRasterTileset {
-  Carto = "carto",
-  Emphasized = "emphasized",
-}
-
-export const h = hyper.styled(styles);
-
-export function DevMapPage({
-  title = "Map inspector",
-  headerElement = null,
-  transformRequest = null,
-  mapPosition = null,
-  mapboxToken = null,
-  overlayStyle = null,
-  children,
-  style,
-  focusedSource = null,
-  focusedSourceTitle = null,
-  projection = null,
-}: {
-  headerElement?: React.ReactElement;
-  transformRequest?: mapboxgl.TransformRequestFunction;
-  title?: string;
-  style: mapboxgl.Style | string;
-  children?: React.ReactNode;
-  mapboxToken?: string;
-  overlayStyle?: mapboxgl.Style | string;
-  focusedSource?: string;
-  focusedSourceTitle?: string;
-  projection?: string;
-  mapPosition?: MapPosition;
-}) {
-  /* We apply a custom style to the panel container when we are interacting
-    with the search bar, so that we can block map interactions until search
-    bar focus is lost.
-    We also apply a custom style when the infodrawer is open so we can hide
-    the search bar on mobile platforms
-  */
-
-  const dark = useDarkMode();
-  const isEnabled = dark?.isEnabled;
-
-  if (mapboxToken != null) {
-    mapboxgl.accessToken = mapboxToken;
-  }
-
-  style ??= isEnabled
-    ? "mapbox://styles/mapbox/dark-v10"
-    : "mapbox://styles/mapbox/light-v10";
-
-  const [isOpen, setOpen] = useState(false);
-
-  const [state, setState] = useStoredState("macrostrat:dev-map-page", {
-    showTileExtent: false,
-    xRay: false,
-  });
-  const { showTileExtent, xRay } = state;
-
-  const [actualStyle, setActualStyle] = useState(style);
-
-  useEffect(() => {
-    buildInspectorStyle(style, overlayStyle, {
-      mapboxToken,
-      inDarkMode: isEnabled,
-      xRay,
-    }).then(setActualStyle);
-  }, [style, xRay, mapboxToken, isEnabled, overlayStyle]);
-
-  const [inspectPosition, setInspectPosition] =
-    useState<mapboxgl.LngLat | null>(null);
-
-  const [data, setData] = useState(null);
-
-  const onSelectPosition = useCallback((position: mapboxgl.LngLat) => {
-    setInspectPosition(position);
-  }, []);
-
-  let detailElement = null;
-  if (inspectPosition != null) {
-    detailElement = h(
-      LocationPanel,
-      {
-        onClose() {
-          setInspectPosition(null);
-        },
-        position: inspectPosition,
-      },
-      [
-        h(TileInfo, {
-          feature: data?.[0] ?? null,
-          showExtent: showTileExtent,
-          setShowExtent() {
-            setState({ ...state, showTileExtent: !showTileExtent });
-          },
-        }),
-        h(FeaturePanel, { features: data, focusedSource, focusedSourceTitle }),
-      ]
-    );
-  }
-
-  let tile = null;
-  if (showTileExtent && data?.[0] != null) {
-    let f = data[0];
-    tile = { x: f._x, y: f._y, z: f._z };
-  }
-
-  return h(
-    MapAreaContainer,
-    {
-      navbar: h(FloatingNavbar, [
-        headerElement ?? h("h2", title),
-        h(Spacer),
-        h(MapLoadingButton, {
-          active: isOpen,
-          onClick: () => setOpen(!isOpen),
-        }),
-      ]),
-      contextPanel: h(PanelCard, [
-        h(Switch, {
-          checked: xRay,
-          label: "X-ray mode",
-          onChange() {
-            setState({ ...state, xRay: !xRay });
-          },
-        }),
-        children,
-      ]),
-      detailPanel: detailElement,
-      contextPanelOpen: isOpen,
-    },
-    h(
-      MapView,
-      {
-        style: actualStyle,
-        transformRequest,
-        mapPosition,
-        projection: "globe",
-      },
-      [
-        h(FeatureSelectionHandler, {
-          selectedLocation: inspectPosition,
-          setFeatures: setData,
-        }),
-        h(MapMarker, {
-          position: inspectPosition,
-          setPosition: onSelectPosition,
-        }),
-        h(TileExtentLayer, { tile, color: isEnabled ? "white" : "black" }),
-      ]
-    )
-  );
-}
+export * from "./map-page";
+export * from "./tile-extent";
+export * from "./vector-tile-features";
+export * from "./xray";

package/src/dev/map-page.ts

@@ -0,0 +1,181 @@
+// Import other components
+import { Switch } from "@blueprintjs/core";
+import hyper from "@macrostrat/hyper";
+import { Spacer, useDarkMode, useStoredState } from "@macrostrat/ui-components";
+import mapboxgl from "mapbox-gl";
+import { useCallback, useState, useEffect } from "react";
+import { buildInspectorStyle, buildXRayStyle } from "./xray";
+import { MapAreaContainer, PanelCard } from "../container";
+import { FloatingNavbar, MapLoadingButton } from "../context-panel";
+import { MapMarker } from "../helpers";
+import { LocationPanel } from "../location-panel";
+import { MapView } from "../map-view";
+import styles from "./main.module.sass";
+import { TileExtentLayer } from "./tile-extent";
+import {
+  FeaturePanel,
+  FeatureSelectionHandler,
+  TileInfo,
+} from "./vector-tile-features";
+import { MapPosition } from "@macrostrat/mapbox-utils";
+
+export enum MacrostratVectorTileset {
+  Carto = "carto",
+  CartoSlim = "carto-slim",
+  IGCPOrogens = "igcp-orogens",
+}
+
+export enum MacrostratRasterTileset {
+  Carto = "carto",
+  Emphasized = "emphasized",
+}
+
+export const h = hyper.styled(styles);
+
+export function DevMapPage({
+  title = "Map inspector",
+  headerElement = null,
+  transformRequest = null,
+  mapPosition = null,
+  mapboxToken = null,
+  overlayStyle = null,
+  children,
+  style,
+  focusedSource = null,
+  focusedSourceTitle = null,
+  projection = null,
+}: {
+  headerElement?: React.ReactElement;
+  transformRequest?: mapboxgl.TransformRequestFunction;
+  title?: string;
+  style: mapboxgl.Style | string;
+  children?: React.ReactNode;
+  mapboxToken?: string;
+  overlayStyle?: mapboxgl.Style | string;
+  focusedSource?: string;
+  focusedSourceTitle?: string;
+  projection?: string;
+  mapPosition?: MapPosition;
+}) {
+  /* We apply a custom style to the panel container when we are interacting
+    with the search bar, so that we can block map interactions until search
+    bar focus is lost.
+    We also apply a custom style when the infodrawer is open so we can hide
+    the search bar on mobile platforms
+  */
+
+  const dark = useDarkMode();
+  const isEnabled = dark?.isEnabled;
+
+  if (mapboxToken != null) {
+    mapboxgl.accessToken = mapboxToken;
+  }
+
+  style ??= isEnabled
+    ? "mapbox://styles/mapbox/dark-v10"
+    : "mapbox://styles/mapbox/light-v10";
+
+  const [isOpen, setOpen] = useState(false);
+
+  const [state, setState] = useStoredState("macrostrat:dev-map-page", {
+    showTileExtent: false,
+    xRay: false,
+  });
+  const { showTileExtent, xRay } = state;
+
+  const [actualStyle, setActualStyle] = useState(style);
+
+  useEffect(() => {
+    buildInspectorStyle(style, overlayStyle, {
+      mapboxToken,
+      inDarkMode: isEnabled,
+      xRay,
+    }).then(setActualStyle);
+  }, [style, xRay, mapboxToken, isEnabled, overlayStyle]);
+
+  const [inspectPosition, setInspectPosition] =
+    useState<mapboxgl.LngLat | null>(null);
+
+  const [data, setData] = useState(null);
+
+  const onSelectPosition = useCallback((position: mapboxgl.LngLat) => {
+    setInspectPosition(position);
+  }, []);
+
+  let detailElement = null;
+  if (inspectPosition != null) {
+    detailElement = h(
+      LocationPanel,
+      {
+        onClose() {
+          setInspectPosition(null);
+        },
+        position: inspectPosition,
+      },
+      [
+        h(TileInfo, {
+          feature: data?.[0] ?? null,
+          showExtent: showTileExtent,
+          setShowExtent() {
+            setState({ ...state, showTileExtent: !showTileExtent });
+          },
+        }),
+        h(FeaturePanel, { features: data, focusedSource, focusedSourceTitle }),
+      ]
+    );
+  }
+
+  let tile = null;
+  if (showTileExtent && data?.[0] != null) {
+    let f = data[0];
+    tile = { x: f._x, y: f._y, z: f._z };
+  }
+
+  console.log("Style", actualStyle);
+
+  return h(
+    MapAreaContainer,
+    {
+      navbar: h(FloatingNavbar, [
+        headerElement ?? h("h2", title),
+        h(Spacer),
+        h(MapLoadingButton, {
+          active: isOpen,
+          onClick: () => setOpen(!isOpen),
+        }),
+      ]),
+      contextPanel: h(PanelCard, [
+        h(Switch, {
+          checked: xRay,
+          label: "X-ray mode",
+          onChange() {
+            setState({ ...state, xRay: !xRay });
+          },
+        }),
+        children,
+      ]),
+      detailPanel: detailElement,
+      contextPanelOpen: isOpen,
+    },
+    h(
+      MapView,
+      {
+        style: actualStyle,
+        transformRequest,
+        mapPosition,
+        projection: "globe",
+      },
+      [
+        h(FeatureSelectionHandler, {
+          selectedLocation: inspectPosition,
+          setFeatures: setData,
+        }),
+        h(MapMarker, {
+          position: inspectPosition,
+          setPosition: onSelectPosition,
+        }),
+        h(TileExtentLayer, { tile, color: isEnabled ? "white" : "black" }),
+      ]
+    )
+  );
+}

package/src/index.ts

@@ -3,3 +3,8 @@ export * from "./location-panel";
 export * from "./dev";
 export * from "./container";
 export * from "./map-view";
+export * from "./controls";
+export * from "./helpers";
+export * from "./utils";
+export * from "./location-info";
+export * from "./expansion-panel";