react-bkoi-gl 2.0.0 → 2.1.0

package/dist/components/map.js

@@ -1,108 +0,0 @@
-import * as React from "react";
-import { useState, useRef, useEffect, useContext, useMemo, useImperativeHandle } from "react";
-import { MountedMapsContext } from "./use-map.js";
-import Maplibre from "../maplibre/maplibre.js";
-import createRef from "../maplibre/create-ref.js";
-import useIsomorphicLayoutEffect from "../utils/use-isomorphic-layout-effect.js";
-import setGlobals from "../utils/set-globals.js";
-import { LogoControl } from "./logo-control.js";
-import { AttributionControl } from "./attribution-control.js";
-export const MapContext = React.createContext(null);
-function _Map(props, ref) {
-  const mountedMapsContext = useContext(MountedMapsContext);
-  const [mapInstance, setMapInstance] = useState(null);
-  const containerRef = useRef();
-  const {
-    current: contextValue
-  } = useRef({
-    mapLib: null,
-    map: null
-  });
-  useEffect(() => {
-    const mapLib = props.mapLib;
-    let isMounted = true;
-    let maplibre;
-    Promise.resolve(mapLib || import("maplibre-gl")).then(module => {
-      if (!isMounted) {
-        return;
-      }
-      if (!module) {
-        throw new Error("Invalid mapLib");
-      }
-      const mapboxgl = "Map" in module ? module : module.default;
-      if (!mapboxgl.Map) {
-        throw new Error("Invalid mapLib");
-      }
-      setGlobals(mapboxgl, props);
-      if (props.reuseMaps) {
-        maplibre = Maplibre.reuse(props, containerRef.current);
-      }
-      if (!maplibre) {
-        maplibre = new Maplibre(mapboxgl.Map, {
-          ...props,
-          attributionControl: false
-        }, containerRef.current);
-      }
-      contextValue.map = createRef(maplibre);
-      contextValue.mapLib = mapboxgl;
-      setMapInstance(maplibre);
-      mountedMapsContext?.onMapMount(contextValue.map, props.id);
-    }).catch(error => {
-      const {
-        onError
-      } = props;
-      if (onError) {
-        onError({
-          type: "error",
-          target: null,
-          originalEvent: null,
-          error
-        });
-      } else {
-        console.error(error);
-      }
-    });
-    return () => {
-      isMounted = false;
-      if (maplibre) {
-        mountedMapsContext?.onMapUnmount(props.id);
-        if (props.reuseMaps) {
-          maplibre.recycle();
-        } else {
-          maplibre.destroy();
-        }
-      }
-    };
-  }, []);
-  useIsomorphicLayoutEffect(() => {
-    if (mapInstance) {
-      mapInstance.setProps(props);
-    }
-  });
-  useImperativeHandle(ref, () => contextValue.map, [mapInstance]);
-  const style = useMemo(() => ({
-    position: "relative",
-    width: "100%",
-    height: "100%",
-    ...props.style
-  }), [props.style]);
-  const CHILD_CONTAINER_STYLE = {
-    height: "100%"
-  };
-  return React.createElement("div", {
-    id: props.id,
-    ref: containerRef,
-    style: style
-  }, mapInstance && React.createElement(MapContext.Provider, {
-    value: contextValue
-  }, React.createElement("div", {
-    "mapboxgl-children": "",
-    style: CHILD_CONTAINER_STYLE
-  }, React.createElement(LogoControl, {
-    position: "bottom-left"
-  }), React.createElement(AttributionControl, {
-    position: "bottom-right"
-  }), props.children)));
-}
-export const Map = React.forwardRef(_Map);
-//# sourceMappingURL=map.js.map

