react-bkoi-gl 1.0.1 → 1.0.3

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

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

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

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

package/dist/components/use-map.js

@@ -1,3 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import * as React from 'react';
 import { useState, useCallback, useMemo, useContext } from 'react';
 import { MapContext } from "./map.js";
@@ -13,19 +16,16 @@ export const MapProvider = props => {
       if (currMaps[id]) {
         throw new Error(`Multiple maps with the same id: ${id}`);
       }
-      return {
-        ...currMaps,
+      return _objectSpread(_objectSpread({}, 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
-        };
+        const nextMaps = _objectSpread({}, currMaps);
         delete nextMaps[id];
         return nextMaps;
       }
@@ -45,10 +45,9 @@ export function useMap() {
   const maps = (_useContext = useContext(MountedMapsContext)) === null || _useContext === void 0 ? void 0 : _useContext.maps;
   const currentMap = useContext(MapContext);
   const mapsWithCurrent = useMemo(() => {
-    return {
-      ...maps,
+    return _objectSpread(_objectSpread({}, maps), {}, {
       current: currentMap === null || currentMap === void 0 ? void 0 : currentMap.map
-    };
+    });
   }, [maps, currentMap]);
   return mapsWithCurrent;
 }

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

@@ -1 +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":[]}
+{"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","_objectSpread","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,OAAAM,aAAA,CAAAA,aAAA,KAAWF,QAAQ;QAAE,CAACJ,EAAE,GAAGD;MAAG;IAChC,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMQ,YAAY,GAAGnB,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,MAAMQ,QAAQ,GAAAF,aAAA,KAAOF,QAAQ,CAAC;QAC9B,OAAOI,QAAQ,CAACR,EAAE,CAAC;QACnB,OAAOQ,QAAQ;MACjB;MACA,OAAOJ,QAAQ;IACjB,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,OACElB,KAAA,CAAAuB,aAAA,CAACjB,kBAAkB,CAACkB,QAAQ;IAC1BC,KAAK,EAAE;MACLf,IAAI;MACJE,UAAU;MACVS;IACF;EAAE,GAEDZ,KAAK,CAACiB,QACoB,CAAC;AAElC,CAAC;AAOD,OAAO,SAASC,MAAMA,CAAA,EAAkD;EAAA,IAAAC,WAAA;EACtE,MAAMlB,IAAI,IAAAkB,WAAA,GAAGxB,UAAU,CAACE,kBAAkB,CAAC,cAAAsB,WAAA,uBAA9BA,WAAA,CAAgClB,IAAI;EACjD,MAAMmB,UAAU,GAAGzB,UAAU,CAACC,UAAU,CAAC;EAEzC,MAAMyB,eAAe,GAAG3B,OAAO,CAAC,MAAM;IACpC,OAAAiB,aAAA,CAAAA,aAAA,KAAWV,IAAI;MAAEqB,OAAO,EAAEF,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEhB;IAAG;EAC3C,CAAC,EAAE,CAACH,IAAI,EAAEmB,UAAU,CAAC,CAAC;EAEtB,OAAOC,eAAe;AACxB","ignoreList":[]}

package/dist/exports-bkoi-gl.d.ts

@@ -15,8 +15,8 @@ import type { MapRef as _MapRef } from './mapbox/create-ref';
 import type * as events from './types/events';
 import type { MapCallbacks } from './types/events-bkoi-gl';
 export declare function useMap(): import("./components/use-map").MapCollection<BkoiMap>;
-export declare type MapProps = _MapProps<MapOptions, MapStyle, MapCallbacks, BkoiMap>;
-export declare type MapRef = _MapRef<BkoiMap>;
+export type MapProps = _MapProps<MapOptions, MapStyle, MapCallbacks, BkoiMap>;
+export type MapRef = _MapRef<BkoiMap>;
 export declare const Map: React.ForwardRefExoticComponent<Pick<{
     [x: string]: MapOptions;
     [x: number]: MapOptions;
@@ -51,28 +51,28 @@ export declare const Map: React.ForwardRefExoticComponent<Pick<{
     style?: React.CSSProperties;
     children?: any;
 }, string | number | symbol> & React.RefAttributes<MapRef>>;
-export declare type MarkerProps = _MarkerProps<MarkerOptions, BkoiMarker>;
+export type MarkerProps = _MarkerProps<MarkerOptions, BkoiMarker>;
 export declare const Marker: (props: MarkerProps & React.RefAttributes<BkoiMarker>) => React.ReactElement | null;
-export declare type PopupProps = _PopupProps<PopupOptions, BkoiPopup>;
+export type PopupProps = _PopupProps<PopupOptions, BkoiPopup>;
 export declare const Popup: (props: PopupProps & React.RefAttributes<BkoiPopup>) => React.ReactElement | null;
-declare type AttributionControlOptions = ConstructorParameters<typeof BkoiAttributionControl>[0];
-export declare type AttributionControlProps = _AttributionControlProps<AttributionControlOptions>;
+type AttributionControlOptions = ConstructorParameters<typeof BkoiAttributionControl>[0];
+export type AttributionControlProps = _AttributionControlProps<AttributionControlOptions>;
 export declare const AttributionControl: (props: AttributionControlProps) => React.ReactElement | null;
-declare type FullscreenControlOptions = ConstructorParameters<typeof BkoiFullscreenControl>[0];
-export declare type FullscreenControlProps = _FullscreenControlProps<FullscreenControlOptions>;
+type FullscreenControlOptions = ConstructorParameters<typeof BkoiFullscreenControl>[0];
+export type FullscreenControlProps = _FullscreenControlProps<FullscreenControlOptions>;
 export declare const FullscreenControl: (props: FullscreenControlProps) => React.ReactElement | null;
-declare type NavigationControlOptions = ConstructorParameters<typeof BkoiNavigationControl>[0];
-export declare type NavigationControlProps = _NavigationControlProps<NavigationControlOptions>;
+type NavigationControlOptions = ConstructorParameters<typeof BkoiNavigationControl>[0];
+export type NavigationControlProps = _NavigationControlProps<NavigationControlOptions>;
 export declare const NavigationControl: (props: NavigationControlProps) => React.ReactElement | null;
-declare type GeolocateControlOptions = ConstructorParameters<typeof BkoiGeolocateControl>[0];
-export declare type GeolocateControlProps = _GeolocateControlProps<GeolocateControlOptions, BkoiGeolocateControl>;
+type GeolocateControlOptions = ConstructorParameters<typeof BkoiGeolocateControl>[0];
+export type GeolocateControlProps = _GeolocateControlProps<GeolocateControlOptions, BkoiGeolocateControl>;
 export declare const GeolocateControl: (props: GeolocateControlProps & React.RefAttributes<BkoiGeolocateControl>) => React.ReactElement | null;
-declare type ScaleControlOptions = ConstructorParameters<typeof BkoiScaleControl>[0];
-export declare type ScaleControlProps = _ScaleControlProps<ScaleControlOptions>;
+type ScaleControlOptions = ConstructorParameters<typeof BkoiScaleControl>[0];
+export type ScaleControlProps = _ScaleControlProps<ScaleControlOptions>;
 export declare const ScaleControl: (props: ScaleControlProps) => React.ReactElement | null;
-export declare type LayerProps = _LayerProps<AnyLayer>;
+export type LayerProps = _LayerProps<AnyLayer>;
 export declare const Layer: (props: LayerProps) => React.ReactElement | null;
-export declare type SourceProps = _SourceProps<AnySource>;
+export type SourceProps = _SourceProps<AnySource>;
 export declare const Source: (props: SourceProps) => React.ReactElement | null;
 export { default as useControl } from './components/use-control';
 export { MapProvider } from './components/use-map';
@@ -81,9 +81,9 @@ export * from './types/public';
 export type { default as Point } from '@mapbox/point-geometry';
 export * from './types/style-spec-bkoi-gl';
 export type { MapEvent, MapMouseEvent, MapLayerMouseEvent, MapTouchEvent, MapLayerTouchEvent, MapStyleDataEvent, MapSourceDataEvent, MapWheelEvent, MapBoxZoomEvent, ErrorEvent, ViewStateChangeEvent } from './types/events-bkoi-gl';
-export declare type PopupEvent = events.PopupEvent<BkoiPopup>;
-export declare type MarkerEvent = events.MarkerEvent<BkoiMarker>;
-export declare type MarkerDragEvent = events.MarkerDragEvent<BkoiMarker>;
-export declare type GeolocateEvent = events.GeolocateEvent<BkoiGeolocateControl>;
-export declare type GeolocateResultEvent = events.GeolocateResultEvent<BkoiGeolocateControl>;
-export declare type GeolocateErrorEvent = events.GeolocateErrorEvent<BkoiGeolocateControl>;
+export type PopupEvent = events.PopupEvent<BkoiPopup>;
+export type MarkerEvent = events.MarkerEvent<BkoiMarker>;
+export type MarkerDragEvent = events.MarkerDragEvent<BkoiMarker>;
+export type GeolocateEvent = events.GeolocateEvent<BkoiGeolocateControl>;
+export type GeolocateResultEvent = events.GeolocateResultEvent<BkoiGeolocateControl>;
+export type GeolocateErrorEvent = events.GeolocateErrorEvent<BkoiGeolocateControl>;

package/dist/exports-mapbox.d.ts

@@ -15,8 +15,8 @@ import type { MapRef as _MapRef } from './mapbox/create-ref';
 import type * as events from './types/events';
 import type { MapCallbacks } from './types/events-mapbox';
 export declare function useMap(): import("./components/use-map").MapCollection<MapboxMap>;
-export declare type MapProps = _MapProps<MapboxOptions, MapStyle, MapCallbacks, MapboxMap>;
-export declare type MapRef = _MapRef<MapboxMap>;
+export type MapProps = _MapProps<MapboxOptions, MapStyle, MapCallbacks, MapboxMap>;
+export type MapRef = _MapRef<MapboxMap>;
 export declare const Map: React.ForwardRefExoticComponent<{
     zoom?: number;
     pitch?: number;
@@ -98,28 +98,28 @@ export declare const Map: React.ForwardRefExoticComponent<{
     style?: React.CSSProperties;
     children?: any;
 } & React.RefAttributes<MapRef>>;
-export declare type MarkerProps = _MarkerProps<MarkerOptions, MapboxMarker>;
+export type MarkerProps = _MarkerProps<MarkerOptions, MapboxMarker>;
 export declare const Marker: (props: MarkerProps & React.RefAttributes<MapboxMarker>) => React.ReactElement | null;
-export declare type PopupProps = _PopupProps<PopupOptions, MapboxPopup>;
+export type PopupProps = _PopupProps<PopupOptions, MapboxPopup>;
 export declare const Popup: (props: PopupProps & React.RefAttributes<MapboxPopup>) => React.ReactElement | null;
-declare type AttributionControlOptions = ConstructorParameters<typeof MapboxAttributionControl>[0];
-export declare type AttributionControlProps = _AttributionControlProps<AttributionControlOptions>;
+type AttributionControlOptions = ConstructorParameters<typeof MapboxAttributionControl>[0];
+export type AttributionControlProps = _AttributionControlProps<AttributionControlOptions>;
 export declare const AttributionControl: (props: AttributionControlProps) => React.ReactElement | null;
-declare type FullscreenControlOptions = ConstructorParameters<typeof MapboxFullscreenControl>[0];
-export declare type FullscreenControlProps = _FullscreenControlProps<FullscreenControlOptions>;
+type FullscreenControlOptions = ConstructorParameters<typeof MapboxFullscreenControl>[0];
+export type FullscreenControlProps = _FullscreenControlProps<FullscreenControlOptions>;
 export declare const FullscreenControl: (props: FullscreenControlProps) => React.ReactElement | null;
-declare type NavigationControlOptions = ConstructorParameters<typeof MapboxNavigationControl>[0];
-export declare type NavigationControlProps = _NavigationControlProps<NavigationControlOptions>;
+type NavigationControlOptions = ConstructorParameters<typeof MapboxNavigationControl>[0];
+export type NavigationControlProps = _NavigationControlProps<NavigationControlOptions>;
 export declare const NavigationControl: (props: NavigationControlProps) => React.ReactElement | null;
-declare type GeolocateControlOptions = ConstructorParameters<typeof MapboxGeolocateControl>[0];
-export declare type GeolocateControlProps = _GeolocateControlProps<GeolocateControlOptions, MapboxGeolocateControl>;
+type GeolocateControlOptions = ConstructorParameters<typeof MapboxGeolocateControl>[0];
+export type GeolocateControlProps = _GeolocateControlProps<GeolocateControlOptions, MapboxGeolocateControl>;
 export declare const GeolocateControl: (props: GeolocateControlProps & React.RefAttributes<MapboxGeolocateControl>) => React.ReactElement | null;
-declare type ScaleControlOptions = ConstructorParameters<typeof MapboxScaleControl>[0];
-export declare type ScaleControlProps = _ScaleControlProps<ScaleControlOptions>;
+type ScaleControlOptions = ConstructorParameters<typeof MapboxScaleControl>[0];
+export type ScaleControlProps = _ScaleControlProps<ScaleControlOptions>;
 export declare const ScaleControl: (props: ScaleControlProps) => React.ReactElement | null;
-export declare type LayerProps = _LayerProps<AnyLayer>;
+export type LayerProps = _LayerProps<AnyLayer>;
 export declare const Layer: (props: LayerProps) => React.ReactElement | null;
-export declare type SourceProps = _SourceProps<AnySource>;
+export type SourceProps = _SourceProps<AnySource>;
 export declare const Source: (props: SourceProps) => React.ReactElement | null;
 export { default as useControl } from './components/use-control';
 export { MapProvider } from './components/use-map';
@@ -128,12 +128,12 @@ export * from './types/public';
 export type { Point, PointLike, LngLat, LngLatLike, LngLatBounds, LngLatBoundsLike, PaddingOptions, MapboxGeoJSONFeature as MapGeoJSONFeature, GeoJSONSource, VideoSource, ImageSource, CanvasSource, VectorSourceImpl as VectorTileSource } from 'mapbox-gl';
 export * from './types/style-spec-mapbox';
 export type { MapEvent, MapMouseEvent, MapLayerMouseEvent, MapTouchEvent, MapLayerTouchEvent, MapStyleDataEvent, MapSourceDataEvent, MapWheelEvent, MapBoxZoomEvent, ErrorEvent, ViewStateChangeEvent } from './types/events-mapbox';
-export declare type PopupEvent = events.PopupEvent<MapboxPopup>;
-export declare type MarkerEvent = events.MarkerEvent<MapboxMarker>;
-export declare type MarkerDragEvent = events.MarkerDragEvent<MapboxMarker>;
-export declare type GeolocateEvent = events.GeolocateEvent<MapboxGeolocateControl>;
-export declare type GeolocateResultEvent = events.GeolocateResultEvent<MapboxGeolocateControl>;
-export declare type GeolocateErrorEvent = events.GeolocateErrorEvent<MapboxGeolocateControl>;
+export type PopupEvent = events.PopupEvent<MapboxPopup>;
+export type MarkerEvent = events.MarkerEvent<MapboxMarker>;
+export type MarkerDragEvent = events.MarkerDragEvent<MapboxMarker>;
+export type GeolocateEvent = events.GeolocateEvent<MapboxGeolocateControl>;
+export type GeolocateResultEvent = events.GeolocateResultEvent<MapboxGeolocateControl>;
+export type GeolocateErrorEvent = events.GeolocateErrorEvent<MapboxGeolocateControl>;
 /** @deprecated use `MapStyle` */
-export declare type MapboxStyle = MapStyle;
+export type MapboxStyle = MapStyle;
 export type { Map as MapboxMap, MapboxEvent, MapboxGeoJSONFeature } from 'mapbox-gl';

package/dist/mapbox/create-ref.d.ts

@@ -2,7 +2,7 @@ import type { MapInstance, MapStyle, Callbacks } from '../types';
 import type Mapbox from './mapbox';
 /** These methods may break the react binding if called directly */
 declare const skipMethods: readonly ["setMaxBounds", "setMinZoom", "setMaxZoom", "setMinPitch", "setMaxPitch", "setRenderWorldCopies", "setProjection", "setStyle", "addSource", "removeSource", "addLayer", "removeLayer", "setLayerZoomRange", "setFilter", "setPaintProperty", "setLayoutProperty", "setLight", "setTerrain", "setFog", "remove"];
-export declare type MapRef<MapT extends MapInstance> = {
+export type MapRef<MapT extends MapInstance> = {
     getMap(): MapT;
 } & Omit<MapT, typeof skipMethods[number]>;
 export default function createRef<StyleT extends MapStyle, CallbacksT extends Callbacks, MapT extends MapInstance>(mapInstance: Mapbox<StyleT, CallbacksT, MapT>): MapRef<MapT> | null;

package/dist/mapbox/mapbox.d.ts

@@ -1,5 +1,5 @@
 import type { Transform, ViewState, ViewStateChangeEvent, PointLike, PaddingOptions, MapStyle, ImmutableLike, LngLatBoundsLike, Callbacks, MapEvent, MapMouseEvent, MapInstance, MapInstanceInternal } from '../types';
-export declare type MapboxProps<StyleT extends MapStyle = MapStyle, CallbacksT extends Callbacks = {}> = Partial<ViewState> & CallbacksT & {
+export type MapboxProps<StyleT extends MapStyle = MapStyle, CallbacksT extends Callbacks = {}> = Partial<ViewState> & CallbacksT & {
     mapboxAccessToken?: string;
     /** Camera options used when constructing the Map instance */
     initialViewState?: Partial<ViewState> & {

package/dist/mapbox/mapbox.js

@@ -1,3 +1,7 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _Mapbox;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { transformToViewState, applyViewStateToTransform, cloneTransform, syncProjection } from "../utils/transform.js";
 import { normalizeStyle } from "../utils/style-utils.js";
 import { deepEqual } from "../utils/deep-equal.js";
@@ -57,18 +61,53 @@ const otherEvents = {
 const settingNames = ['minZoom', 'maxZoom', 'minPitch', 'maxPitch', 'maxBounds', 'projection', 'renderWorldCopies'];
 const handlerNames = ['scrollZoom', 'boxZoom', 'dragRotate', 'dragPan', 'keyboard', 'doubleClickZoom', 'touchZoomRotate', 'touchPitch'];
 export default class Mapbox {
-  _map = null;
-  _internalUpdate = false;
-  _inRender = false;
-  _hoveredFeatures = null;
-  _deferredEvents = {
-    move: false,
-    zoom: false,
-    pitch: false,
-    rotate: false
-  };
-  static savedMaps = [];
   constructor(MapClass, props, container) {
+    this._MapClass = void 0;
+    this._map = null;
+    this.props = void 0;
+    this._renderTransform = void 0;
+    this._internalUpdate = false;
+    this._inRender = false;
+    this._hoveredFeatures = null;
+    this._deferredEvents = {
+      move: false,
+      zoom: false,
+      pitch: false,
+      rotate: false
+    };
+    this._onEvent = e => {
+      const cb = this.props[otherEvents[e.type]];
+      if (cb) {
+        cb(e);
+      } else if (e.type === 'error') {
+        console.error(e.error);
+      }
+    };
+    this._onPointerEvent = e => {
+      if (e.type === 'mousemove' || e.type === 'mouseout') {
+        this._updateHover(e);
+      }
+      const cb = this.props[pointerEvents[e.type]];
+      if (cb) {
+        if (this.props.interactiveLayerIds && e.type !== 'mouseover' && e.type !== 'mouseout') {
+          e.features = this._hoveredFeatures || this._queryRenderedFeatures(e.point);
+        }
+        cb(e);
+        delete e.features;
+      }
+    };
+    this._onCameraEvent = e => {
+      if (!this._internalUpdate) {
+        const cb = this.props[cameraEvents[e.type]];
+        if (cb) {
+          cb(e);
+        }
+      }
+      if (e.type in this._deferredEvents) {
+        this._deferredEvents[e.type] = false;
+      }
+    };
+    this._onAfterRepaint = void 0;
     this._MapClass = MapClass;
     this.props = props;
     this._initialize(container);
@@ -112,20 +151,18 @@ export default class Mapbox {
       resizeObserver.disconnect();
       resizeObserver.observe(container);
     }
-    that.setProps({
-      ...props,
+    that.setProps(_objectSpread(_objectSpread({}, props), {}, {
       styleDiffing: false
-    });
+    }));
     map.resize();
     const {
       initialViewState
     } = props;
     if (initialViewState) {
       if (initialViewState.bounds) {
-        map.fitBounds(initialViewState.bounds, {
-          ...initialViewState.fitBoundsOptions,
+        map.fitBounds(initialViewState.bounds, _objectSpread(_objectSpread({}, initialViewState.fitBoundsOptions), {}, {
           duration: 0
-        });
+        }));
       } else {
         that._updateViewState(initialViewState, false);
       }
@@ -145,13 +182,11 @@ export default class Mapbox {
     const {
       mapStyle = DEFAULT_STYLE
     } = props;
-    const mapOptions = {
-      ...props,
-      ...props.initialViewState,
+    const mapOptions = _objectSpread(_objectSpread(_objectSpread({}, props), props.initialViewState), {}, {
       accessToken: props.mapboxAccessToken || getAccessTokenFromEnv() || null,
       container,
       style: normalizeStyle(mapStyle)
-    };
+    });
     const viewState = mapOptions.initialViewState || mapOptions.viewState || mapOptions;
     Object.assign(mapOptions, {
       center: [viewState.longitude || 0, viewState.latitude || 0],
@@ -210,7 +245,7 @@ export default class Mapbox {
   recycle() {
     const container = this.map.getContainer();
     const children = container.querySelector('[mapboxgl-children]');
-    children === null || children === void 0 ? void 0 : children.remove();
+    children === null || children === void 0 || children.remove();
     Mapbox.savedMaps.push(this);
   }
   destroy() {
@@ -259,19 +294,16 @@ export default class Mapbox {
     if (isMoving) {
       tr.cameraElevationReference = 'sea';
     }
-    const changed = applyViewStateToTransform(tr, {
-      ...transformToViewState(map.transform),
-      ...nextProps
-    });
+    const changed = applyViewStateToTransform(tr, _objectSpread(_objectSpread({}, transformToViewState(map.transform)), nextProps));
     if (isMoving) {
       tr.cameraElevationReference = 'ground';
     }
     if (changed && triggerEvents) {
       const deferredEvents = this._deferredEvents;
       deferredEvents.move = true;
-      deferredEvents.zoom ||= zoom !== tr.zoom;
-      deferredEvents.rotate ||= bearing !== tr.bearing;
-      deferredEvents.pitch ||= pitch !== tr.pitch;
+      deferredEvents.zoom || (deferredEvents.zoom = zoom !== tr.zoom);
+      deferredEvents.rotate || (deferredEvents.rotate = bearing !== tr.bearing);
+      deferredEvents.pitch || (deferredEvents.pitch = pitch !== tr.pitch);
     }
     if (!isMoving) {
       applyViewStateToTransform(map.transform, nextProps);
@@ -285,7 +317,7 @@ export default class Mapbox {
       if (propName in nextProps && !deepEqual(nextProps[propName], currProps[propName])) {
         changed = true;
         const setter = map[`set${propName[0].toUpperCase()}${propName.slice(1)}`];
-        setter === null || setter === void 0 ? void 0 : setter.call(map, nextProps[propName]);
+        setter === null || setter === void 0 || setter.call(map, nextProps[propName]);
       }
     }
     return changed;
@@ -335,8 +367,9 @@ export default class Mapbox {
     const map = this._map;
     let changed = false;
     for (const propName of handlerNames) {
-      const newValue = nextProps[propName] ?? true;
-      const oldValue = currProps[propName] ?? true;
+      var _nextProps$propName, _currProps$propName;
+      const newValue = (_nextProps$propName = nextProps[propName]) !== null && _nextProps$propName !== void 0 ? _nextProps$propName : true;
+      const oldValue = (_currProps$propName = currProps[propName]) !== null && _currProps$propName !== void 0 ? _currProps$propName : true;
       if (!deepEqual(newValue, oldValue)) {
         changed = true;
         if (newValue) {
@@ -348,14 +381,6 @@ export default class Mapbox {
     }
     return changed;
   }
-  _onEvent = e => {
-    const cb = this.props[otherEvents[e.type]];
-    if (cb) {
-      cb(e);
-    } else if (e.type === 'error') {
-      console.error(e.error);
-    }
-  };
   _queryRenderedFeatures(point) {
     const map = this._map;
     const tr = map.transform;
@@ -367,7 +392,7 @@ export default class Mapbox {
       return map.queryRenderedFeatures(point, {
         layers: interactiveLayerIds.filter(map.getLayer.bind(map))
       });
-    } catch {
+    } catch (_unused) {
       return [];
     } finally {
       map.transform = tr;
@@ -398,30 +423,6 @@ export default class Mapbox {
       this._hoveredFeatures = null;
     }
   }
-  _onPointerEvent = e => {
-    if (e.type === 'mousemove' || e.type === 'mouseout') {
-      this._updateHover(e);
-    }
-    const cb = this.props[pointerEvents[e.type]];
-    if (cb) {
-      if (this.props.interactiveLayerIds && e.type !== 'mouseover' && e.type !== 'mouseout') {
-        e.features = this._hoveredFeatures || this._queryRenderedFeatures(e.point);
-      }
-      cb(e);
-      delete e.features;
-    }
-  };
-  _onCameraEvent = e => {
-    if (!this._internalUpdate) {
-      const cb = this.props[cameraEvents[e.type]];
-      if (cb) {
-        cb(e);
-      }
-    }
-    if (e.type in this._deferredEvents) {
-      this._deferredEvents[e.type] = false;
-    }
-  };
   _fireEvent(baseFire, event, properties) {
     const map = this._map;
     const tr = map.transform;
@@ -460,6 +461,8 @@ export default class Mapbox {
     };
   }
 }
+_Mapbox = Mapbox;
+Mapbox.savedMaps = [];
 function getAccessTokenFromEnv() {
   let accessToken = null;
   if (typeof location !== 'undefined') {
@@ -468,10 +471,10 @@ function getAccessTokenFromEnv() {
   }
   try {
     accessToken = accessToken || process.env.MapboxAccessToken;
-  } catch {}
+  } catch (_unused2) {}
   try {
     accessToken = accessToken || process.env.REACT_APP_MAPBOX_ACCESS_TOKEN;
-  } catch {}
+  } catch (_unused3) {}
   return accessToken;
 }
 //# sourceMappingURL=mapbox.js.map