maplibre-react-components - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

components/RFloatingPopup/index.js

 import {
   DOM,
-  arrowHeight
-} from "../../chunk-LM6GWJQZ.js";
+  arrowHeight,
+  init_esm_shims
+} from "../../chunk-5LT4VWNH.js";
 
+// src/components/RFloatingPopup/index.ts
+init_esm_shims();
+
 // src/components/RFloatingPopup/FloatingPopup.ts
+init_esm_shims();
 import { Evented, LngLat as LngLat2 } from "maplibre-gl";
 
 // src/maplibre-core/util/util.ts
+init_esm_shims();
 function extend(dest, ...sources) {
@@ -20,2 +26,3 @@ for (const src of sources) {
 // src/maplibre-core/util/smart_wrap.ts
+init_esm_shims();
 import { LngLat } from "maplibre-gl";
@@ -53,2 +60,3 @@ function smartWrap(lngLat, priorPos, transform) {
 // src/components/RFloatingPopup/VirtualElement.ts
+init_esm_shims();
 var VirtualElement = class {
@@ -86,3 +94,7 @@ x = 0;
 
+// ../pentatrion-design/components/button/index.ts
+init_esm_shims();
+
 // ../pentatrion-design/components/button/Button.tsx
+init_esm_shims();
 import {
@@ -95,7 +107,24 @@ forwardRef,
 
+// ../pentatrion-design/components/loader/index.ts
+init_esm_shims();
+
 // ../pentatrion-design/components/loader/Loader.tsx
+init_esm_shims();
 import { useId } from "react";
 import clsx from "clsx";
 
+// ../pentatrion-design/lib/index.ts
+init_esm_shims();
+
+// ../pentatrion-design/lib/arrUtil.ts
+init_esm_shims();
+
+// ../pentatrion-design/lib/error.ts
+init_esm_shims();
+
+// ../pentatrion-design/lib/fetch.ts
+init_esm_shims();
+
 // ../pentatrion-design/lib/tailwindVariants.ts
+init_esm_shims();
 var colorVariants = {
@@ -175,3 +204,7 @@ yellow: {
 
+// ../pentatrion-design/hooks/index.ts
+init_esm_shims();
+
 // ../pentatrion-design/hooks/useRipple.tsx
+init_esm_shims();
 import { useEffect, useState } from "react";
@@ -238,17 +271,23 @@ import { jsx as jsx2 } from "react/jsx-runtime";
 // ../pentatrion-design/hooks/useIsMounted.ts
+init_esm_shims();
 import { useCallback, useEffect as useEffect2, useRef } from "react";
 
 // ../pentatrion-design/hooks/useCombinedRefs.ts
+init_esm_shims();
 import { useCallback as useCallback2 } from "react";
 
 // ../pentatrion-design/hooks/useIsClosing.ts
+init_esm_shims();
 import { useCallback as useCallback3, useEffect as useEffect3, useRef as useRef2, useState as useState2 } from "react";
 
 // ../pentatrion-design/hooks/usePrevious.ts
+init_esm_shims();
 import { useEffect as useEffect4, useRef as useRef3 } from "react";
 
 // ../pentatrion-design/hooks/useEventCallback.ts
+init_esm_shims();
 import { useCallback as useCallback4, useRef as useRef4 } from "react";
 
 // ../pentatrion-design/hooks/useDebounce.ts
+init_esm_shims();
 import {
@@ -272,10 +311,16 @@ useCallback as useCallback5,
 // ../pentatrion-design/hooks/useCopyToClipboard.ts
+init_esm_shims();
 import { useCallback as useCallback6, useState as useState4 } from "react";
 
 // ../pentatrion-design/hooks/useEventListener.ts
+init_esm_shims();
 import { useEffect as useEffect7, useRef as useRef6 } from "react";
 
 // ../pentatrion-design/hooks/useIsomorphicLayoutEffect.ts
+init_esm_shims();
 import { useEffect as useEffect6, useLayoutEffect } from "react";
 
+// ../pentatrion-design/hooks/useOnClickOutside.ts
+init_esm_shims();
+
 // ../pentatrion-design/components/button/Button.tsx
@@ -430,6 +475,11 @@ import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 // ../pentatrion-design/components/button/ButtonGroup.tsx
+init_esm_shims();
 import clsx3 from "clsx";
 import { jsx as jsx4 } from "react/jsx-runtime";
 
+// ../pentatrion-design/components/dialog/index.ts
+init_esm_shims();
+
 // ../pentatrion-design/components/dialog/Dialog.tsx
+init_esm_shims();
 import clsx4 from "clsx";
@@ -436,0 +486,0 @@ import { jsx as jsx5 } from "react/jsx-runtime";

index.d.ts

 import * as react from 'react';
 import { ReactNode, CSSProperties, MutableRefObject } from 'react';
 import * as maplibre_gl from 'maplibre-gl';
-import { TerrainSpecification, LayerSpecification, CustomLayerInterface, Source, SourceSpecification, MapLayerMouseEvent, MapLayerTouchEvent, MapWheelEvent, MapLibreEvent, MapLibreZoomEvent, MapContextEvent, MapDataEvent, MapStyleDataEvent, MapSourceDataEvent, MapStyleImageMissingEvent, MapTerrainEvent, MapOptions, StyleSpecification, PaddingOptions, TransformStyleFunction, StyleSwapOptions, Map, Marker, MarkerOptions, Popup, PopupOptions, MapMouseEvent, MapTouchEvent, LngLat, AttributionControlOptions, ControlPosition, IControl, FullscreenControlOptions, GeolocateControlOptions, LogoControlOptions, NavigationControlOptions, ScaleControlOptions, LngLatLike, PointLike, Offset } from 'maplibre-gl';
+import { TerrainSpecification, LayerSpecification, CustomLayerInterface, Source, SourceSpecification, PaddingOptions, StyleSpecification, StyleSwapOptions, Map, MapLayerMouseEvent, MapLayerTouchEvent, MapWheelEvent, MapLibreEvent, MapLibreZoomEvent, MapContextEvent, MapDataEvent, MapStyleDataEvent, MapSourceDataEvent, MapStyleImageMissingEvent, MapTerrainEvent, MapOptions, TransformStyleFunction, Marker, MarkerOptions, Popup, PopupOptions, MapMouseEvent, MapTouchEvent, LngLat, ControlPosition, AttributionControlOptions, IControl, FullscreenControlOptions, GeolocateControlOptions, LogoControlOptions, NavigationControlOptions, ScaleControlOptions, LngLatLike, PointLike, Offset } from 'maplibre-gl';
 import { FloatingPopup } from './components/RFloatingPopup/index.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import '@mapbox/point-geometry';
@@ -262,2 +263,11 @@ import '@floating-ui/dom';
 
+interface MapLibreReactLogoProps {
+    height?: number;
+}
+declare function MapLibreReactLogo({ height }: MapLibreReactLogoProps): react_jsx_runtime.JSX.Element;
+interface MrcLogoControlProps {
+    position?: ControlPosition;
+}
+declare const MrcLogoControl: react.NamedExoticComponent<MrcLogoControlProps>;
+
 declare const RAttributionControl: react.MemoExoticComponent<react.ForwardRefExoticComponent<AttributionControlOptions & {
@@ -361,2 +371,2 @@ position?: ControlPosition | undefined;
 
-export { ContextMenuEventDispatcher, type Event, GradientMarker, type MapLibreContext, type MaplibreContextmenuEventDetail, RAttributionControl, RFullscreenControl, RGeolocateControl, RGradientMarker, RLayer, RLogoControl, RMap, RMarker, RNavigationControl, RPopup, RScaleControl, RSource, RTerrain, RTerrainControl, areCoordsClose, areLngLatClose, arePointsEqual, deepEqual, emptyStyle, filterMapProps, lngLatClassToObj, mapLibreContext, markerPopupOffset, prepareEventDep, transformPropsToOptions, updateClassNames, updateListeners, useCanvasRef, useControl, useMap, useMapAndCanvasRefs, useRControl };
+export { ContextMenuEventDispatcher, type Event, GradientMarker, type MapLibreContext, MapLibreReactLogo, MapManager, type MaplibreContextmenuEventDetail, MrcLogoControl, RAttributionControl, RFullscreenControl, RGeolocateControl, RGradientMarker, RLayer, RLogoControl, RMap, RMarker, RNavigationControl, RPopup, RScaleControl, RSource, RTerrain, RTerrainControl, areCoordsClose, areLngLatClose, arePointsEqual, deepEqual, emptyStyle, filterMapProps, lngLatClassToObj, mapLibreContext, markerPopupOffset, prepareEventDep, transformPropsToOptions, updateClassNames, updateListeners, useCanvasRef, useControl, useMap, useMapAndCanvasRefs, useRControl };

index.js

 "use client";
 import {
   DOM,
-  arrowHeight
-} from "./chunk-LM6GWJQZ.js";
+  arrowHeight,
+  init_esm_shims
+} from "./chunk-5LT4VWNH.js";
 
+// src/index.ts
+init_esm_shims();
+
+// src/components/index.ts
+init_esm_shims();
+
+// src/components/RMap/index.ts
+init_esm_shims();
+
 // src/components/RMap/RMap.tsx
+init_esm_shims();
 import {
@@ -17,2 +28,3 @@ forwardRef,
 // src/lib/MapManager.ts
+init_esm_shims();
 import {
@@ -23,2 +35,3 @@ Map
 // src/lib/util.ts
+init_esm_shims();
 import { LngLat } from "maplibre-gl";
@@ -443,2 +456,3 @@ function filterMapProps(options) {
 // src/context.ts
+init_esm_shims();
 import { createContext } from "react";
@@ -450,2 +464,3 @@ var mapLibreContext = createContext({
 // src/hooks/useIsomorphicLayoutEffect.ts
+init_esm_shims();
 import { useEffect, useLayoutEffect } from "react";
@@ -510,2 +525,10 @@ var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
   useImperativeHandle(ref, () => maplibreRef.current.mapManager?.map || null, []);
+  useIsomorphicLayoutEffect(() => {
+    if (!className) {
+      return;
+    }
+    const container = containerRef.current;
+    className.split(" ").map((classItem) => container.classList.add(classItem));
+    return () => void className.split(" ").map((classItem) => container.classList.remove(classItem));
+  }, [className]);
   const completeStyle = useMemo(
@@ -520,6 +543,10 @@ () => ({
   );
-  return /* @__PURE__ */ jsx("div", { ref: containerRef, id, className, style: completeStyle, children: maplibreRef.current.mapManager && /* @__PURE__ */ jsx(mapLibreContext.Provider, { value: maplibreRef.current, children: /* @__PURE__ */ jsx("div", { className: "maplibregl-children", style: childContainerStyle, children }) }) });
+  return /* @__PURE__ */ jsx("div", { ref: containerRef, id, style: completeStyle, children: maplibreRef.current.mapManager && /* @__PURE__ */ jsx(mapLibreContext.Provider, { value: maplibreRef.current, children: /* @__PURE__ */ jsx("div", { className: "maplibregl-children", style: childContainerStyle, children }) }) });
 });
 
+// src/components/RMarker/index.ts
+init_esm_shims();
+
 // src/components/RMarker/RMarker.tsx
+init_esm_shims();
 import { Marker } from "maplibre-gl";
@@ -537,2 +564,3 @@ import {
 // src/hooks/useMap.ts
+init_esm_shims();
 import { useContext } from "react";
@@ -569,3 +597,2 @@ function useMap() {
       mk.setLngLat([longitude, latitude]);
-      mk.addTo(map);
       return mk;
@@ -603,2 +630,3 @@ }, []);
     useEffect2(() => {
+      marker.addTo(map);
       return () => void marker.remove();
@@ -654,3 +682,7 @@ }, []);
 
+// src/components/RPopup/index.ts
+init_esm_shims();
+
 // src/components/RPopup/RPopup.tsx
+init_esm_shims();
 import { Popup } from "maplibre-gl";
@@ -686,3 +718,4 @@ import {
         ...options,
-        closeButton: false,
+        closeButton: true,
+        // closeButton: false,
         closeOnClick: false,
@@ -758,3 +791,7 @@ closeOnMove: false
 
+// src/components/RLayer/index.ts
+init_esm_shims();
+
 // src/components/RLayer/RLayer.tsx
+init_esm_shims();
 import {
@@ -878,3 +915,7 @@ forwardRef as forwardRef4,
 
+// src/components/RSource/index.ts
+init_esm_shims();
+
 // src/components/RSource/RSource.tsx
+init_esm_shims();
 import {
@@ -1009,3 +1050,7 @@ forwardRef as forwardRef5,
 
+// src/components/RTerrain/index.ts
+init_esm_shims();
+
 // src/components/RTerrain/RTerrain.tsx
+init_esm_shims();
 import { useContext as useContext4, useEffect as useEffect6, useState as useState4 } from "react";
@@ -1049,3 +1094,7 @@ var RTerrain = (props) => {
 
+// src/components/RGradientMarker/index.ts
+init_esm_shims();
+
 // src/components/RGradientMarker/GradientMarker.ts
+init_esm_shims();
 import { Marker as Marker2, Popup as Popup2 } from "maplibre-gl";
@@ -1196,2 +1245,3 @@ var defaultColor = "#ffe64b";
 // src/components/RGradientMarker/RGradientMarker.tsx
+init_esm_shims();
 import { forwardRef as forwardRef6, memo as memo5, useEffect as useEffect7, useImperativeHandle as useImperativeHandle6, useMemo as useMemo4, useRef as useRef6 } from "react";
@@ -1314,2 +1364,3 @@ var eventNameToCallbackName4 = {
 // src/components/ContextMenuEventDispatcher.ts
+init_esm_shims();
 import { useEffect as useEffect8 } from "react";
@@ -1346,15 +1397,136 @@ function ContextMenuEventDispatcher({
 
+// src/controls/index.ts
+init_esm_shims();
+
+// src/controls/MrcLogoControl.tsx
+init_esm_shims();
+import { memo as memo6 } from "react";
+
+// src/hooks/useRControl.ts
+init_esm_shims();
+import { useEffect as useEffect9, useRef as useRef7 } from "react";
+function useRControl({
+  position,
+  className = "maplibregl-ctrl maplibregl-ctrl-group"
+}) {
+  const map = useMap();
+  const containerRef = useRef7();
+  const prevOptionsRef = useRef7({
+    className
+  });
+  if (!containerRef.current) {
+    const ctrl = document.createElement("div");
+    ctrl.className = className;
+    containerRef.current = ctrl;
+  }
+  useEffect9(() => {
+    const ctrl = containerRef.current;
+    if (ctrl && !ctrl.parentElement) {
+      const positionContainer = map._controlPositions[position];
+      if (!positionContainer) {
+        throw new Error(`Unable to add control, position ${position} doesn't exists`);
+      }
+      if (position.indexOf("bottom") !== -1) {
+        positionContainer.insertBefore(ctrl, positionContainer.firstChild);
+      } else {
+        positionContainer.appendChild(ctrl);
+      }
+    }
+    return () => {
+      containerRef.current && containerRef.current.remove();
+    };
+  }, [map, position]);
+  if (prevOptionsRef.current.className !== className) {
+    updateClassNames(
+      containerRef.current,
+      prevOptionsRef.current.className?.split(" ") || [],
+      className?.split(" ") || []
+    );
+  }
+  prevOptionsRef.current = {
+    className
+  };
+  return {
+    container: containerRef.current
+  };
+}
+
+// src/controls/MrcLogoControl.tsx
+import { createPortal as createPortal3 } from "react-dom";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function MapLibreReactLogo({ height = 27 }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: height * 21 / 27,
+      height,
+      viewBox: "-10.5 -10.5 21 27",
+      fill: "none",
+      version: "1.1",
+      id: "svg3",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx2(
+          "path",
+          {
+            fill: "#82b4fe",
+            fillRule: "evenodd",
+            d: "m 0.04378077,-7.0160133 c -3.95934197,-0.025693 -7.19979577,2.9709105 -7.22395607,6.67957072 -0.021351,3.28396108 1.6024867,4.88716988 3.3609363,6.62322508 1.2259466,1.2102943 2.5172339,2.4851233 3.36206037,4.4390285 0.056993,0.04631 0.095121,0.07722 0.1114948,0.09183 a 0.41450831,0.41450831 0 0 0 0.2727553,0.103225 0.41515047,0.41515047 0 0 0 0.2741963,-0.09961 c 0.00438,-0.0039 0.012527,-0.0074 0.022479,-0.01165 0.027304,-0.01171 0.068791,-0.02955 0.090222,-0.0789 C 1.1559887,8.7954149 2.4656545,7.5377628 3.7164045,6.3367792 5.4974902,4.626493 7.158975,3.0309869 7.1802478,-0.24301718 7.2043965,-3.9517594 4.0032063,-6.9901745 0.04378537,-7.016023 Z m -0.06903,10.6235008 C 1.9352357,3.6202595 3.5351559,2.0173639 3.5480768,0.02733852 3.5610008,-1.9626869 1.9821136,-3.5862858 0.02154667,-3.5990486 -1.9390213,-3.6118206 -3.5388592,-2.0089214 -3.5518634,-0.01889648 -3.5647874,1.9711289 -1.9858982,3.5947246 -0.02533123,3.6074875 Z"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "path",
+          {
+            fill: "white",
+            d: "m -2.4911489,12.068709 c -0.3270955,-0.0022 -0.5946317,0.359604 -0.5975214,0.807906 l -0.014767,2.269118 c -0.00295,0.448302 0.2598305,0.813445 0.587006,0.815611 l 5.0075702,0.03259 c 0.3270965,0.0022 0.5946306,-0.359606 0.5975218,-0.807909 l 0.014775,-2.269117 c 0.00304,-0.44838 -0.259831,-0.813523 -0.5870064,-0.815609 z"
+          }
+        ),
+        /* @__PURE__ */ jsxs("g", { children: [
+          /* @__PURE__ */ jsx2("circle", { cx: "0", cy: "0", r: "2", fill: "white", id: "circle1" }),
+          /* @__PURE__ */ jsxs("g", { stroke: "white", strokeWidth: "1", fill: "none", id: "g3", children: [
+            /* @__PURE__ */ jsx2("ellipse", { rx: "10", ry: "4.5", id: "ellipse1", cx: "0", cy: "0" }),
+            /* @__PURE__ */ jsx2("ellipse", { rx: "10", ry: "4.5", transform: "rotate(60)", id: "ellipse2", cx: "0", cy: "0" }),
+            /* @__PURE__ */ jsx2("ellipse", { rx: "10", ry: "4.5", transform: "rotate(120)", id: "ellipse3", cx: "0", cy: "0" })
+          ] }),
+          /* @__PURE__ */ jsx2(
+            "animateTransform",
+            {
+              attributeName: "transform",
+              type: "rotate",
+              dur: "25s",
+              values: "0 0 0;360 0 0;",
+              repeatCount: "indefinite"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var MrcLogoControl = memo6(function MrcLogoControl2({
+  position = "bottom-left"
+}) {
+  const { container } = useRControl({
+    position,
+    className: "maplibregl-ctrl"
+  });
+  return createPortal3(/* @__PURE__ */ jsx2(MapLibreReactLogo, { height: 30 }), container);
+});
+
 // src/controls/RAttributionControl.ts
+init_esm_shims();
 import {
   AttributionControl
 } from "maplibre-gl";
-import { memo as memo6, forwardRef as forwardRef7, useImperativeHandle as useImperativeHandle7 } from "react";
+import { memo as memo7, forwardRef as forwardRef7, useImperativeHandle as useImperativeHandle7 } from "react";
 
 // src/hooks/useControl.ts
-import { useEffect as useEffect9, useMemo as useMemo5 } from "react";
+init_esm_shims();
+import { useEffect as useEffect10, useMemo as useMemo5 } from "react";
 
 // src/hooks/useEventCallback.ts
-import { useCallback as useCallback3, useRef as useRef7 } from "react";
+init_esm_shims();
+import { useCallback as useCallback3, useRef as useRef8 } from "react";
 function useEventCallback(callback) {
-  const ref = useRef7(() => {
+  const ref = useRef8(() => {
     throw new Error("Cannot call an event handler while rendering.");
@@ -1375,4 +1547,6 @@ });
   const onRemoveStable = useEventCallback(onRemove || null);
-  useEffect9(() => {
+  useEffect10(() => {
+    console.log("useControl useEffect");
     if (!map.hasControl(ctrl)) {
+      console.log("map addControl");
       map.addControl(ctrl, position);
@@ -1383,3 +1557,6 @@ }
       if (map.hasControl(ctrl)) {
+        console.log("map removeControl uhh");
         map.removeControl(ctrl);
+      } else {
+        console.log("map has not control", ctrl);
       }
@@ -1392,3 +1569,3 @@ };
 // src/controls/RAttributionControl.ts
-var RAttributionControl = memo6(
+var RAttributionControl = memo7(
   forwardRef7(function RAttributionControl2({ position = "bottom-right", ...controlOptions }, ref) {
@@ -1405,7 +1582,8 @@ const control = useControl({
 // src/controls/RFullscreenControl.ts
+init_esm_shims();
 import {
   FullscreenControl
 } from "maplibre-gl";
-import { memo as memo7, forwardRef as forwardRef8, useImperativeHandle as useImperativeHandle8 } from "react";
-var RFullscreenControl = memo7(
+import { memo as memo8, forwardRef as forwardRef8, useImperativeHandle as useImperativeHandle8 } from "react";
+var RFullscreenControl = memo8(
   forwardRef8(function RFullscreenControl2({ position = "top-right", ...controlOptions }, ref) {
@@ -1422,5 +1600,6 @@ const control = useControl({
 // src/controls/RGeolocateControl.ts
+init_esm_shims();
 import { GeolocateControl } from "maplibre-gl";
-import { memo as memo8, forwardRef as forwardRef9, useImperativeHandle as useImperativeHandle9 } from "react";
-var RGeolocateControl = memo8(
+import { memo as memo9, forwardRef as forwardRef9, useImperativeHandle as useImperativeHandle9 } from "react";
+var RGeolocateControl = memo9(
   forwardRef9(function RGeolocateControl2({ position = "top-right", ...controlOptions }, ref) {
@@ -1437,5 +1616,6 @@ const control = useControl({
 // src/controls/RLogoControl.ts
+init_esm_shims();
 import { LogoControl } from "maplibre-gl";
-import { memo as memo9, forwardRef as forwardRef10, useImperativeHandle as useImperativeHandle10 } from "react";
-var RLogoControl = memo9(
+import { memo as memo10, forwardRef as forwardRef10, useImperativeHandle as useImperativeHandle10 } from "react";
+var RLogoControl = memo10(
   forwardRef10(function RLogoControl2({ position = "bottom-left", ...controlOptions }, ref) {
@@ -1452,7 +1632,8 @@ const control = useControl({
 // src/controls/RNavigationControl.ts
-import { forwardRef as forwardRef11, memo as memo10, useImperativeHandle as useImperativeHandle11 } from "react";
+init_esm_shims();
+import { forwardRef as forwardRef11, memo as memo11, useImperativeHandle as useImperativeHandle11 } from "react";
 import {
   NavigationControl
 } from "maplibre-gl";
-var RNavigationControl = memo10(
+var RNavigationControl = memo11(
   forwardRef11(function RNavigationControl2({ position = "top-right", ...controlOptions }, ref) {
@@ -1469,5 +1650,6 @@ const control = useControl({
 // src/controls/RScaleControl.ts
+init_esm_shims();
 import { ScaleControl } from "maplibre-gl";
-import { memo as memo11, forwardRef as forwardRef12, useImperativeHandle as useImperativeHandle12 } from "react";
-var RScaleControl = memo11(
+import { memo as memo12, forwardRef as forwardRef12, useImperativeHandle as useImperativeHandle12 } from "react";
+var RScaleControl = memo12(
   forwardRef12(function RScaleControl2({ position = "bottom-left", ...controlOptions }, ref) {
@@ -1484,5 +1666,6 @@ const control = useControl({
 // src/controls/RTerrainControl.ts
+init_esm_shims();
 import { TerrainControl } from "maplibre-gl";
-import { memo as memo12, forwardRef as forwardRef13, useImperativeHandle as useImperativeHandle13 } from "react";
-var RTerrainControl = memo12(
+import { memo as memo13, forwardRef as forwardRef13, useImperativeHandle as useImperativeHandle13 } from "react";
+var RTerrainControl = memo13(
   forwardRef13(function RTerrainControl2({ position = "top-right", ...controlOptions }, ref) {
@@ -1498,51 +1681,7 @@ const control = useControl({
 
-// src/hooks/useRControl.ts
-import { useEffect as useEffect10, useRef as useRef8 } from "react";
-function useRControl({
-  position,
-  className = "maplibregl-ctrl maplibregl-ctrl-group"
-}) {
-  const map = useMap();
-  const containerRef = useRef8();
-  const prevOptionsRef = useRef8({
-    className
-  });
-  if (!containerRef.current) {
-    const ctrl = document.createElement("div");
-    ctrl.className = className;
-    containerRef.current = ctrl;
-  }
-  useEffect10(() => {
-    const ctrl = containerRef.current;
-    if (ctrl && !ctrl.parentElement) {
-      const positionContainer = map._controlPositions[position];
-      if (!positionContainer) {
-        throw new Error(`Unable to add control, position ${position} doesn't exists`);
-      }
-      if (position.indexOf("bottom") !== -1) {
-        positionContainer.insertBefore(ctrl, positionContainer.firstChild);
-      } else {
-        positionContainer.appendChild(ctrl);
-      }
-    }
-    return () => {
-      containerRef.current && containerRef.current.remove();
-    };
-  }, [map, position]);
-  if (prevOptionsRef.current.className !== className) {
-    updateClassNames(
-      containerRef.current,
-      prevOptionsRef.current.className?.split(" ") || [],
-      className?.split(" ") || []
-    );
-  }
-  prevOptionsRef.current = {
-    className
-  };
-  return {
-    container: containerRef.current
-  };
-}
+// src/hooks/index.ts
+init_esm_shims();
 
 // src/hooks/useMapAndCanvasRefs.ts
+init_esm_shims();
 import { useCallback as useCallback4, useRef as useRef9 } from "react";
@@ -1560,2 +1699,3 @@ var useMapAndCanvasRefs = () => {
 // src/hooks/useCanvasRef.ts
+init_esm_shims();
 import { useRef as useRef10 } from "react";
@@ -1567,5 +1707,11 @@ var useCanvasRef = () => {
 };
+
+// src/lib/index.ts
+init_esm_shims();
 export {
   ContextMenuEventDispatcher,
   GradientMarker,
+  MapLibreReactLogo,
+  MapManager,
+  MrcLogoControl,
   RAttributionControl,
@@ -1572,0 +1718,0 @@ RFullscreenControl,

package.json

 {
   "name": "maplibre-react-components",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "React components for MapLibre GL JS",
@@ -5,0 +5,0 @@ "keywords": [

Fixed alerts

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

129227

increased by8.51%

Number of package files

8

increased by14.29%

Lines of code

3312

increased by17.74%

Number of medium quality alerts

0

decreased by-100%

Number of lines in readme file

25

increased byInfinity%

No dependency changes