package/dist/components/map.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"map.js","names":["React","useState","useRef","useEffect","useContext","useMemo","useImperativeHandle","MountedMapsContext","Maplibre","createRef","useIsomorphicLayoutEffect","setGlobals","LogoControl","AttributionControl","MapContext","createContext","_Map","props","ref","mountedMapsContext","mapInstance","setMapInstance","containerRef","current","contextValue","mapLib","map","isMounted","maplibre","Promise","resolve","then","module","Error","mapboxgl","default","Map","reuseMaps","reuse","attributionControl","onMapMount","id","catch","error","onError","type","target","originalEvent","console","onMapUnmount","recycle","destroy","setProps","style","position","width","height","CHILD_CONTAINER_STYLE","createElement","Provider","value","children","forwardRef"],"sources":["../../src/components/map.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\n/* eslint-disable react/no-unknown-property */\nimport * as React from \"react\";\nimport {\n  useState,\n  useRef,\n  useEffect,\n  useContext,\n  useMemo,\n  useImperativeHandle,\n} from \"react\";\n\nimport { MountedMapsContext } from \"./use-map\";\nimport Maplibre, { MaplibreProps } from \"../maplibre/maplibre\";\nimport createRef, { MapRef } from \"../maplibre/create-ref\";\n\nimport type { CSSProperties } from \"react\";\nimport useIsomorphicLayoutEffect from \"../utils/use-isomorphic-layout-effect\";\nimport setGlobals, { GlobalSettings } from \"../utils/set-globals\";\nimport type { MapLib, MapOptions } from \"../types/lib\";\nimport { LogoControl } from \"./logo-control\";\nimport { AttributionControl } from \"./attribution-control\";\n\nexport type MapContextValue = {\n  mapLib: MapLib;\n  map: MapRef;\n};\n\nexport const MapContext = React.createContext<MapContextValue>(null);\n\ntype MapInitOptions = Omit<\n  MapOptions,\n  \"style\" | \"container\" | \"bounds\" | \"fitBoundsOptions\" | \"center\"\n>;\n\nexport type MapProps = MapInitOptions &\n  MaplibreProps &\n  GlobalSettings & {\n    mapLib?: MapLib | Promise<MapLib>;\n    reuseMaps?: boolean;\n    /** Map container id */\n    id?: string;\n    /** Map container CSS style */\n    style?: CSSProperties;\n    children?: React.ReactNode;\n    /** Show Barikoi logo (default: true) */\n    showBarikoiLogo?: boolean;\n    /** Show Attribution (default: true) */\n    showAttribution?: boolean;\n  } & React.RefAttributes<MapRef>;\n\nfunction _Map(props: MapProps, ref: React.Ref<MapRef>) {\n  const mountedMapsContext = useContext(MountedMapsContext);\n  const [mapInstance, setMapInstance] = useState<Maplibre>(null);\n  const containerRef = useRef();\n\n  const { current: contextValue } = useRef<MapContextValue>({\n    mapLib: null,\n    map: null,\n  });\n\n  useEffect(() => {\n    const mapLib = props.mapLib;\n    let isMounted = true;\n    let maplibre: Maplibre;\n\n    Promise.resolve(mapLib || import(\"maplibre-gl\"))\n      .then((module: MapLib | { default: MapLib }) => {\n        if (!isMounted) {\n          return;\n        }\n        if (!module) {\n          throw new Error(\"Invalid mapLib\");\n        }\n        const mapboxgl = \"Map\" in module ? module : module.default;\n        if (!mapboxgl.Map) {\n          throw new Error(\"Invalid mapLib\");\n        }\n\n        setGlobals(mapboxgl, props);\n        if (props.reuseMaps) {\n          maplibre = Maplibre.reuse(props, containerRef.current);\n        }\n        if (!maplibre) {\n          maplibre = new Maplibre(\n            mapboxgl.Map,\n            {\n              ...props,\n              // @ts-ignore\n              attributionControl: false,\n            },\n            containerRef.current,\n          );\n        }\n        contextValue.map = createRef(maplibre);\n        contextValue.mapLib = mapboxgl;\n\n        setMapInstance(maplibre);\n        mountedMapsContext?.onMapMount(contextValue.map, props.id);\n      })\n      .catch((error) => {\n        const { onError } = props;\n        if (onError) {\n          onError({\n            type: \"error\",\n            target: null,\n            originalEvent: null,\n            error,\n          });\n        } else {\n          console.error(error); // eslint-disable-line\n        }\n      });\n\n    return () => {\n      isMounted = false;\n      if (maplibre) {\n        mountedMapsContext?.onMapUnmount(props.id);\n        if (props.reuseMaps) {\n          maplibre.recycle();\n        } else {\n          maplibre.destroy();\n        }\n      }\n    };\n  }, []);\n\n  useIsomorphicLayoutEffect(() => {\n    if (mapInstance) {\n      mapInstance.setProps(props);\n    }\n  });\n\n  useImperativeHandle(ref, () => contextValue.map, [mapInstance]);\n\n  const style: CSSProperties = useMemo(\n    () => ({\n      position: \"relative\",\n      width: \"100%\",\n      height: \"100%\",\n      ...props.style,\n    }),\n    [props.style],\n  );\n\n  const CHILD_CONTAINER_STYLE = {\n    height: \"100%\",\n  };\n\n  return (\n    <div id={props.id} ref={containerRef} style={style}>\n      {mapInstance && (\n        <MapContext.Provider value={contextValue}>\n          <div mapboxgl-children=\"\" style={CHILD_CONTAINER_STYLE}>\n            {/* Automatically include Barikoi Logo and Attribution controls */}\n            <LogoControl position=\"bottom-left\" />\n            <AttributionControl position=\"bottom-right\" />\n            {props.children}\n          </div>\n        </MapContext.Provider>\n      )}\n    </div>\n  );\n}\n\nexport const Map: React.FC<MapProps> = React.forwardRef(_Map);\n"],"mappings":"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","ignoreList":[]}

package/dist/components/marker.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-import type { Popup as PopupInstance, MarkerOptions } from "../types/lib";
-import type { MarkerEvent, MarkerDragEvent } from "../types/events";
-export type MarkerProps = MarkerOptions & {
-    /** Longitude of the anchor location */
-    longitude: number;
-    /** Latitude of the anchor location */
-    latitude: number;
-    popup?: PopupInstance;
-    /** CSS style override, applied to the control's container */
-    style?: React.CSSProperties;
-    onClick?: (e: MarkerEvent<MouseEvent>) => void;
-    onDragStart?: (e: MarkerDragEvent) => void;
-    onDrag?: (e: MarkerDragEvent) => void;
-    onDragEnd?: (e: MarkerDragEvent) => void;
-    children?: React.ReactNode;
-};
-export declare const Marker: React.FC<MarkerProps>;

package/dist/components/marker.js

