react-bkoi-gl 1.0.1

package/dist/components/marker.js

@@ -0,0 +1,102 @@
+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";
+function Marker(props, ref) {
+  const {
+    map,
+    mapLib
+  } = useContext(MapContext);
+  const thisRef = useRef({
+    props
+  });
+  thisRef.current.props = 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') : null
+    };
+    const mk = new mapLib.Marker(options);
+    mk.setLngLat([props.longitude, props.latitude]);
+    mk.getElement().addEventListener('click', e => {
+      var _thisRef$current$prop, _thisRef$current$prop2;
+      (_thisRef$current$prop = (_thisRef$current$prop2 = thisRef.current.props).onClick) === null || _thisRef$current$prop === void 0 ? void 0 : _thisRef$current$prop.call(_thisRef$current$prop2, {
+        type: 'click',
+        target: mk,
+        originalEvent: e
+      });
+    });
+    mk.on('dragstart', e => {
+      var _thisRef$current$prop3, _thisRef$current$prop4;
+      const evt = e;
+      evt.lngLat = marker.getLngLat();
+      (_thisRef$current$prop3 = (_thisRef$current$prop4 = thisRef.current.props).onDragStart) === null || _thisRef$current$prop3 === void 0 ? void 0 : _thisRef$current$prop3.call(_thisRef$current$prop4, evt);
+    });
+    mk.on('drag', e => {
+      var _thisRef$current$prop5, _thisRef$current$prop6;
+      const evt = e;
+      evt.lngLat = marker.getLngLat();
+      (_thisRef$current$prop5 = (_thisRef$current$prop6 = thisRef.current.props).onDrag) === null || _thisRef$current$prop5 === void 0 ? void 0 : _thisRef$current$prop5.call(_thisRef$current$prop6, evt);
+    });
+    mk.on('dragend', e => {
+      var _thisRef$current$prop7, _thisRef$current$prop8;
+      const evt = e;
+      evt.lngLat = marker.getLngLat();
+      (_thisRef$current$prop7 = (_thisRef$current$prop8 = thisRef.current.props).onDragEnd) === null || _thisRef$current$prop7 === void 0 ? void 0 : _thisRef$current$prop7.call(_thisRef$current$prop8, 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, []);
+  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);
+  }
+  return createPortal(props.children, marker.getElement());
+}
+export default memo(forwardRef(Marker));
+//# sourceMappingURL=marker.js.map

