react-bkoi-gl 1.0.6 → 2.0.0

package/dist/components/logo-control.js

@@ -0,0 +1,28 @@
+import { useEffect, memo } from "react";
+import { applyReactStyle } from "../utils/apply-react-style.js";
+import { useControl } from "./use-control.js";
+function _LogoControl(props) {
+  const ctrl = useControl(_ref => {
+    let {
+      mapLib
+    } = _ref;
+    return new mapLib.LogoControl(props);
+  }, {
+    position: props.position
+  });
+  useEffect(() => {
+    applyReactStyle(ctrl._container, props.style);
+    const logoElement = ctrl._container?.querySelector(".maplibregl-ctrl-logo");
+    if (logoElement) {
+      logoElement.href = "https://barikoi.com/";
+      logoElement.setAttribute("aria-label", "Barikoi logo");
+      logoElement.target = "_blank";
+      logoElement.rel = "noopener nofollow";
+      logoElement.style.cursor = "pointer";
+      logoElement.replaceWith(logoElement.cloneNode(true));
+    }
+  }, [props.style, ctrl._container]);
+  return null;
+}
+export const LogoControl = memo(_LogoControl);
+//# sourceMappingURL=logo-control.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"logo-control.js","names":["useEffect","memo","applyReactStyle","useControl","_LogoControl","props","ctrl","_ref","mapLib","LogoControl","position","_container","style","logoElement","querySelector","href","setAttribute","target","rel","cursor","replaceWith","cloneNode"],"sources":["../../src/components/logo-control.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport * 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, LogoControlOptions } from \"../types/lib\";\n\nexport type LogoControlProps = LogoControlOptions & {\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 _LogoControl(props: LogoControlProps) {\n  const ctrl = useControl(({ mapLib }) => new mapLib.LogoControl(props), {\n    position: props.position,\n  });\n\n  useEffect(() => {\n    applyReactStyle(ctrl._container, props.style);\n\n    // Update the DOM structure and attributes directly\n    const logoElement = ctrl._container?.querySelector(\n      \".maplibregl-ctrl-logo\",\n    ) as HTMLAnchorElement | null;\n    if (logoElement) {\n      // Update the link attributes\n      logoElement.href = \"https://barikoi.com/\";\n      logoElement.setAttribute(\"aria-label\", \"Barikoi logo\");\n      logoElement.target = \"_blank\";\n      logoElement.rel = \"noopener nofollow\";\n      logoElement.style.cursor = \"pointer\";\n\n      // Remove any existing click handlers\n      logoElement.replaceWith(logoElement.cloneNode(true));\n    }\n  }, [props.style, ctrl._container]);\n\n  return null;\n}\n\nexport const LogoControl: React.FC<LogoControlProps> = memo(_LogoControl);\n"],"mappings":"AAEA,SAASA,SAAS,EAAEC,IAAI,QAAQ,OAAO;AAAC,SAC/BC,eAAe;AAAA,SACfC,UAAU;AAWnB,SAASC,YAAYA,CAACC,KAAuB,EAAE;EAC7C,MAAMC,IAAI,GAAGH,UAAU,CAACI,IAAA;IAAA,IAAC;MAAEC;IAAO,CAAC,GAAAD,IAAA;IAAA,OAAK,IAAIC,MAAM,CAACC,WAAW,CAACJ,KAAK,CAAC;EAAA,GAAE;IACrEK,QAAQ,EAAEL,KAAK,CAACK;EAClB,CAAC,CAAC;EAEFV,SAAS,CAAC,MAAM;IACdE,eAAe,CAACI,IAAI,CAACK,UAAU,EAAEN,KAAK,CAACO,KAAK,CAAC;IAG7C,MAAMC,WAAW,GAAGP,IAAI,CAACK,UAAU,EAAEG,aAAa,CAChD,uBACF,CAA6B;IAC7B,IAAID,WAAW,EAAE;MAEfA,WAAW,CAACE,IAAI,GAAG,sBAAsB;MACzCF,WAAW,CAACG,YAAY,CAAC,YAAY,EAAE,cAAc,CAAC;MACtDH,WAAW,CAACI,MAAM,GAAG,QAAQ;MAC7BJ,WAAW,CAACK,GAAG,GAAG,mBAAmB;MACrCL,WAAW,CAACD,KAAK,CAACO,MAAM,GAAG,SAAS;MAGpCN,WAAW,CAACO,WAAW,CAACP,WAAW,CAACQ,SAAS,CAAC,IAAI,CAAC,CAAC;IACtD;EACF,CAAC,EAAE,CAAChB,KAAK,CAACO,KAAK,EAAEN,IAAI,CAACK,UAAU,CAAC,CAAC;EAElC,OAAO,IAAI;AACb;AAEA,OAAO,MAAMF,WAAuC,GAAGR,IAAI,CAACG,YAAY,CAAC","ignoreList":[]}