@@ -1,105 +0,0 @@
-import * as React from "react";
-import { createPortal } from "react-dom";
-import { useImperativeHandle, useEffect, useMemo, useRef, useContext, forwardRef, memo } from "react";
-import { applyReactStyle } from "../utils/apply-react-style.js";
-import { MapContext } from "./map.js";
-import { arePointsEqual } from "../utils/deep-equal.js";
-import { compareClassNames } from "../utils/compare-class-names.js";
-export const Marker = memo(forwardRef((props, ref) => {
-  const {
-    map,
-    mapLib
-  } = useContext(MapContext);
-  const thisRef = useRef({
-    props
-  });
-  const marker = useMemo(() => {
-    let hasChildren = false;
-    React.Children.forEach(props.children, el => {
-      if (el) {
-        hasChildren = true;
-      }
-    });
-    const options = {
-      ...props,
-      element: hasChildren ? document.createElement("div") : undefined
-    };
-    const mk = new mapLib.Marker(options);
-    mk.setLngLat([props.longitude, props.latitude]);
-    mk.getElement().addEventListener("click", e => {
-      thisRef.current.props.onClick?.({
-        type: "click",
-        target: mk,
-        originalEvent: e
-      });
-    });
-    mk.on("dragstart", e => {
-      const evt = e;
-      evt.lngLat = marker.getLngLat();
-      thisRef.current.props.onDragStart?.(evt);
-    });
-    mk.on("drag", e => {
-      const evt = e;
-      evt.lngLat = marker.getLngLat();
-      thisRef.current.props.onDrag?.(evt);
-    });
-    mk.on("dragend", e => {
-      const evt = e;
-      evt.lngLat = marker.getLngLat();
-      thisRef.current.props.onDragEnd?.(evt);
-    });
-    return mk;
-  }, []);
-  useEffect(() => {
-    marker.addTo(map.getMap());
-    return () => {
-      marker.remove();
-    };
-  }, []);
-  const {
-    longitude,
-    latitude,
-    offset,
-    style,
-    draggable = false,
-    popup = null,
-    rotation = 0,
-    rotationAlignment = "auto",
-    pitchAlignment = "auto"
-  } = props;
-  useEffect(() => {
-    applyReactStyle(marker.getElement(), style);
-  }, [style]);
-  useImperativeHandle(ref, () => marker, []);
-  const oldProps = thisRef.current.props;
-  if (marker.getLngLat().lng !== longitude || marker.getLngLat().lat !== latitude) {
-    marker.setLngLat([longitude, latitude]);
-  }
-  if (offset && !arePointsEqual(marker.getOffset(), offset)) {
-    marker.setOffset(offset);
-  }
-  if (marker.isDraggable() !== draggable) {
-    marker.setDraggable(draggable);
-  }
-  if (marker.getRotation() !== rotation) {
-    marker.setRotation(rotation);
-  }
-  if (marker.getRotationAlignment() !== rotationAlignment) {
-    marker.setRotationAlignment(rotationAlignment);
-  }
-  if (marker.getPitchAlignment() !== pitchAlignment) {
-    marker.setPitchAlignment(pitchAlignment);
-  }
-  if (marker.getPopup() !== popup) {
-    marker.setPopup(popup);
-  }
-  const classNameDiff = compareClassNames(oldProps.className, props.className);
-  if (classNameDiff) {
-    for (const c of classNameDiff) {
-      marker.toggleClassName(c);
-    }
-  }
-  thisRef.current.props = props;
-  return createPortal(props.children, marker.getElement());
-}));
-//# sourceMappingURL=marker.js.map