package/dist/components/marker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marker.js","names":["React","createPortal","useImperativeHandle","useEffect","useMemo","useRef","useContext","forwardRef","memo","applyReactStyle","MapContext","arePointsEqual","Marker","props","ref","map","mapLib","thisRef","current","marker","hasChildren","Children","forEach","children","el","options","element","document","createElement","mk","setLngLat","longitude","latitude","getElement","addEventListener","e","_thisRef$current$prop","_thisRef$current$prop2","onClick","call","type","target","originalEvent","on","_thisRef$current$prop3","_thisRef$current$prop4","evt","lngLat","getLngLat","onDragStart","_thisRef$current$prop5","_thisRef$current$prop6","onDrag","_thisRef$current$prop7","_thisRef$current$prop8","onDragEnd","addTo","getMap","remove","offset","style","draggable","popup","rotation","rotationAlignment","pitchAlignment","lng","lat","getOffset","setOffset","isDraggable","setDraggable","getRotation","setRotation","getRotationAlignment","setRotationAlignment","getPitchAlignment","setPitchAlignment","getPopup","setPopup"],"sources":["../../src/components/marker.ts"],"sourcesContent":["/* global document */\nimport * as React from 'react';\nimport {createPortal} from 'react-dom';\nimport {useImperativeHandle, useEffect, useMemo, useRef, useContext, forwardRef, memo} from 'react';\nimport {applyReactStyle} from '../utils/apply-react-style';\n\nimport type {MarkerEvent, MarkerDragEvent, PointLike, MarkerInstance} from '../types';\n\nimport {MapContext} from './map';\nimport {arePointsEqual} from '../utils/deep-equal';\n\nexport type MarkerProps<OptionsT, MarkerT extends MarkerInstance> = OptionsT & {\n  /** Longitude of the anchor location */\n  longitude: number;\n  /** Latitude of the anchor location */\n  latitude: number;\n\n  // These types will be further constraint by OptionsT\n  draggable?: boolean;\n  offset?: PointLike;\n  pitchAlignment?: string;\n  rotation?: number;\n  rotationAlignment?: string;\n  popup?: any;\n\n  /** CSS style override, applied to the control's container */\n  style?: React.CSSProperties;\n  onClick?: (e: MarkerEvent<MarkerT, MouseEvent>) => void;\n  onDragStart?: (e: MarkerDragEvent<MarkerT>) => void;\n  onDrag?: (e: MarkerDragEvent<MarkerT>) => void;\n  onDragEnd?: (e: MarkerDragEvent<MarkerT>) => void;\n  children?: React.ReactNode;\n};\n\n/* eslint-disable complexity,max-statements */\nfunction Marker<MarkerOptions, MarkerT extends MarkerInstance>(\n  props: MarkerProps<MarkerOptions, MarkerT>,\n  ref: React.Ref<MarkerT>\n) {\n  const {map, mapLib} = useContext(MapContext);\n  const thisRef = useRef({props});\n  thisRef.current.props = props;\n\n  const marker: MarkerT = 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') : null\n    };\n\n    const mk = new mapLib.Marker(options) as MarkerT;\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<MarkerT>;\n      evt.lngLat = marker.getLngLat();\n      thisRef.current.props.onDragStart?.(evt);\n    });\n    mk.on('drag', e => {\n      const evt = e as MarkerDragEvent<MarkerT>;\n      evt.lngLat = marker.getLngLat();\n      thisRef.current.props.onDrag?.(evt);\n    });\n    mk.on('dragend', e => {\n      const evt = e as MarkerDragEvent<MarkerT>;\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  if (marker.getLngLat().lng !== longitude || marker.getLngLat().lat !== latitude) {\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\n  return createPortal(props.children, marker.getElement());\n}\n\nexport default memo(forwardRef(Marker));\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAQC,YAAY,QAAO,WAAW;AACtC,SAAQC,mBAAmB,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,IAAI,QAAO,OAAO;AAAC,SAC5FC,eAAe;AAAA,SAIfC,UAAU;AAAA,SACVC,cAAc;AA0BtB,SAASC,MAAMA,CACbC,KAA0C,EAC1CC,GAAuB,EACvB;EACA,MAAM;IAACC,GAAG;IAAEC;EAAM,CAAC,GAAGV,UAAU,CAACI,UAAU,CAAC;EAC5C,MAAMO,OAAO,GAAGZ,MAAM,CAAC;IAACQ;EAAK,CAAC,CAAC;EAC/BI,OAAO,CAACC,OAAO,CAACL,KAAK,GAAGA,KAAK;EAE7B,MAAMM,MAAe,GAAGf,OAAO,CAAC,MAAM;IACpC,IAAIgB,WAAW,GAAG,KAAK;IACvBpB,KAAK,CAACqB,QAAQ,CAACC,OAAO,CAACT,KAAK,CAACU,QAAQ,EAAEC,EAAE,IAAI;MAC3C,IAAIA,EAAE,EAAE;QACNJ,WAAW,GAAG,IAAI;MACpB;IACF,CAAC,CAAC;IACF,MAAMK,OAAO,GAAG;MACd,GAAGZ,KAAK;MACRa,OAAO,EAAEN,WAAW,GAAGO,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC,GAAG;IACzD,CAAC;IAED,MAAMC,EAAE,GAAG,IAAIb,MAAM,CAACJ,MAAM,CAACa,OAAO,CAAY;IAChDI,EAAE,CAACC,SAAS,CAAC,CAACjB,KAAK,CAACkB,SAAS,EAAElB,KAAK,CAACmB,QAAQ,CAAC,CAAC;IAE/CH,EAAE,CAACI,UAAU,CAAC,CAAC,CAACC,gBAAgB,CAAC,OAAO,EAAGC,CAAa,IAAK;MAAA,IAAAC,qBAAA,EAAAC,sBAAA;MAC3D,CAAAD,qBAAA,IAAAC,sBAAA,GAAApB,OAAO,CAACC,OAAO,CAACL,KAAK,EAACyB,OAAO,cAAAF,qBAAA,uBAA7BA,qBAAA,CAAAG,IAAA,CAAAF,sBAAA,EAAgC;QAC9BG,IAAI,EAAE,OAAO;QACbC,MAAM,EAAEZ,EAAE;QACVa,aAAa,EAAEP;MACjB,CAAC,CAAC;IACJ,CAAC,CAAC;IAEFN,EAAE,CAACc,EAAE,CAAC,WAAW,EAAER,CAAC,IAAI;MAAA,IAAAS,sBAAA,EAAAC,sBAAA;MACtB,MAAMC,GAAG,GAAGX,CAA6B;MACzCW,GAAG,CAACC,MAAM,GAAG5B,MAAM,CAAC6B,SAAS,CAAC,CAAC;MAC/B,CAAAJ,sBAAA,IAAAC,sBAAA,GAAA5B,OAAO,CAACC,OAAO,CAACL,KAAK,EAACoC,WAAW,cAAAL,sBAAA,uBAAjCA,sBAAA,CAAAL,IAAA,CAAAM,sBAAA,EAAoCC,GAAG,CAAC;IAC1C,CAAC,CAAC;IACFjB,EAAE,CAACc,EAAE,CAAC,MAAM,EAAER,CAAC,IAAI;MAAA,IAAAe,sBAAA,EAAAC,sBAAA;MACjB,MAAML,GAAG,GAAGX,CAA6B;MACzCW,GAAG,CAACC,MAAM,GAAG5B,MAAM,CAAC6B,SAAS,CAAC,CAAC;MAC/B,CAAAE,sBAAA,IAAAC,sBAAA,GAAAlC,OAAO,CAACC,OAAO,CAACL,KAAK,EAACuC,MAAM,cAAAF,sBAAA,uBAA5BA,sBAAA,CAAAX,IAAA,CAAAY,sBAAA,EAA+BL,GAAG,CAAC;IACrC,CAAC,CAAC;IACFjB,EAAE,CAACc,EAAE,CAAC,SAAS,EAAER,CAAC,IAAI;MAAA,IAAAkB,sBAAA,EAAAC,sBAAA;MACpB,MAAMR,GAAG,GAAGX,CAA6B;MACzCW,GAAG,CAACC,MAAM,GAAG5B,MAAM,CAAC6B,SAAS,CAAC,CAAC;MAC/B,CAAAK,sBAAA,IAAAC,sBAAA,GAAArC,OAAO,CAACC,OAAO,CAACL,KAAK,EAAC0C,SAAS,cAAAF,sBAAA,uBAA/BA,sBAAA,CAAAd,IAAA,CAAAe,sBAAA,EAAkCR,GAAG,CAAC;IACxC,CAAC,CAAC;IAEF,OAAOjB,EAAE;EACX,CAAC,EAAE,EAAE,CAAC;EAEN1B,SAAS,CAAC,MAAM;IACdgB,MAAM,CAACqC,KAAK,CAACzC,GAAG,CAAC0C,MAAM,CAAC,CAAC,CAAC;IAE1B,OAAO,MAAM;MACXtC,MAAM,CAACuC,MAAM,CAAC,CAAC;IACjB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IACJ3B,SAAS;IACTC,QAAQ;IACR2B,MAAM;IACNC,KAAK;IACLC,SAAS,GAAG,KAAK;IACjBC,KAAK,GAAG,IAAI;IACZC,QAAQ,GAAG,CAAC;IACZC,iBAAiB,GAAG,MAAM;IAC1BC,cAAc,GAAG;EACnB,CAAC,GAAGpD,KAAK;EAETV,SAAS,CAAC,MAAM;IACdM,eAAe,CAACU,MAAM,CAACc,UAAU,CAAC,CAAC,EAAE2B,KAAK,CAAC;EAC7C,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX1D,mBAAmB,CAACY,GAAG,EAAE,MAAMK,MAAM,EAAE,EAAE,CAAC;EAE1C,IAAIA,MAAM,CAAC6B,SAAS,CAAC,CAAC,CAACkB,GAAG,KAAKnC,SAAS,IAAIZ,MAAM,CAAC6B,SAAS,CAAC,CAAC,CAACmB,GAAG,KAAKnC,QAAQ,EAAE;IAC/Eb,MAAM,CAACW,SAAS,CAAC,CAACC,SAAS,EAAEC,QAAQ,CAAC,CAAC;EACzC;EACA,IAAI2B,MAAM,IAAI,CAAChD,cAAc,CAACQ,MAAM,CAACiD,SAAS,CAAC,CAAC,EAAET,MAAM,CAAC,EAAE;IACzDxC,MAAM,CAACkD,SAAS,CAACV,MAAM,CAAC;EAC1B;EACA,IAAIxC,MAAM,CAACmD,WAAW,CAAC,CAAC,KAAKT,SAAS,EAAE;IACtC1C,MAAM,CAACoD,YAAY,CAACV,SAAS,CAAC;EAChC;EACA,IAAI1C,MAAM,CAACqD,WAAW,CAAC,CAAC,KAAKT,QAAQ,EAAE;IACrC5C,MAAM,CAACsD,WAAW,CAACV,QAAQ,CAAC;EAC9B;EACA,IAAI5C,MAAM,CAACuD,oBAAoB,CAAC,CAAC,KAAKV,iBAAiB,EAAE;IACvD7C,MAAM,CAACwD,oBAAoB,CAACX,iBAAiB,CAAC;EAChD;EACA,IAAI7C,MAAM,CAACyD,iBAAiB,CAAC,CAAC,KAAKX,cAAc,EAAE;IACjD9C,MAAM,CAAC0D,iBAAiB,CAACZ,cAAc,CAAC;EAC1C;EACA,IAAI9C,MAAM,CAAC2D,QAAQ,CAAC,CAAC,KAAKhB,KAAK,EAAE;IAC/B3C,MAAM,CAAC4D,QAAQ,CAACjB,KAAK,CAAC;EACxB;EAEA,OAAO7D,YAAY,CAACY,KAAK,CAACU,QAAQ,EAAEJ,MAAM,CAACc,UAAU,CAAC,CAAC,CAAC;AAC1D;AAEA,eAAezB,IAAI,CAACD,UAAU,CAACK,MAAM,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { ControlPosition, NavigationControlInstance } from '../types';
+export declare type NavigationControlProps<OptionsT> = OptionsT & {
+    /** Placement of the control relative to the map. */
+    position?: ControlPosition;
+    /** CSS style override, applied to the control's container */
+    style?: React.CSSProperties;
+};
+declare function NavigationControl<NavigationControlOptions, ControlT extends NavigationControlInstance>(props: NavigationControlProps<NavigationControlOptions>): null;
+declare const _default: React.MemoExoticComponent<typeof NavigationControl>;
+export default _default;

package/dist/components/navigation-control.js

@@ -0,0 +1,19 @@
+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 default memo(NavigationControl);
+//# sourceMappingURL=navigation-control.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-control.js","names":["useEffect","memo","applyReactStyle","useControl","NavigationControl","props","ctrl","_ref","mapLib","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, NavigationControlInstance} from '../types';\n\nexport type NavigationControlProps<OptionsT> = OptionsT & {\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<NavigationControlOptions, ControlT extends NavigationControlInstance>(\n  props: NavigationControlProps<NavigationControlOptions>\n): null {\n  const ctrl = useControl<ControlT>(({mapLib}) => new mapLib.NavigationControl(props) as ControlT, {\n    position: props.position\n  });\n\n  useEffect(() => {\n    applyReactStyle(ctrl._container, props.style);\n  }, [props.style]);\n\n  return null;\n}\n\nexport default memo(NavigationControl);\n"],"mappings":"AACA,SAAQA,SAAS,EAAEC,IAAI,QAAO,OAAO;AAAC,SAC9BC,eAAe;AAAA,OAChBC,UAAU;AAWjB,SAASC,iBAAiBA,CACxBC,KAAuD,EACjD;EACN,MAAMC,IAAI,GAAGH,UAAU,CAAWI,IAAA;IAAA,IAAC;MAACC;IAAM,CAAC,GAAAD,IAAA;IAAA,OAAK,IAAIC,MAAM,CAACJ,iBAAiB,CAACC,KAAK,CAAC;EAAA,CAAY,EAAE;IAC/FI,QAAQ,EAAEJ,KAAK,CAACI;EAClB,CAAC,CAAC;EAEFT,SAAS,CAAC,MAAM;IACdE,eAAe,CAACI,IAAI,CAACI,UAAU,EAAEL,KAAK,CAACM,KAAK,CAAC;EAC/C,CAAC,EAAE,CAACN,KAAK,CAACM,KAAK,CAAC,CAAC;EAEjB,OAAO,IAAI;AACb;AAEA,eAAeV,IAAI,CAACG,iBAAiB,CAAC","ignoreList":[]}

package/dist/components/popup.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import type { PopupEvent, PopupInstance } from '../types';
+export declare type PopupProps<OptionsT, PopupT extends PopupInstance> = OptionsT & {
+    /** Longitude of the anchor location */
+    longitude: number;
+    /** Latitude of the anchor location */
+    latitude: number;
+    anchor?: string;
+    offset?: any;
+    className?: string;
+    maxWidth?: string;
+    /** CSS style override, applied to the control's container */
+    style?: React.CSSProperties;
+    onOpen?: (e: PopupEvent<PopupT>) => void;
+    onClose?: (e: PopupEvent<PopupT>) => void;
+    children?: React.ReactNode;
+};
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+    /** Longitude of the anchor location */
+    longitude: number;
+    /** Latitude of the anchor location */
+    latitude: number;
+    anchor?: string;
+    offset?: any;
+    className?: string;
+    maxWidth?: string;
+    /** CSS style override, applied to the control's container */
+    style?: React.CSSProperties;
+    onOpen?: (e: PopupEvent<PopupInstance>) => void;
+    onClose?: (e: PopupEvent<PopupInstance>) => void;
+    children?: React.ReactNode;
+} & React.RefAttributes<PopupInstance>>>;
+export default _default;