package/dist/components/map.d.ts

@@ -1,23 +1,27 @@
-import * as React from 'react';
-import { MapboxProps } from '../mapbox/mapbox';
-import { MapRef } from '../mapbox/create-ref';
-import type { CSSProperties } from 'react';
-import { GlobalSettings } from '../utils/set-globals';
-import type { MapLib, MapInstance, MapStyle, Callbacks } from '../types';
-export type MapContextValue<MapT extends MapInstance = MapInstance> = {
-    mapLib: MapLib<MapT>;
-    map: MapRef<MapT>;
+import * as React from "react";
+import { MaplibreProps } from "../maplibre/maplibre";
+import { MapRef } from "../maplibre/create-ref";
+import type { CSSProperties } from "react";
+import { GlobalSettings } from "../utils/set-globals";
+import type { MapLib, MapOptions } from "../types/lib";
+export type MapContextValue = {
+    mapLib: MapLib;
+    map: MapRef;
 };
-export declare const MapContext: React.Context<MapContextValue<MapInstance>>;
-type MapInitOptions<MapOptions> = Omit<MapOptions, 'style' | 'container' | 'bounds' | 'fitBoundsOptions' | 'center'>;
-export type MapProps<MapOptions, StyleT extends MapStyle, CallbacksT extends Callbacks, MapT extends MapInstance> = MapInitOptions<MapOptions> & MapboxProps<StyleT, CallbacksT> & GlobalSettings & {
-    mapLib?: MapLib<MapT> | Promise<MapLib<MapT>>;
+export declare const MapContext: React.Context<MapContextValue>;
+type MapInitOptions = Omit<MapOptions, "style" | "container" | "bounds" | "fitBoundsOptions" | "center">;
+export type MapProps = MapInitOptions & MaplibreProps & GlobalSettings & {
+    mapLib?: MapLib | Promise<MapLib>;
     reuseMaps?: boolean;
     /** Map container id */
     id?: string;
     /** Map container CSS style */
     style?: CSSProperties;
-    children?: any;
-};
-export default function Map<MapOptions, StyleT extends MapStyle, CallbacksT extends Callbacks, MapT extends MapInstance>(props: MapProps<MapOptions, StyleT, CallbacksT, MapT>, ref: React.Ref<MapRef<MapT>>, defaultLib: MapLib<MapT> | Promise<MapLib<MapT>>): React.JSX.Element;
+    children?: React.ReactNode;
+    /** Show Barikoi logo (default: true) */
+    showBarikoiLogo?: boolean;
+    /** Show Attribution (default: true) */
+    showAttribution?: boolean;
+} & React.RefAttributes<MapRef>;
+export declare const Map: React.FC<MapProps>;
 export {};

package/dist/components/map.js

@@ -1,12 +1,14 @@
-import * as React from 'react';
-import { useState, useRef, useEffect, useContext, useMemo, useImperativeHandle } from 'react';
+import * as React from "react";
+import { useState, useRef, useEffect, useContext, useMemo, useImperativeHandle } from "react";
 import { MountedMapsContext } from "./use-map.js";
-import Mapbox from "../mapbox/mapbox.js";
-import createRef from "../mapbox/create-ref.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);
-export default function Map(props, ref, defaultLib) {
+function _Map(props, ref) {
   const mountedMapsContext = useContext(MountedMapsContext);
   const [mapInstance, setMapInstance] = useState(null);
   const containerRef = useRef();
@@ -19,40 +21,39 @@ export default function Map(props, ref, defaultLib) {
   useEffect(() => {
     const mapLib = props.mapLib;
     let isMounted = true;
-    let mapbox;
-    Promise.resolve(mapLib || defaultLib).then(module => {
+    let maplibre;
+    Promise.resolve(mapLib || import("maplibre-gl")).then(module => {
       if (!isMounted) {
         return;
       }
       if (!module) {
-        throw new Error('Invalid mapLib');
+        throw new Error("Invalid mapLib");
       }
-      const mapboxgl = 'Map' in module ? module : module.default;
+      const mapboxgl = "Map" in module ? module : module.default;
       if (!mapboxgl.Map) {
-        throw new Error('Invalid mapLib');
+        throw new Error("Invalid mapLib");
       }
       setGlobals(mapboxgl, props);
-      if (!mapboxgl.supported || mapboxgl.supported(props)) {
-        if (props.reuseMaps) {
-          mapbox = Mapbox.reuse(props, containerRef.current);
-        }
-        if (!mapbox) {
-          mapbox = new Mapbox(mapboxgl.Map, props, containerRef.current);
-        }
-        contextValue.map = createRef(mapbox);
-        contextValue.mapLib = mapboxgl;
-        setMapInstance(mapbox);
-        mountedMapsContext?.onMapMount(contextValue.map, props.id);
-      } else {
-        throw new Error('Map is not supported by this browser');
+      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',
+          type: "error",
           target: null,
           originalEvent: null,
           error
@@ -63,12 +64,12 @@ export default function Map(props, ref, defaultLib) {
     });
     return () => {
       isMounted = false;
-      if (mapbox) {
+      if (maplibre) {
         mountedMapsContext?.onMapUnmount(props.id);
         if (props.reuseMaps) {
-          mapbox.recycle();
+          maplibre.recycle();
         } else {
-          mapbox.destroy();
+          maplibre.destroy();
         }
       }
     };
@@ -80,13 +81,13 @@ export default function Map(props, ref, defaultLib) {
   });
   useImperativeHandle(ref, () => contextValue.map, [mapInstance]);
   const style = useMemo(() => ({
-    position: 'relative',
-    width: '100%',
-    height: '100%',
+    position: "relative",
+    width: "100%",
+    height: "100%",
     ...props.style
   }), [props.style]);
   const CHILD_CONTAINER_STYLE = {
-    height: '100%'
+    height: "100%"
   };
   return React.createElement("div", {
     id: props.id,
@@ -97,6 +98,11 @@ export default function Map(props, ref, defaultLib) {
   }, React.createElement("div", {
     "mapboxgl-children": "",
     style: CHILD_CONTAINER_STYLE
-  }, props.children)));
+  }, 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 +1 @@
-{"version":3,"file":"map.js","names":["React","useState","useRef","useEffect","useContext","useMemo","useImperativeHandle","MountedMapsContext","Mapbox","createRef","useIsomorphicLayoutEffect","setGlobals","MapContext","createContext","Map","props","ref","defaultLib","mountedMapsContext","mapInstance","setMapInstance","containerRef","current","contextValue","mapLib","map","isMounted","mapbox","Promise","resolve","then","module","Error","mapboxgl","default","supported","reuseMaps","reuse","onMapMount","id","catch","error","onError","type","target","originalEvent","console","onMapUnmount","recycle","destroy","setProps","style","position","width","height","CHILD_CONTAINER_STYLE","createElement","Provider","value","children"],"sources":["../../src/components/map.tsx"],"sourcesContent":["import * as React from 'react';\nimport {useState, useRef, useEffect, useContext, useMemo, useImperativeHandle} from 'react';\n\nimport {MountedMapsContext} from './use-map';\nimport Mapbox, {MapboxProps} from '../mapbox/mapbox';\nimport createRef, {MapRef} from '../mapbox/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, MapInstance, MapStyle, Callbacks} from '../types';\n\nexport type MapContextValue<MapT extends MapInstance = MapInstance> = {\n  mapLib: MapLib<MapT>;\n  map: MapRef<MapT>;\n};\n\nexport const MapContext = React.createContext<MapContextValue>(null);\n\ntype MapInitOptions<MapOptions> = Omit<\n  MapOptions,\n  'style' | 'container' | 'bounds' | 'fitBoundsOptions' | 'center'\n>;\n\nexport type MapProps<\n  MapOptions,\n  StyleT extends MapStyle,\n  CallbacksT extends Callbacks,\n  MapT extends MapInstance\n> = MapInitOptions<MapOptions> &\n  MapboxProps<StyleT, CallbacksT> &\n  GlobalSettings & {\n    mapLib?: MapLib<MapT> | Promise<MapLib<MapT>>;\n    reuseMaps?: boolean;\n    /** Map container id */\n    id?: string;\n    /** Map container CSS style */\n    style?: CSSProperties;\n    children?: any;\n  };\n\nexport default function Map<\n  MapOptions,\n  StyleT extends MapStyle,\n  CallbacksT extends Callbacks,\n  MapT extends MapInstance\n>(\n  props: MapProps<MapOptions, StyleT, CallbacksT, MapT>,\n  ref: React.Ref<MapRef<MapT>>,\n  defaultLib: MapLib<MapT> | Promise<MapLib<MapT>>\n) {\n  const mountedMapsContext = useContext(MountedMapsContext);\n  const [mapInstance, setMapInstance] = useState<Mapbox<StyleT, CallbacksT, MapT>>(null);\n  const containerRef = useRef();\n\n  const {current: contextValue} = useRef<MapContextValue<MapT>>({mapLib: null, map: null});\n\n  useEffect(() => {\n    const mapLib = props.mapLib;\n    let isMounted = true;\n    let mapbox: Mapbox<StyleT, CallbacksT, MapT>;\n\n    Promise.resolve(mapLib || defaultLib)\n      .then((module: MapLib<MapT> | {default: MapLib<MapT>}) => {\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        // workerUrl & workerClass may change the result of supported()\n        // https://github.com/visgl/react-map-gl/discussions/2027\n        setGlobals(mapboxgl, props);\n        if (!mapboxgl.supported || mapboxgl.supported(props)) {\n          if (props.reuseMaps) {\n            mapbox = Mapbox.reuse(props, containerRef.current);\n          }\n          if (!mapbox) {\n            mapbox = new Mapbox(mapboxgl.Map, props, containerRef.current);\n          }\n          contextValue.map = createRef(mapbox);\n          contextValue.mapLib = mapboxgl;\n\n          setMapInstance(mapbox);\n          mountedMapsContext?.onMapMount(contextValue.map, props.id);\n        } else {\n          throw new Error('Map is not supported by this browser');\n        }\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 (mapbox) {\n        mountedMapsContext?.onMapUnmount(props.id);\n        if (props.reuseMaps) {\n          mapbox.recycle();\n        } else {\n          mapbox.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            {props.children}\n          </div>\n        </MapContext.Provider>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"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,41 +1,18 @@
-import * as React from 'react';
-import type { MarkerEvent, MarkerDragEvent, PointLike, MarkerInstance } from '../types';
-export type MarkerProps<OptionsT, MarkerT extends MarkerInstance> = OptionsT & {
+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;
-    draggable?: boolean;
-    offset?: PointLike;
-    pitchAlignment?: string;
-    rotation?: number;
-    rotationAlignment?: string;
-    popup?: any;
+    popup?: PopupInstance;
     /** CSS style override, applied to the control's container */
     style?: React.CSSProperties;
-    onClick?: (e: MarkerEvent<MarkerT, MouseEvent>) => void;
-    onDragStart?: (e: MarkerDragEvent<MarkerT>) => void;
-    onDrag?: (e: MarkerDragEvent<MarkerT>) => void;
-    onDragEnd?: (e: MarkerDragEvent<MarkerT>) => void;
+    onClick?: (e: MarkerEvent<MouseEvent>) => void;
+    onDragStart?: (e: MarkerDragEvent) => void;
+    onDrag?: (e: MarkerDragEvent) => void;
+    onDragEnd?: (e: MarkerDragEvent) => 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;
-    draggable?: boolean;
-    offset?: PointLike;
-    pitchAlignment?: string;
-    rotation?: number;
-    rotationAlignment?: string;
-    popup?: any;
-    /** CSS style override, applied to the control's container */
-    style?: React.CSSProperties;
-    onClick?: (e: MarkerEvent<MarkerInstance, MouseEvent>) => void;
-    onDragStart?: (e: MarkerDragEvent<MarkerInstance>) => void;
-    onDrag?: (e: MarkerDragEvent<MarkerInstance>) => void;
-    onDragEnd?: (e: MarkerDragEvent<MarkerInstance>) => void;
-    children?: React.ReactNode;
-} & React.RefAttributes<MarkerInstance>>>;
-export default _default;
+export declare const Marker: React.FC<MarkerProps>;

package/dist/components/marker.js

@@ -1,10 +1,11 @@
-import * as React from 'react';
-import { createPortal } from 'react-dom';
-import { useImperativeHandle, useEffect, useMemo, useRef, useContext, forwardRef, memo } from 'react';
+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) {
+import { compareClassNames } from "../utils/compare-class-names.js";
+export const Marker = memo(forwardRef((props, ref) => {
   const {
     map,
     mapLib
@@ -12,7 +13,6 @@ function Marker(props, ref) {
   const thisRef = useRef({
     props
   });
-  thisRef.current.props = props;
   const marker = useMemo(() => {
     let hasChildren = false;
     React.Children.forEach(props.children, el => {
@@ -22,28 +22,28 @@ function Marker(props, ref) {
     });
     const options = {
       ...props,
-      element: hasChildren ? document.createElement('div') : null
+      element: hasChildren ? document.createElement("div") : undefined
     };
     const mk = new mapLib.Marker(options);
     mk.setLngLat([props.longitude, props.latitude]);
-    mk.getElement().addEventListener('click', e => {
+    mk.getElement().addEventListener("click", e => {
       thisRef.current.props.onClick?.({
-        type: 'click',
+        type: "click",
         target: mk,
         originalEvent: e
       });
     });
-    mk.on('dragstart', e => {
+    mk.on("dragstart", e => {
       const evt = e;
       evt.lngLat = marker.getLngLat();
       thisRef.current.props.onDragStart?.(evt);
     });
-    mk.on('drag', e => {
+    mk.on("drag", e => {
       const evt = e;
       evt.lngLat = marker.getLngLat();
       thisRef.current.props.onDrag?.(evt);
     });
-    mk.on('dragend', e => {
+    mk.on("dragend", e => {
       const evt = e;
       evt.lngLat = marker.getLngLat();
       thisRef.current.props.onDragEnd?.(evt);
@@ -64,13 +64,14 @@ function Marker(props, ref) {
     draggable = false,
     popup = null,
     rotation = 0,
-    rotationAlignment = 'auto',
-    pitchAlignment = 'auto'
+    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]);
   }
@@ -92,7 +93,13 @@ function Marker(props, ref) {
   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());
-}
-export default memo(forwardRef(Marker));
+}));
 //# sourceMappingURL=marker.js.map

package/dist/components/marker.js.map

@@ -1 +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","onClick","type","target","originalEvent","on","evt","lngLat","getLngLat","onDragStart","onDrag","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":"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","ignoreList":[]}
+{"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,11 +1,9 @@
-import * as React from 'react';
-import type { ControlPosition, NavigationControlInstance } from '../types';
-export type NavigationControlProps<OptionsT> = OptionsT & {
+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;
 };
-declare function NavigationControl<NavigationControlOptions, ControlT extends NavigationControlInstance>(props: NavigationControlProps<NavigationControlOptions>): null;
-declare const _default: React.MemoExoticComponent<typeof NavigationControl>;
-export default _default;
+export declare const NavigationControl: React.FC<NavigationControlProps>;

package/dist/components/navigation-control.js

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

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

@@ -1 +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":[]}
+{"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,33 +1,15 @@
-import * as React from 'react';
-import type { PopupEvent, PopupInstance } from '../types';
-export type PopupProps<OptionsT, PopupT extends PopupInstance> = OptionsT & {
+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;
-    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;
+    onOpen?: (e: PopupEvent) => void;
+    onClose?: (e: PopupEvent) => 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;
+export declare const Popup: React.FC<PopupProps>;