package/dist/components/marker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"marker.js","names":["React","createPortal","useImperativeHandle","useEffect","useMemo","useRef","useContext","forwardRef","memo","applyReactStyle","MapContext","arePointsEqual","compareClassNames","Marker","props","ref","map","mapLib","thisRef","marker","hasChildren","Children","forEach","children","el","options","element","document","createElement","undefined","mk","setLngLat","longitude","latitude","getElement","addEventListener","e","current","onClick","type","target","originalEvent","on","evt","lngLat","getLngLat","onDragStart","onDrag","onDragEnd","addTo","getMap","remove","offset","style","draggable","popup","rotation","rotationAlignment","pitchAlignment","oldProps","lng","lat","getOffset","setOffset","isDraggable","setDraggable","getRotation","setRotation","getRotationAlignment","setRotationAlignment","getPitchAlignment","setPitchAlignment","getPopup","setPopup","classNameDiff","className","c","toggleClassName"],"sources":["../../src/components/marker.ts"],"sourcesContent":["/* global document */\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n  useImperativeHandle,\n  useEffect,\n  useMemo,\n  useRef,\n  useContext,\n  forwardRef,\n  memo,\n} from \"react\";\nimport { applyReactStyle } from \"../utils/apply-react-style\";\n\nimport type {\n  Popup as PopupInstance,\n  Marker as MarkerInstance,\n  MarkerOptions,\n} from \"../types/lib\";\nimport type { MarkerEvent, MarkerDragEvent } from \"../types/events\";\n\nimport { MapContext } from \"./map\";\nimport { arePointsEqual } from \"../utils/deep-equal\";\nimport { compareClassNames } from \"../utils/compare-class-names\";\n\nexport type MarkerProps = MarkerOptions & {\n  /** Longitude of the anchor location */\n  longitude: number;\n  /** Latitude of the anchor location */\n  latitude: number;\n\n  popup?: PopupInstance;\n\n  /** CSS style override, applied to the control's container */\n  style?: React.CSSProperties;\n  onClick?: (e: MarkerEvent<MouseEvent>) => void;\n  onDragStart?: (e: MarkerDragEvent) => void;\n  onDrag?: (e: MarkerDragEvent) => void;\n  onDragEnd?: (e: MarkerDragEvent) => void;\n  children?: React.ReactNode;\n};\n\n/* eslint-disable complexity,max-statements */\nexport const Marker: React.FC<MarkerProps> = memo(\n  forwardRef((props: MarkerProps, ref: React.Ref<MarkerInstance>) => {\n    const { map, mapLib } = useContext(MapContext);\n    const thisRef = useRef({ props });\n\n    const marker: MarkerInstance = useMemo(() => {\n      let hasChildren = false;\n      React.Children.forEach(props.children, (el) => {\n        if (el) {\n          hasChildren = true;\n        }\n      });\n      const options = {\n        ...props,\n        element: hasChildren ? document.createElement(\"div\") : undefined,\n      };\n\n      const mk = new mapLib.Marker(options);\n      mk.setLngLat([props.longitude, props.latitude]);\n\n      mk.getElement().addEventListener(\"click\", (e: MouseEvent) => {\n        thisRef.current.props.onClick?.({\n          type: \"click\",\n          target: mk,\n          originalEvent: e,\n        });\n      });\n\n      mk.on(\"dragstart\", (e) => {\n        const evt = e as MarkerDragEvent;\n        evt.lngLat = marker.getLngLat();\n        thisRef.current.props.onDragStart?.(evt);\n      });\n      mk.on(\"drag\", (e) => {\n        const evt = e as MarkerDragEvent;\n        evt.lngLat = marker.getLngLat();\n        thisRef.current.props.onDrag?.(evt);\n      });\n      mk.on(\"dragend\", (e) => {\n        const evt = e as MarkerDragEvent;\n        evt.lngLat = marker.getLngLat();\n        thisRef.current.props.onDragEnd?.(evt);\n      });\n\n      return mk;\n    }, []);\n\n    useEffect(() => {\n      marker.addTo(map.getMap());\n\n      return () => {\n        marker.remove();\n      };\n    }, []);\n\n    const {\n      longitude,\n      latitude,\n      offset,\n      style,\n      draggable = false,\n      popup = null,\n      rotation = 0,\n      rotationAlignment = \"auto\",\n      pitchAlignment = \"auto\",\n    } = props;\n\n    useEffect(() => {\n      applyReactStyle(marker.getElement(), style);\n    }, [style]);\n\n    useImperativeHandle(ref, () => marker, []);\n\n    const oldProps = thisRef.current.props;\n    if (\n      marker.getLngLat().lng !== longitude ||\n      marker.getLngLat().lat !== latitude\n    ) {\n      marker.setLngLat([longitude, latitude]);\n    }\n    if (offset && !arePointsEqual(marker.getOffset(), offset)) {\n      marker.setOffset(offset);\n    }\n    if (marker.isDraggable() !== draggable) {\n      marker.setDraggable(draggable);\n    }\n    if (marker.getRotation() !== rotation) {\n      marker.setRotation(rotation);\n    }\n    if (marker.getRotationAlignment() !== rotationAlignment) {\n      marker.setRotationAlignment(rotationAlignment);\n    }\n    if (marker.getPitchAlignment() !== pitchAlignment) {\n      marker.setPitchAlignment(pitchAlignment);\n    }\n    if (marker.getPopup() !== popup) {\n      marker.setPopup(popup);\n    }\n    const classNameDiff = compareClassNames(\n      oldProps.className,\n      props.className,\n    );\n    if (classNameDiff) {\n      for (const c of classNameDiff) {\n        marker.toggleClassName(c);\n      }\n    }\n\n    thisRef.current.props = props;\n    return createPortal(props.children, marker.getElement());\n  }),\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/components/navigation-control.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-import type { ControlPosition, NavigationControlOptions } from "../types/lib";
-export type NavigationControlProps = NavigationControlOptions & {
-    /** Placement of the control relative to the map. */
-    position?: ControlPosition;
-    /** CSS style override, applied to the control's container */
-    style?: React.CSSProperties;
-};
-export declare const NavigationControl: React.FC<NavigationControlProps>;

package/dist/components/navigation-control.js

@@ -1,19 +0,0 @@
-import { useEffect, memo } from "react";
-import { applyReactStyle } from "../utils/apply-react-style.js";
-import { useControl } from "./use-control.js";
-function _NavigationControl(props) {
-  const ctrl = useControl(_ref => {
-    let {
-      mapLib
-    } = _ref;
-    return new mapLib.NavigationControl(props);
-  }, {
-    position: props.position
-  });
-  useEffect(() => {
-    applyReactStyle(ctrl._container, props.style);
-  }, [props.style]);
-  return null;
-}
-export const NavigationControl = memo(_NavigationControl);
-//# sourceMappingURL=navigation-control.js.map

package/dist/components/navigation-control.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"navigation-control.js","names":["useEffect","memo","applyReactStyle","useControl","_NavigationControl","props","ctrl","_ref","mapLib","NavigationControl","position","_container","style"],"sources":["../../src/components/navigation-control.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useEffect, memo } from \"react\";\nimport { applyReactStyle } from \"../utils/apply-react-style\";\nimport { useControl } from \"./use-control\";\n\nimport type { ControlPosition, NavigationControlOptions } from \"../types/lib\";\n\nexport type NavigationControlProps = NavigationControlOptions & {\n  /** Placement of the control relative to the map. */\n  position?: ControlPosition;\n  /** CSS style override, applied to the control's container */\n  style?: React.CSSProperties;\n};\n\nfunction _NavigationControl(props: NavigationControlProps) {\n  const ctrl = useControl(({ mapLib }) => new mapLib.NavigationControl(props), {\n    position: props.position,\n  });\n\n  useEffect(() => {\n    applyReactStyle(ctrl._container, props.style);\n  }, [props.style]);\n\n  return null;\n}\n\nexport const NavigationControl: React.FC<NavigationControlProps> =\n  memo(_NavigationControl);\n"],"mappings":"AACA,SAASA,SAAS,EAAEC,IAAI,QAAQ,OAAO;AAAC,SAC/BC,eAAe;AAAA,SACfC,UAAU;AAWnB,SAASC,kBAAkBA,CAACC,KAA6B,EAAE;EACzD,MAAMC,IAAI,GAAGH,UAAU,CAACI,IAAA;IAAA,IAAC;MAAEC;IAAO,CAAC,GAAAD,IAAA;IAAA,OAAK,IAAIC,MAAM,CAACC,iBAAiB,CAACJ,KAAK,CAAC;EAAA,GAAE;IAC3EK,QAAQ,EAAEL,KAAK,CAACK;EAClB,CAAC,CAAC;EAEFV,SAAS,CAAC,MAAM;IACdE,eAAe,CAACI,IAAI,CAACK,UAAU,EAAEN,KAAK,CAACO,KAAK,CAAC;EAC/C,CAAC,EAAE,CAACP,KAAK,CAACO,KAAK,CAAC,CAAC;EAEjB,OAAO,IAAI;AACb;AAEA,OAAO,MAAMH,iBAAmD,GAC9DR,IAAI,CAACG,kBAAkB,CAAC","ignoreList":[]}

package/dist/components/popup.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import type { PopupOptions } from "../types/lib";
-import type { PopupEvent } from "../types/events";
-export type PopupProps = PopupOptions & {
-    /** Longitude of the anchor location */
-    longitude: number;
-    /** Latitude of the anchor location */
-    latitude: number;
-    /** CSS style override, applied to the control's container */
-    style?: React.CSSProperties;
-    onOpen?: (e: PopupEvent) => void;
-    onClose?: (e: PopupEvent) => void;
-    children?: React.ReactNode;
-};
-export declare const Popup: React.FC<PopupProps>;

package/dist/components/popup.js