package/dist/components/popup.js

@@ -0,0 +1,81 @@
+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";
+function getClassList(className) {
+  return new Set(className ? className.trim().split(/\s+/) : []);
+}
+function Popup(props, ref) {
+  const {
+    map,
+    mapLib
+  } = useContext(MapContext);
+  const container = useMemo(() => {
+    return document.createElement('div');
+  }, []);
+  const thisRef = useRef({
+    props
+  });
+  thisRef.current.props = props;
+  const popup = useMemo(() => {
+    const options = {
+      ...props
+    };
+    const pp = new mapLib.Popup(options);
+    pp.setLngLat([props.longitude, props.latitude]);
+    pp.once('open', e => {
+      var _thisRef$current$prop, _thisRef$current$prop2;
+      (_thisRef$current$prop = (_thisRef$current$prop2 = thisRef.current.props).onOpen) === null || _thisRef$current$prop === void 0 ? void 0 : _thisRef$current$prop.call(_thisRef$current$prop2, e);
+    });
+    return pp;
+  }, []);
+  useEffect(() => {
+    const onClose = e => {
+      var _thisRef$current$prop3, _thisRef$current$prop4;
+      (_thisRef$current$prop3 = (_thisRef$current$prop4 = thisRef.current.props).onClose) === null || _thisRef$current$prop3 === void 0 ? void 0 : _thisRef$current$prop3.call(_thisRef$current$prop4, 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()) {
+    if (popup.getLngLat().lng !== props.longitude || popup.getLngLat().lat !== props.latitude) {
+      popup.setLngLat([props.longitude, props.latitude]);
+    }
+    if (props.offset && !deepEqual(popup.options.offset, props.offset)) {
+      popup.setOffset(props.offset);
+    }
+    if (popup.options.anchor !== props.anchor || popup.options.maxWidth !== props.maxWidth) {
+      popup.options.anchor = props.anchor;
+      popup.setMaxWidth(props.maxWidth);
+    }
+    if (popup.options.className !== props.className) {
+      const prevClassList = getClassList(popup.options.className);
+      const nextClassList = getClassList(props.className);
+      for (const c of prevClassList) {
+        if (!nextClassList.has(c)) {
+          popup.removeClassName(c);
+        }
+      }
+      for (const c of nextClassList) {
+        if (!prevClassList.has(c)) {
+          popup.addClassName(c);
+        }
+      }
+      popup.options.className = props.className;
+    }
+  }
+  return createPortal(props.children, container);
+}
+export default memo(forwardRef(Popup));
+//# sourceMappingURL=popup.js.map

package/dist/components/popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup.js","names":["createPortal","useImperativeHandle","useEffect","useMemo","useRef","useContext","forwardRef","memo","applyReactStyle","MapContext","deepEqual","getClassList","className","Set","trim","split","Popup","props","ref","map","mapLib","container","document","createElement","thisRef","current","popup","options","pp","setLngLat","longitude","latitude","once","e","_thisRef$current$prop","_thisRef$current$prop2","onOpen","call","onClose","_thisRef$current$prop3","_thisRef$current$prop4","on","setDOMContent","addTo","getMap","off","isOpen","remove","getElement","style","getLngLat","lng","lat","offset","setOffset","anchor","maxWidth","setMaxWidth","prevClassList","nextClassList","c","has","removeClassName","addClassName","children"],"sources":["../../src/components/popup.ts"],"sourcesContent":["/* global document */\nimport * as React from 'react';\nimport {createPortal} from 'react-dom';\nimport {useImperativeHandle, useEffect, useMemo, useRef, useContext, forwardRef, memo} from 'react';\nimport {applyReactStyle} from '../utils/apply-react-style';\n\nimport type {PopupEvent, PopupInstance} from '../types';\n\nimport {MapContext} from './map';\nimport {deepEqual} from '../utils/deep-equal';\n\nexport type PopupProps<OptionsT, PopupT extends PopupInstance> = OptionsT & {\n  /** Longitude of the anchor location */\n  longitude: number;\n  /** Latitude of the anchor location */\n  latitude: number;\n\n  // These types will be further constraint by OptionsT\n  anchor?: string;\n  offset?: any;\n  className?: string;\n  maxWidth?: string;\n\n  /** CSS style override, applied to the control's container */\n  style?: React.CSSProperties;\n\n  onOpen?: (e: PopupEvent<PopupT>) => void;\n  onClose?: (e: PopupEvent<PopupT>) => void;\n  children?: React.ReactNode;\n};\n\n// Adapted from https://github.com/mapbox/mapbox-gl-js/blob/v1.13.0/src/ui/popup.js\nfunction getClassList(className: string) {\n  return new Set(className ? className.trim().split(/\\s+/) : []);\n}\n\n/* eslint-disable complexity,max-statements */\nfunction Popup<PopupOptions, PopupT extends PopupInstance>(\n  props: PopupProps<PopupOptions, PopupT>,\n  ref: React.Ref<PopupT>\n) {\n  const {map, mapLib} = useContext(MapContext);\n  const container = useMemo(() => {\n    return document.createElement('div');\n  }, []);\n  const thisRef = useRef({props});\n  thisRef.current.props = props;\n\n  const popup: PopupT = useMemo(() => {\n    const options = {...props};\n    const pp = new mapLib.Popup(options) as PopupT;\n    pp.setLngLat([props.longitude, props.latitude]);\n    pp.once('open', e => {\n      thisRef.current.props.onOpen?.(e as PopupEvent<PopupT>);\n    });\n    return pp;\n  }, []);\n\n  useEffect(() => {\n    const onClose = e => {\n      thisRef.current.props.onClose?.(e as PopupEvent<PopupT>);\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    if (popup.getLngLat().lng !== props.longitude || popup.getLngLat().lat !== props.latitude) {\n      popup.setLngLat([props.longitude, props.latitude]);\n    }\n    if (props.offset && !deepEqual(popup.options.offset, props.offset)) {\n      popup.setOffset(props.offset);\n    }\n    if (popup.options.anchor !== props.anchor || popup.options.maxWidth !== props.maxWidth) {\n      popup.options.anchor = props.anchor;\n      popup.setMaxWidth(props.maxWidth);\n    }\n    if (popup.options.className !== props.className) {\n      const prevClassList = getClassList(popup.options.className);\n      const nextClassList = getClassList(props.className);\n\n      for (const c of prevClassList) {\n        if (!nextClassList.has(c)) {\n          popup.removeClassName(c);\n        }\n      }\n      for (const c of nextClassList) {\n        if (!prevClassList.has(c)) {\n          popup.addClassName(c);\n        }\n      }\n      popup.options.className = props.className;\n    }\n  }\n\n  return createPortal(props.children, container);\n}\n\nexport default memo(forwardRef(Popup));\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { ControlPosition, ScaleControlInstance } from '../types';
+export declare type ScaleControlProps<OptionsT> = OptionsT & {
+    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;
+};
+declare function ScaleControl<ScaleControlOptions, ControlT extends ScaleControlInstance>(props: ScaleControlProps<ScaleControlOptions>): null;
+declare const _default: React.MemoExoticComponent<typeof ScaleControl>;
+export default _default;

package/dist/components/scale-control.js

@@ -0,0 +1,31 @@
+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 default memo(ScaleControl);
+//# sourceMappingURL=scale-control.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scale-control.js","names":["useEffect","useRef","memo","applyReactStyle","useControl","ScaleControl","props","ctrl","_ref","mapLib","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, ScaleControlInstance} from '../types';\n\nexport type ScaleControlProps<OptionsT> = OptionsT & {\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<ScaleControlOptions, ControlT extends ScaleControlInstance>(\n  props: ScaleControlProps<ScaleControlOptions>\n): null {\n  const ctrl = useControl<ControlT>(({mapLib}) => new mapLib.ScaleControl(props) as ControlT, {\n    position: props.position\n  });\n  const propsRef = useRef<ScaleControlProps<ScaleControlOptions>>(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 default memo(ScaleControl);\n"],"mappings":"AACA,SAAQA,SAAS,EAAEC,MAAM,EAAEC,IAAI,QAAO,OAAO;AAAC,SACtCC,eAAe;AAAA,OAChBC,UAAU;AAejB,SAASC,YAAYA,CACnBC,KAA6C,EACvC;EACN,MAAMC,IAAI,GAAGH,UAAU,CAAWI,IAAA;IAAA,IAAC;MAACC;IAAM,CAAC,GAAAD,IAAA;IAAA,OAAK,IAAIC,MAAM,CAACJ,YAAY,CAACC,KAAK,CAAC;EAAA,CAAY,EAAE;IAC1FI,QAAQ,EAAEJ,KAAK,CAACI;EAClB,CAAC,CAAC;EACF,MAAMC,QAAQ,GAAGV,MAAM,CAAyCK,KAAK,CAAC;EAEtE,MAAMM,SAAS,GAAGD,QAAQ,CAACE,OAAO;EAClCF,QAAQ,CAACE,OAAO,GAAGP,KAAK;EAExB,MAAM;IAACQ;EAAK,CAAC,GAAGR,KAAK;EAErB,IAAIA,KAAK,CAACS,QAAQ,KAAKC,SAAS,IAAIV,KAAK,CAACS,QAAQ,KAAKH,SAAS,CAACG,QAAQ,EAAE;IACzER,IAAI,CAACU,OAAO,CAACF,QAAQ,GAAGT,KAAK,CAACS,QAAQ;EACxC;EACA,IAAIT,KAAK,CAACY,IAAI,KAAKF,SAAS,IAAIV,KAAK,CAACY,IAAI,KAAKN,SAAS,CAACM,IAAI,EAAE;IAC7DX,IAAI,CAACY,OAAO,CAACb,KAAK,CAACY,IAAI,CAAC;EAC1B;EAEAlB,SAAS,CAAC,MAAM;IACdG,eAAe,CAACI,IAAI,CAACa,UAAU,EAAEN,KAAK,CAAC;EACzC,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,OAAO,IAAI;AACb;AAEA,eAAeZ,IAAI,CAACG,YAAY,CAAC","ignoreList":[]}

package/dist/components/source.d.ts

@@ -0,0 +1,7 @@
+import type { ISource, CustomSource } from '../types';
+export declare type SourceProps<SourceT> = (SourceT | CustomSource) & {
+    id?: string;
+    children?: any;
+};
+declare function Source<SourceT extends ISource>(props: SourceProps<SourceT>): any;
+export default Source;

package/dist/components/source.js

@@ -0,0 +1,98 @@
+import * as React from 'react';
+import { useContext, useEffect, useMemo, useState, useRef } from 'react';
+import { 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 if ('setCoordinates' in source && changedKeyCount === 1 && changedKey === 'coordinates') {
+    source.setCoordinates(props.coordinates);
+  } else if ('setUrl' in source) {
+    switch (changedKey) {
+      case 'url':
+        source.setUrl(props.url);
+        break;
+      case 'tiles':
+        source.setTiles(props.tiles);
+        break;
+      default:
+    }
+  } else {
+    console.warn(`Unable to update <Source> prop: ${changedKey}`);
+  }
+}
+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)) {
+          var _map$getStyle;
+          const allLayers = (_map$getStyle = map.getStyle()) === null || _map$getStyle === void 0 ? void 0 : _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;
+}
+export default Source;
+//# sourceMappingURL=source.js.map

package/dist/components/source.js.map

@@ -0,0 +1 @@
+{"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","_map$getStyle","allLayers","getStyle","layers","layer","removeLayer","removeSource","undefined","current","Children","child"],"sources":["../../src/components/source.ts"],"sourcesContent":["import * as React from 'react';\nimport {useContext, useEffect, useMemo, useState, useRef} from 'react';\nimport {cloneElement} from 'react';\nimport {MapContext} from './map';\nimport assert from '../utils/assert';\nimport {deepEqual} from '../utils/deep-equal';\n\nimport type {\n  MapInstance,\n  ISource,\n  CustomSource,\n  GeoJSONSourceImplementation,\n  ImageSourceImplemtation,\n  AnySourceImplementation\n} from '../types';\nimport type {GeoJSONSourceRaw, ImageSourceRaw, VectorSourceRaw} from '../types/style-spec-bkoi-gl';\n\nexport type SourceProps<SourceT> = (SourceT | CustomSource) & {\n  id?: string;\n  children?: any;\n};\n\nlet sourceCounter = 0;\n\nfunction createSource<SourceT extends ISource>(\n  map: MapInstance,\n  id: string,\n  props: SourceProps<SourceT>\n) {\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<SourceT extends ISource>(\n  source: AnySourceImplementation,\n  props: SourceProps<SourceT>,\n  prevProps: SourceProps<SourceT>\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 (key !== 'children' && key !== 'id' && !deepEqual(prevProps[key], props[key])) {\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(\n      (props as unknown as GeoJSONSourceRaw).data as any\n    );\n  } else if (type === 'image') {\n    (source as ImageSourceImplemtation).updateImage({\n      url: (props as unknown as ImageSourceRaw).url,\n      coordinates: (props as unknown as ImageSourceRaw).coordinates\n    });\n  } else if ('setCoordinates' in source && changedKeyCount === 1 && changedKey === 'coordinates') {\n    source.setCoordinates((props as ImageSourceRaw).coordinates);\n  } else if ('setUrl' in source) {\n    // Added in 1.12.0:\n    // vectorTileSource.setTiles\n    // vectorTileSource.setUrl\n    switch (changedKey) {\n      case 'url':\n        source.setUrl((props as VectorSourceRaw).url);\n        break;\n      case 'tiles':\n        source.setTiles((props as VectorSourceRaw).tiles);\n        break;\n      default:\n    }\n  } else {\n    // eslint-disable-next-line\n    console.warn(`Unable to update <Source> prop: ${changedKey}`);\n  }\n}\n/* eslint-enable complexity */\n\nfunction Source<SourceT extends ISource>(props: SourceProps<SourceT>) {\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 = () => 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\nexport default Source;\n"],"mappings":"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","ignoreList":[]}

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

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

package/dist/components/use-control.js

@@ -0,0 +1,31 @@
+import { useContext, useMemo, useEffect } from 'react';
+import { MapContext } from "./map.js";
+function useControl(onCreate, arg1, arg2, arg3) {
+  const context = useContext(MapContext);
+  const ctrl = useMemo(() => onCreate(context), []);
+  useEffect(() => {
+    const opts = arg3 || arg2 || arg1;
+    const onAdd = typeof arg1 === 'function' && typeof arg2 === 'function' ? arg1 : null;
+    const onRemove = typeof arg2 === 'function' ? arg2 : typeof arg1 === 'function' ? arg1 : null;
+    const {
+      map
+    } = context;
+    if (!map.hasControl(ctrl)) {
+      map.addControl(ctrl, opts === null || opts === void 0 ? void 0 : opts.position);
+      if (onAdd) {
+        onAdd(context);
+      }
+    }
+    return () => {
+      if (onRemove) {
+        onRemove(context);
+      }
+      if (map.hasControl(ctrl)) {
+        map.removeControl(ctrl);
+      }
+    };
+  }, []);
+  return ctrl;
+}
+export default useControl;
+//# sourceMappingURL=use-control.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-control.js","names":["useContext","useMemo","useEffect","MapContext","useControl","onCreate","arg1","arg2","arg3","context","ctrl","opts","onAdd","onRemove","map","hasControl","addControl","position","removeControl"],"sources":["../../src/components/use-control.ts"],"sourcesContent":["import {useContext, useMemo, useEffect} from 'react';\nimport type {IControl, ControlPosition} from '../types';\nimport {MapContext} from './map';\nimport type {MapContextValue} from './map';\n\ntype ControlOptions = {\n  position?: ControlPosition;\n};\n\nfunction useControl<T extends IControl>(\n  onCreate: (context: MapContextValue) => T,\n  opts?: ControlOptions\n): T;\n\nfunction useControl<T extends IControl>(\n  onCreate: (context: MapContextValue) => T,\n  onRemove: (context: MapContextValue) => void,\n  opts?: ControlOptions\n): T;\n\nfunction useControl<T extends IControl>(\n  onCreate: (context: MapContextValue) => T,\n  onAdd: (context: MapContextValue) => void,\n  onRemove: (context: MapContextValue) => void,\n  opts?: ControlOptions\n): T;\n\nfunction useControl<T extends IControl>(\n  onCreate: (context: MapContextValue) => T,\n  arg1?: ((context: MapContextValue) => void) | ControlOptions,\n  arg2?: ((context: MapContextValue) => void) | ControlOptions,\n  arg3?: ControlOptions\n): T {\n  const context = useContext(MapContext);\n  const ctrl = useMemo(() => onCreate(context), []);\n\n  useEffect(() => {\n    const opts = (arg3 || arg2 || arg1) as ControlOptions;\n    const onAdd = typeof arg1 === 'function' && typeof arg2 === 'function' ? arg1 : null;\n    const onRemove = typeof arg2 === 'function' ? arg2 : typeof arg1 === 'function' ? arg1 : null;\n\n    const {map} = context;\n    if (!map.hasControl(ctrl)) {\n      map.addControl(ctrl, opts?.position);\n      if (onAdd) {\n        onAdd(context);\n      }\n    }\n\n    return () => {\n      if (onRemove) {\n        onRemove(context);\n      }\n      // Map might have been removed (parent effects are destroyed before child ones)\n      if (map.hasControl(ctrl)) {\n        map.removeControl(ctrl);\n      }\n    };\n  }, []);\n\n  return ctrl;\n}\n\nexport default useControl;\n"],"mappings":"AAAA,SAAQA,UAAU,EAAEC,OAAO,EAAEC,SAAS,QAAO,OAAO;AAAC,SAE7CC,UAAU;AAyBlB,SAASC,UAAUA,CACjBC,QAAyC,EACzCC,IAA4D,EAC5DC,IAA4D,EAC5DC,IAAqB,EAClB;EACH,MAAMC,OAAO,GAAGT,UAAU,CAACG,UAAU,CAAC;EACtC,MAAMO,IAAI,GAAGT,OAAO,CAAC,MAAMI,QAAQ,CAACI,OAAO,CAAC,EAAE,EAAE,CAAC;EAEjDP,SAAS,CAAC,MAAM;IACd,MAAMS,IAAI,GAAIH,IAAI,IAAID,IAAI,IAAID,IAAuB;IACrD,MAAMM,KAAK,GAAG,OAAON,IAAI,KAAK,UAAU,IAAI,OAAOC,IAAI,KAAK,UAAU,GAAGD,IAAI,GAAG,IAAI;IACpF,MAAMO,QAAQ,GAAG,OAAON,IAAI,KAAK,UAAU,GAAGA,IAAI,GAAG,OAAOD,IAAI,KAAK,UAAU,GAAGA,IAAI,GAAG,IAAI;IAE7F,MAAM;MAACQ;IAAG,CAAC,GAAGL,OAAO;IACrB,IAAI,CAACK,GAAG,CAACC,UAAU,CAACL,IAAI,CAAC,EAAE;MACzBI,GAAG,CAACE,UAAU,CAACN,IAAI,EAAEC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEM,QAAQ,CAAC;MACpC,IAAIL,KAAK,EAAE;QACTA,KAAK,CAACH,OAAO,CAAC;MAChB;IACF;IAEA,OAAO,MAAM;MACX,IAAII,QAAQ,EAAE;QACZA,QAAQ,CAACJ,OAAO,CAAC;MACnB;MAEA,IAAIK,GAAG,CAACC,UAAU,CAACL,IAAI,CAAC,EAAE;QACxBI,GAAG,CAACI,aAAa,CAACR,IAAI,CAAC;MACzB;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOA,IAAI;AACb;AAEA,eAAeN,UAAU","ignoreList":[]}

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { MapRef } from '../mapbox/create-ref';
+import { MapInstance } from '../types';
+declare type MountedMapsContextValue = {
+    maps: {
+        [id: string]: MapRef<MapInstance>;
+    };
+    onMapMount: (map: MapRef<MapInstance>, id: string) => void;
+    onMapUnmount: (id: string) => void;
+};
+export declare const MountedMapsContext: React.Context<MountedMapsContextValue>;
+export declare const MapProvider: React.FC<{
+    children?: React.ReactNode;
+}>;
+export declare type MapCollection<MapT extends MapInstance> = {
+    [id: string]: MapRef<MapT> | undefined;
+    current?: MapRef<MapT>;
+};
+export declare function useMap<MapT extends MapInstance>(): MapCollection<MapT>;
+export {};

package/dist/components/use-map.js

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { useState, useCallback, useMemo, useContext } from 'react';
+import { MapContext } from "./map.js";
+export const MountedMapsContext = React.createContext(null);
+export const MapProvider = props => {
+  const [maps, setMaps] = useState({});
+  const onMapMount = useCallback(function (map) {
+    let id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
+    setMaps(currMaps => {
+      if (id === 'current') {
+        throw new Error("'current' cannot be used as map id");
+      }
+      if (currMaps[id]) {
+        throw new Error(`Multiple maps with the same id: ${id}`);
+      }
+      return {
+        ...currMaps,
+        [id]: map
+      };
+    });
+  }, []);
+  const onMapUnmount = useCallback(function () {
+    let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
+    setMaps(currMaps => {
+      if (currMaps[id]) {
+        const nextMaps = {
+          ...currMaps
+        };
+        delete nextMaps[id];
+        return nextMaps;
+      }
+      return currMaps;
+    });
+  }, []);
+  return React.createElement(MountedMapsContext.Provider, {
+    value: {
+      maps,
+      onMapMount,
+      onMapUnmount
+    }
+  }, props.children);
+};
+export function useMap() {
+  var _useContext;
+  const maps = (_useContext = useContext(MountedMapsContext)) === null || _useContext === void 0 ? void 0 : _useContext.maps;
+  const currentMap = useContext(MapContext);
+  const mapsWithCurrent = useMemo(() => {
+    return {
+      ...maps,
+      current: currentMap === null || currentMap === void 0 ? void 0 : currentMap.map
+    };
+  }, [maps, currentMap]);
+  return mapsWithCurrent;
+}
+//# sourceMappingURL=use-map.js.map

package/dist/components/use-map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-map.js","names":["React","useState","useCallback","useMemo","useContext","MapContext","MountedMapsContext","createContext","MapProvider","props","maps","setMaps","onMapMount","map","id","arguments","length","undefined","currMaps","Error","onMapUnmount","nextMaps","createElement","Provider","value","children","useMap","_useContext","currentMap","mapsWithCurrent","current"],"sources":["../../src/components/use-map.tsx"],"sourcesContent":["import * as React from 'react';\nimport {useState, useCallback, useMemo, useContext} from 'react';\n\nimport {MapRef} from '../mapbox/create-ref';\nimport {MapContext} from './map';\nimport {MapInstance} from '../types';\n\ntype MountedMapsContextValue = {\n  maps: {[id: string]: MapRef<MapInstance>};\n  onMapMount: (map: MapRef<MapInstance>, id: string) => void;\n  onMapUnmount: (id: string) => void;\n};\n\nexport const MountedMapsContext = React.createContext<MountedMapsContextValue>(null);\n\nexport const MapProvider: React.FC<{children?: React.ReactNode}> = props => {\n  const [maps, setMaps] = useState<{[id: string]: MapRef<MapInstance>}>({});\n\n  const onMapMount = useCallback((map: MapRef<MapInstance>, id: string = 'default') => {\n    setMaps(currMaps => {\n      if (id === 'current') {\n        throw new Error(\"'current' cannot be used as map id\");\n      }\n      if (currMaps[id]) {\n        throw new Error(`Multiple maps with the same id: ${id}`);\n      }\n      return {...currMaps, [id]: map};\n    });\n  }, []);\n\n  const onMapUnmount = useCallback((id: string = 'default') => {\n    setMaps(currMaps => {\n      if (currMaps[id]) {\n        const nextMaps = {...currMaps};\n        delete nextMaps[id];\n        return nextMaps;\n      }\n      return currMaps;\n    });\n  }, []);\n\n  return (\n    <MountedMapsContext.Provider\n      value={{\n        maps,\n        onMapMount,\n        onMapUnmount\n      }}\n    >\n      {props.children}\n    </MountedMapsContext.Provider>\n  );\n};\n\nexport type MapCollection<MapT extends MapInstance> = {\n  [id: string]: MapRef<MapT> | undefined;\n  current?: MapRef<MapT>;\n};\n\nexport function useMap<MapT extends MapInstance>(): MapCollection<MapT> {\n  const maps = useContext(MountedMapsContext)?.maps;\n  const currentMap = useContext(MapContext);\n\n  const mapsWithCurrent = useMemo(() => {\n    return {...maps, current: currentMap?.map};\n  }, [maps, currentMap]);\n\n  return mapsWithCurrent as MapCollection<MapT>;\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAQC,QAAQ,EAAEC,WAAW,EAAEC,OAAO,EAAEC,UAAU,QAAO,OAAO;AAAC,SAGzDC,UAAU;AASlB,OAAO,MAAMC,kBAAkB,GAAGN,KAAK,CAACO,aAAa,CAA0B,IAAI,CAAC;AAEpF,OAAO,MAAMC,WAAmD,GAAGC,KAAK,IAAI;EAC1E,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGV,QAAQ,CAAsC,CAAC,CAAC,CAAC;EAEzE,MAAMW,UAAU,GAAGV,WAAW,CAAC,UAACW,GAAwB,EAA6B;IAAA,IAA3BC,EAAU,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,SAAS;IAC9EJ,OAAO,CAACO,QAAQ,IAAI;MAClB,IAAIJ,EAAE,KAAK,SAAS,EAAE;QACpB,MAAM,IAAIK,KAAK,CAAC,oCAAoC,CAAC;MACvD;MACA,IAAID,QAAQ,CAACJ,EAAE,CAAC,EAAE;QAChB,MAAM,IAAIK,KAAK,CAAC,mCAAmCL,EAAE,EAAE,CAAC;MAC1D;MACA,OAAO;QAAC,GAAGI,QAAQ;QAAE,CAACJ,EAAE,GAAGD;MAAG,CAAC;IACjC,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,YAAY,GAAGlB,WAAW,CAAC,YAA4B;IAAA,IAA3BY,EAAU,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,SAAS;IACtDJ,OAAO,CAACO,QAAQ,IAAI;MAClB,IAAIA,QAAQ,CAACJ,EAAE,CAAC,EAAE;QAChB,MAAMO,QAAQ,GAAG;UAAC,GAAGH;QAAQ,CAAC;QAC9B,OAAOG,QAAQ,CAACP,EAAE,CAAC;QACnB,OAAOO,QAAQ;MACjB;MACA,OAAOH,QAAQ;IACjB,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,OACElB,KAAA,CAAAsB,aAAA,CAAChB,kBAAkB,CAACiB,QAAQ;IAC1BC,KAAK,EAAE;MACLd,IAAI;MACJE,UAAU;MACVQ;IACF;EAAE,GAEDX,KAAK,CAACgB,QACoB,CAAC;AAElC,CAAC;AAOD,OAAO,SAASC,MAAMA,CAAA,EAAkD;EAAA,IAAAC,WAAA;EACtE,MAAMjB,IAAI,IAAAiB,WAAA,GAAGvB,UAAU,CAACE,kBAAkB,CAAC,cAAAqB,WAAA,uBAA9BA,WAAA,CAAgCjB,IAAI;EACjD,MAAMkB,UAAU,GAAGxB,UAAU,CAACC,UAAU,CAAC;EAEzC,MAAMwB,eAAe,GAAG1B,OAAO,CAAC,MAAM;IACpC,OAAO;MAAC,GAAGO,IAAI;MAAEoB,OAAO,EAAEF,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEf;IAAG,CAAC;EAC5C,CAAC,EAAE,CAACH,IAAI,EAAEkB,UAAU,CAAC,CAAC;EAEtB,OAAOC,eAAe;AACxB","ignoreList":[]}