@@ -1,68 +0,0 @@
-import { createPortal } from "react-dom";
-import { useImperativeHandle, useEffect, useMemo, useRef, useContext, forwardRef, memo } from "react";
-import { applyReactStyle } from "../utils/apply-react-style.js";
-import { MapContext } from "./map.js";
-import { deepEqual } from "../utils/deep-equal.js";
-import { compareClassNames } from "../utils/compare-class-names.js";
-export const Popup = memo(forwardRef((props, ref) => {
-  const {
-    map,
-    mapLib
-  } = useContext(MapContext);
-  const container = useMemo(() => {
-    return document.createElement("div");
-  }, []);
-  const thisRef = useRef({
-    props
-  });
-  const popup = useMemo(() => {
-    const options = {
-      ...props
-    };
-    const pp = new mapLib.Popup(options);
-    pp.setLngLat([props.longitude, props.latitude]);
-    pp.once("open", e => {
-      thisRef.current.props.onOpen?.(e);
-    });
-    return pp;
-  }, []);
-  useEffect(() => {
-    const onClose = e => {
-      thisRef.current.props.onClose?.(e);
-    };
-    popup.on("close", onClose);
-    popup.setDOMContent(container).addTo(map.getMap());
-    return () => {
-      popup.off("close", onClose);
-      if (popup.isOpen()) {
-        popup.remove();
-      }
-    };
-  }, []);
-  useEffect(() => {
-    applyReactStyle(popup.getElement(), props.style);
-  }, [props.style]);
-  useImperativeHandle(ref, () => popup, []);
-  if (popup.isOpen()) {
-    const oldProps = thisRef.current.props;
-    if (popup.getLngLat().lng !== props.longitude || popup.getLngLat().lat !== props.latitude) {
-      popup.setLngLat([props.longitude, props.latitude]);
-    }
-    if (props.offset && !deepEqual(oldProps.offset, props.offset)) {
-      popup.setOffset(props.offset);
-    }
-    if (oldProps.anchor !== props.anchor || oldProps.maxWidth !== props.maxWidth) {
-      popup.options.anchor = props.anchor;
-      popup.setMaxWidth(props.maxWidth);
-    }
-    const classNameDiff = compareClassNames(oldProps.className, props.className);
-    if (classNameDiff) {
-      for (const c of classNameDiff) {
-        popup.toggleClassName(c);
-      }
-    }
-    thisRef.current.props = props;
-  }
-  return createPortal(props.children, container);
-}));
-//# sourceMappingURL=popup.js.map

package/dist/components/popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popup.js","names":["createPortal","useImperativeHandle","useEffect","useMemo","useRef","useContext","forwardRef","memo","applyReactStyle","MapContext","deepEqual","compareClassNames","Popup","props","ref","map","mapLib","container","document","createElement","thisRef","popup","options","pp","setLngLat","longitude","latitude","once","e","current","onOpen","onClose","on","setDOMContent","addTo","getMap","off","isOpen","remove","getElement","style","oldProps","getLngLat","lng","lat","offset","setOffset","anchor","maxWidth","setMaxWidth","classNameDiff","className","c","toggleClassName","children"],"sources":["../../src/components/popup.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-floating-promises */\n/* global document */\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n  useImperativeHandle,\n  useEffect,\n  useMemo,\n  useRef,\n  useContext,\n  forwardRef,\n  memo,\n} from \"react\";\nimport { applyReactStyle } from \"../utils/apply-react-style\";\n\nimport type { Popup as PopupInstance, PopupOptions } from \"../types/lib\";\nimport type { PopupEvent } from \"../types/events\";\n\nimport { MapContext } from \"./map\";\nimport { deepEqual } from \"../utils/deep-equal\";\nimport { compareClassNames } from \"../utils/compare-class-names\";\n\nexport type PopupProps = PopupOptions & {\n  /** Longitude of the anchor location */\n  longitude: number;\n  /** Latitude of the anchor location */\n  latitude: number;\n\n  /** CSS style override, applied to the control's container */\n  style?: React.CSSProperties;\n\n  onOpen?: (e: PopupEvent) => void;\n  onClose?: (e: PopupEvent) => void;\n  children?: React.ReactNode;\n};\n\n/* eslint-disable complexity,max-statements */\nexport const Popup: React.FC<PopupProps> = memo(\n  forwardRef((props: PopupProps, ref: React.Ref<PopupInstance>) => {\n    const { map, mapLib } = useContext(MapContext);\n    const container = useMemo(() => {\n      return document.createElement(\"div\");\n    }, []);\n    const thisRef = useRef({ props });\n\n    const popup: PopupInstance = useMemo(() => {\n      const options = { ...props };\n      const pp = new mapLib.Popup(options);\n      pp.setLngLat([props.longitude, props.latitude]);\n      pp.once(\"open\", (e) => {\n        thisRef.current.props.onOpen?.(e as PopupEvent);\n      });\n      return pp;\n    }, []);\n\n    useEffect(() => {\n      const onClose = (e) => {\n        thisRef.current.props.onClose?.(e as PopupEvent);\n      };\n      popup.on(\"close\", onClose);\n      popup.setDOMContent(container).addTo(map.getMap());\n\n      return () => {\n        // https://github.com/visgl/react-map-gl/issues/1825\n        // onClose should not be fired if the popup is removed by unmounting\n        // When using React strict mode, the component is mounted twice.\n        // Firing the onClose callback here would be a false signal to remove the component.\n        popup.off(\"close\", onClose);\n        if (popup.isOpen()) {\n          popup.remove();\n        }\n      };\n    }, []);\n\n    useEffect(() => {\n      applyReactStyle(popup.getElement(), props.style);\n    }, [props.style]);\n\n    useImperativeHandle(ref, () => popup, []);\n\n    if (popup.isOpen()) {\n      const oldProps = thisRef.current.props;\n      if (\n        popup.getLngLat().lng !== props.longitude ||\n        popup.getLngLat().lat !== props.latitude\n      ) {\n        popup.setLngLat([props.longitude, props.latitude]);\n      }\n      if (props.offset && !deepEqual(oldProps.offset, props.offset)) {\n        popup.setOffset(props.offset);\n      }\n      if (\n        oldProps.anchor !== props.anchor ||\n        oldProps.maxWidth !== props.maxWidth\n      ) {\n        popup.options.anchor = props.anchor;\n        popup.setMaxWidth(props.maxWidth);\n      }\n      const classNameDiff = compareClassNames(\n        oldProps.className,\n        props.className,\n      );\n      if (classNameDiff) {\n        for (const c of classNameDiff) {\n          popup.toggleClassName(c);\n        }\n      }\n      thisRef.current.props = props;\n    }\n\n    return createPortal(props.children, container);\n  }),\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/components/scale-control.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-import type { ControlPosition, ScaleControlOptions } from "../types/lib";
-export type ScaleControlProps = ScaleControlOptions & {
-    unit?: string;
-    maxWidth?: number;
-    /** Placement of the control relative to the map. */
-    position?: ControlPosition;
-    /** CSS style override, applied to the control's container */
-    style?: React.CSSProperties;
-};
-export declare const ScaleControl: React.FC<ScaleControlProps>;

package/dist/components/scale-control.js

@@ -1,31 +0,0 @@
-import { useEffect, useRef, memo } from "react";
-import { applyReactStyle } from "../utils/apply-react-style.js";
-import { useControl } from "./use-control.js";
-function _ScaleControl(props) {
-  const ctrl = useControl(_ref => {
-    let {
-      mapLib
-    } = _ref;
-    return new mapLib.ScaleControl(props);
-  }, {
-    position: props.position
-  });
-  const propsRef = useRef(props);
-  const prevProps = propsRef.current;
-  propsRef.current = props;
-  const {
-    style
-  } = props;
-  if (props.maxWidth !== undefined && props.maxWidth !== prevProps.maxWidth) {
-    ctrl.options.maxWidth = props.maxWidth;
-  }
-  if (props.unit !== undefined && props.unit !== prevProps.unit) {
-    ctrl.setUnit(props.unit);
-  }
-  useEffect(() => {
-    applyReactStyle(ctrl._container, style);
-  }, [style]);
-  return null;
-}
-export const ScaleControl = memo(_ScaleControl);
-//# sourceMappingURL=scale-control.js.map

package/dist/components/scale-control.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scale-control.js","names":["useEffect","useRef","memo","applyReactStyle","useControl","_ScaleControl","props","ctrl","_ref","mapLib","ScaleControl","position","propsRef","prevProps","current","style","maxWidth","undefined","options","unit","setUnit","_container"],"sources":["../../src/components/scale-control.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useEffect, useRef, memo } from \"react\";\nimport { applyReactStyle } from \"../utils/apply-react-style\";\nimport { useControl } from \"./use-control\";\n\nimport type { ControlPosition, ScaleControlOptions } from \"../types/lib\";\n\nexport type ScaleControlProps = ScaleControlOptions & {\n  // These props will be further constraint by OptionsT\n  unit?: string;\n  maxWidth?: number;\n\n  /** Placement of the control relative to the map. */\n  position?: ControlPosition;\n  /** CSS style override, applied to the control's container */\n  style?: React.CSSProperties;\n};\n\nfunction _ScaleControl(props: ScaleControlProps) {\n  const ctrl = useControl(({ mapLib }) => new mapLib.ScaleControl(props), {\n    position: props.position,\n  });\n  const propsRef = useRef<ScaleControlProps>(props);\n\n  const prevProps = propsRef.current;\n  propsRef.current = props;\n\n  const { style } = props;\n\n  if (props.maxWidth !== undefined && props.maxWidth !== prevProps.maxWidth) {\n    ctrl.options.maxWidth = props.maxWidth;\n  }\n  if (props.unit !== undefined && props.unit !== prevProps.unit) {\n    ctrl.setUnit(props.unit);\n  }\n\n  useEffect(() => {\n    applyReactStyle(ctrl._container, style);\n  }, [style]);\n\n  return null;\n}\n\nexport const ScaleControl: React.FC<ScaleControlProps> = memo(_ScaleControl);\n"],"mappings":"AACA,SAASA,SAAS,EAAEC,MAAM,EAAEC,IAAI,QAAQ,OAAO;AAAC,SACvCC,eAAe;AAAA,SACfC,UAAU;AAenB,SAASC,aAAaA,CAACC,KAAwB,EAAE;EAC/C,MAAMC,IAAI,GAAGH,UAAU,CAACI,IAAA;IAAA,IAAC;MAAEC;IAAO,CAAC,GAAAD,IAAA;IAAA,OAAK,IAAIC,MAAM,CAACC,YAAY,CAACJ,KAAK,CAAC;EAAA,GAAE;IACtEK,QAAQ,EAAEL,KAAK,CAACK;EAClB,CAAC,CAAC;EACF,MAAMC,QAAQ,GAAGX,MAAM,CAAoBK,KAAK,CAAC;EAEjD,MAAMO,SAAS,GAAGD,QAAQ,CAACE,OAAO;EAClCF,QAAQ,CAACE,OAAO,GAAGR,KAAK;EAExB,MAAM;IAAES;EAAM,CAAC,GAAGT,KAAK;EAEvB,IAAIA,KAAK,CAACU,QAAQ,KAAKC,SAAS,IAAIX,KAAK,CAACU,QAAQ,KAAKH,SAAS,CAACG,QAAQ,EAAE;IACzET,IAAI,CAACW,OAAO,CAACF,QAAQ,GAAGV,KAAK,CAACU,QAAQ;EACxC;EACA,IAAIV,KAAK,CAACa,IAAI,KAAKF,SAAS,IAAIX,KAAK,CAACa,IAAI,KAAKN,SAAS,CAACM,IAAI,EAAE;IAC7DZ,IAAI,CAACa,OAAO,CAACd,KAAK,CAACa,IAAI,CAAC;EAC1B;EAEAnB,SAAS,CAAC,MAAM;IACdG,eAAe,CAACI,IAAI,CAACc,UAAU,EAAEN,KAAK,CAAC;EACzC,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,OAAO,IAAI;AACb;AAEA,OAAO,MAAML,YAAyC,GAAGR,IAAI,CAACG,aAAa,CAAC","ignoreList":[]}

package/dist/components/source.d.ts

@@ -1,6 +0,0 @@
-import type { SourceSpecification } from "../types/style-spec";
-export type SourceProps = SourceSpecification & {
-    id?: string;
-    children?: any;
-};
-export declare function Source(props: SourceProps): any;

package/dist/components/source.js

@@ -1,95 +0,0 @@
-import * as React from "react";
-import { useContext, useEffect, useMemo, useState, useRef, cloneElement } from "react";
-import { MapContext } from "./map.js";
-import assert from "../utils/assert.js";
-import { deepEqual } from "../utils/deep-equal.js";
-let sourceCounter = 0;
-function createSource(map, id, props) {
-  if (map.style && map.style._loaded) {
-    const options = {
-      ...props
-    };
-    delete options.id;
-    delete options.children;
-    map.addSource(id, options);
-    return map.getSource(id);
-  }
-  return null;
-}
-function updateSource(source, props, prevProps) {
-  assert(props.id === prevProps.id, "source id changed");
-  assert(props.type === prevProps.type, "source type changed");
-  let changedKey = "";
-  let changedKeyCount = 0;
-  for (const key in props) {
-    if (key !== "children" && key !== "id" && !deepEqual(prevProps[key], props[key])) {
-      changedKey = key;
-      changedKeyCount++;
-    }
-  }
-  if (!changedKeyCount) {
-    return;
-  }
-  const type = props.type;
-  if (type === "geojson") {
-    source.setData(props.data);
-  } else if (type === "image") {
-    source.updateImage({
-      url: props.url,
-      coordinates: props.coordinates
-    });
-  } else {
-    switch (changedKey) {
-      case "coordinates":
-        source.setCoordinates?.(props.coordinates);
-        break;
-      case "url":
-        source.setUrl?.(props.url);
-        break;
-      case "tiles":
-        source.setTiles?.(props.tiles);
-        break;
-      default:
-        console.warn(`Unable to update <Source> prop: ${changedKey}`);
-    }
-  }
-}
-export function Source(props) {
-  const map = useContext(MapContext).map.getMap();
-  const propsRef = useRef(props);
-  const [, setStyleLoaded] = useState(0);
-  const id = useMemo(() => props.id || `jsx-source-${sourceCounter++}`, []);
-  useEffect(() => {
-    if (map) {
-      const forceUpdate = () => setTimeout(() => setStyleLoaded(version => version + 1), 0);
-      map.on("styledata", forceUpdate);
-      forceUpdate();
-      return () => {
-        map.off("styledata", forceUpdate);
-        if (map.style && map.style._loaded && map.getSource(id)) {
-          const allLayers = map.getStyle()?.layers;
-          if (allLayers) {
-            for (const layer of allLayers) {
-              if (layer.source === id) {
-                map.removeLayer(layer.id);
-              }
-            }
-          }
-          map.removeSource(id);
-        }
-      };
-    }
-    return undefined;
-  }, [map]);
-  let source = map && map.style && map.getSource(id);
-  if (source) {
-    updateSource(source, props, propsRef.current);
-  } else {
-    source = createSource(map, id, props);
-  }
-  propsRef.current = props;
-  return source && React.Children.map(props.children, child => child && cloneElement(child, {
-    source: id
-  })) || null;
-}
-//# sourceMappingURL=source.js.map

package/dist/components/source.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"source.js","names":["React","useContext","useEffect","useMemo","useState","useRef","cloneElement","MapContext","assert","deepEqual","sourceCounter","createSource","map","id","props","style","_loaded","options","children","addSource","getSource","updateSource","source","prevProps","type","changedKey","changedKeyCount","key","setData","data","updateImage","url","coordinates","setCoordinates","setUrl","setTiles","tiles","console","warn","Source","getMap","propsRef","setStyleLoaded","forceUpdate","setTimeout","version","on","off","allLayers","getStyle","layers","layer","removeLayer","removeSource","undefined","current","Children","child"],"sources":["../../src/components/source.ts"],"sourcesContent":["import * as React from \"react\";\nimport {\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  useRef,\n  cloneElement,\n} from \"react\";\nimport { MapContext } from \"./map\";\nimport assert from \"../utils/assert\";\nimport { deepEqual } from \"../utils/deep-equal\";\n\nimport type {\n  GeoJSONSourceImplementation,\n  ImageSourceImplementation,\n  AnySourceImplementation,\n} from \"../types/internal\";\nimport type { SourceSpecification } from \"../types/style-spec\";\nimport type { Map as MapInstance } from \"../types/lib\";\n\nexport type SourceProps = SourceSpecification & {\n  id?: string;\n  children?: any;\n};\n\nlet sourceCounter = 0;\n\nfunction createSource(map: MapInstance, id: string, props: SourceProps) {\n  // @ts-ignore\n  if (map.style && map.style._loaded) {\n    const options = { ...props };\n    delete options.id;\n    delete options.children;\n    // @ts-ignore\n    map.addSource(id, options);\n    return map.getSource(id);\n  }\n  return null;\n}\n\n/* eslint-disable complexity */\nfunction updateSource(\n  source: AnySourceImplementation,\n  props: SourceProps,\n  prevProps: SourceProps,\n) {\n  assert(props.id === prevProps.id, \"source id changed\");\n  assert(props.type === prevProps.type, \"source type changed\");\n\n  let changedKey = \"\";\n  let changedKeyCount = 0;\n\n  for (const key in props) {\n    if (\n      key !== \"children\" &&\n      key !== \"id\" &&\n      !deepEqual(prevProps[key], props[key])\n    ) {\n      changedKey = key;\n      changedKeyCount++;\n    }\n  }\n\n  if (!changedKeyCount) {\n    return;\n  }\n\n  const type = props.type;\n\n  if (type === \"geojson\") {\n    (source as GeoJSONSourceImplementation).setData(props.data);\n  } else if (type === \"image\") {\n    (source as ImageSourceImplementation).updateImage({\n      url: props.url,\n      coordinates: props.coordinates,\n    });\n  } else {\n    switch (changedKey) {\n      case \"coordinates\":\n        // @ts-ignore\n        source.setCoordinates?.(props.coordinates);\n        break;\n      case \"url\":\n        // @ts-ignore\n        source.setUrl?.(props.url);\n        break;\n      case \"tiles\":\n        // @ts-ignore\n        source.setTiles?.(props.tiles);\n        break;\n      default:\n        // eslint-disable-next-line\n        console.warn(`Unable to update <Source> prop: ${changedKey}`);\n    }\n  }\n}\n/* eslint-enable complexity */\n\nexport function Source(props: SourceProps) {\n  const map = useContext(MapContext).map.getMap();\n  const propsRef = useRef(props);\n  const [, setStyleLoaded] = useState(0);\n\n  const id = useMemo(() => props.id || `jsx-source-${sourceCounter++}`, []);\n\n  useEffect(() => {\n    if (map) {\n      /* global setTimeout */\n      const forceUpdate = () =>\n        setTimeout(() => setStyleLoaded((version) => version + 1), 0);\n      map.on(\"styledata\", forceUpdate);\n      forceUpdate();\n\n      return () => {\n        map.off(\"styledata\", forceUpdate);\n        // @ts-ignore\n        if (map.style && map.style._loaded && map.getSource(id)) {\n          // Parent effects are destroyed before child ones, see\n          // https://github.com/facebook/react/issues/16728\n          // Source can only be removed after all child layers are removed\n          const allLayers = map.getStyle()?.layers;\n          if (allLayers) {\n            for (const layer of allLayers) {\n              // @ts-ignore (2339) source does not exist on all layer types\n              if (layer.source === id) {\n                map.removeLayer(layer.id);\n              }\n            }\n          }\n          map.removeSource(id);\n        }\n      };\n    }\n    return undefined;\n  }, [map]);\n\n  // @ts-ignore\n  let source = map && map.style && map.getSource(id);\n  if (source) {\n    updateSource(source, props, propsRef.current);\n  } else {\n    source = createSource(map, id, props);\n  }\n  propsRef.current = props;\n\n  return (\n    (source &&\n      React.Children.map(\n        props.children,\n        (child) =>\n          child &&\n          cloneElement(child, {\n            source: id,\n          }),\n      )) ||\n    null\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/terrain-control.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-import type { ControlPosition } from "../types/lib";
-import type { TerrainSpecification } from "../types/style-spec";
-export type TerrainControlProps = TerrainSpecification & {
-    /** Placement of the control relative to the map. */
-    position?: ControlPosition;
-    /** CSS style override, applied to the control's container */
-    style?: React.CSSProperties;
-};
-export declare const TerrainControl: React.FC<TerrainControlProps>;

package/dist/components/terrain-control.js

@@ -1,19 +0,0 @@
-import { useEffect, memo } from "react";
-import { applyReactStyle } from "../utils/apply-react-style.js";
-import { useControl } from "./use-control.js";
-function _TerrainControl(props) {
-  const ctrl = useControl(_ref => {
-    let {
-      mapLib
-    } = _ref;
-    return new mapLib.TerrainControl(props);
-  }, {
-    position: props.position
-  });
-  useEffect(() => {
-    applyReactStyle(ctrl._container, props.style);
-  }, [props.style]);
-  return null;
-}
-export const TerrainControl = memo(_TerrainControl);
-//# sourceMappingURL=terrain-control.js.map

package/dist/components/terrain-control.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"terrain-control.js","names":["useEffect","memo","applyReactStyle","useControl","_TerrainControl","props","ctrl","_ref","mapLib","TerrainControl","position","_container","style"],"sources":["../../src/components/terrain-control.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useEffect, memo } from \"react\";\nimport { applyReactStyle } from \"../utils/apply-react-style\";\nimport { useControl } from \"./use-control\";\n\nimport type { ControlPosition } from \"../types/lib\";\nimport type { TerrainSpecification } from \"../types/style-spec\";\n\nexport type TerrainControlProps = TerrainSpecification & {\n  /** Placement of the control relative to the map. */\n  position?: ControlPosition;\n  /** CSS style override, applied to the control's container */\n  style?: React.CSSProperties;\n};\n\nfunction _TerrainControl(props: TerrainControlProps) {\n  const ctrl = useControl(({ mapLib }) => new mapLib.TerrainControl(props), {\n    position: props.position,\n  });\n\n  useEffect(() => {\n    applyReactStyle(ctrl._container, props.style);\n  }, [props.style]);\n\n  return null;\n}\n\nexport const TerrainControl: React.FC<TerrainControlProps> =\n  memo(_TerrainControl);\n"],"mappings":"AACA,SAASA,SAAS,EAAEC,IAAI,QAAQ,OAAO;AAAC,SAC/BC,eAAe;AAAA,SACfC,UAAU;AAYnB,SAASC,eAAeA,CAACC,KAA0B,EAAE;EACnD,MAAMC,IAAI,GAAGH,UAAU,CAACI,IAAA;IAAA,IAAC;MAAEC;IAAO,CAAC,GAAAD,IAAA;IAAA,OAAK,IAAIC,MAAM,CAACC,cAAc,CAACJ,KAAK,CAAC;EAAA,GAAE;IACxEK,QAAQ,EAAEL,KAAK,CAACK;EAClB,CAAC,CAAC;EAEFV,SAAS,CAAC,MAAM;IACdE,eAAe,CAACI,IAAI,CAACK,UAAU,EAAEN,KAAK,CAACO,KAAK,CAAC;EAC/C,CAAC,EAAE,CAACP,KAAK,CAACO,KAAK,CAAC,CAAC;EAEjB,OAAO,IAAI;AACb;AAEA,OAAO,MAAMH,cAA6C,GACxDR,IAAI,CAACG,eAAe,CAAC","ignoreList":[]}

package/dist/components/use-control.d.ts

@@ -1,9 +0,0 @@
-import type { IControl, ControlPosition } from "../types/lib";
-import type { MapContextValue } from "./map";
-type ControlOptions = {
-    position?: ControlPosition;
-};
-export declare function useControl<T extends IControl>(onCreate: (context: MapContextValue) => T, opts?: ControlOptions): T;
-export declare function useControl<T extends IControl>(onCreate: (context: MapContextValue) => T, onRemove: (context: MapContextValue) => void, opts?: ControlOptions): T;
-export declare function useControl<T extends IControl>(onCreate: (context: MapContextValue) => T, onAdd: (context: MapContextValue) => void, onRemove: (context: MapContextValue) => void, opts?: ControlOptions): T;
-export {};