@trackunit/react-map-adapter-google 0.0.3 → 0.0.4

package/index.cjs.js

@@ -6,6 +6,7 @@ var react = require('react');
 var reactMapAdapterShared = require('@trackunit/react-map-adapter-shared');
 var geoJsonUtils = require('@trackunit/geo-json-utils');
 var markerclusterer = require('@googlemaps/markerclusterer');
+var reactMapColorUtils = require('@trackunit/react-map-color-utils');
 var esToolkit = require('es-toolkit');
 var zod = require('zod');
 var reactDeviceDetect = require('react-device-detect');
@@ -1955,8 +1956,8 @@ class GoogleMapsLayerPort {
                     continue;
                 const fillOpacity = overrides?.fillOpacity ?? base.fillOpacity ?? this.shapeStyleDefaults.point.fillOpacity;
                 const strokeOpacity = overrides?.strokeOpacity ?? base.strokeOpacity ?? this.shapeStyleDefaults.point.strokeOpacity;
-                el.style.backgroundColor = reactMapAdapterShared.colorWithOpacity(overrides?.fill ?? base.fill ?? "rgba(0,0,0,0.1)", fillOpacity);
-                el.style.borderColor = reactMapAdapterShared.colorWithOpacity(overrides?.stroke ?? base.stroke ?? "#000", strokeOpacity);
+                el.style.backgroundColor = reactMapColorUtils.colorWithOpacity(overrides?.fill ?? base.fill ?? "rgba(0,0,0,0.1)", fillOpacity);
+                el.style.borderColor = reactMapColorUtils.colorWithOpacity(overrides?.stroke ?? base.stroke ?? "#000", strokeOpacity);
                 el.style.borderWidth = `${overrides?.strokeWidth ?? base.strokeWidth ?? this.shapeStyleDefaults.point.strokeWidth}px`;
             }
         }
@@ -2096,10 +2097,10 @@ class GoogleMapsLayerPort {
         el.style.borderRadius = "50%";
         const fillOpacity = style.fillOpacity ?? this.shapeStyleDefaults.point.fillOpacity;
         const strokeOpacity = style.strokeOpacity ?? this.shapeStyleDefaults.point.strokeOpacity;
-        el.style.backgroundColor = reactMapAdapterShared.colorWithOpacity(style.fill ?? "rgba(0,0,0,0.1)", fillOpacity);
+        el.style.backgroundColor = reactMapColorUtils.colorWithOpacity(style.fill ?? "rgba(0,0,0,0.1)", fillOpacity);
         el.style.borderWidth = `${style.strokeWidth ?? this.shapeStyleDefaults.point.strokeWidth}px`;
         el.style.borderStyle = "solid";
-        el.style.borderColor = reactMapAdapterShared.colorWithOpacity(style.stroke ?? "#000", strokeOpacity);
+        el.style.borderColor = reactMapColorUtils.colorWithOpacity(style.stroke ?? "#000", strokeOpacity);
         el.style.transform = reactMapAdapterShared.anchorFromBottomCenter("center");
         return new google.maps.marker.AdvancedMarkerElement({ map, position, content: el });
     }

package/index.esm.js

@@ -1,9 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { APIProvider, APIProviderContext, useMap, useApiLoadingStatus, APILoadingStatus, Map as Map$1 } from '@vis.gl/react-google-maps';
 import { useMemo, useCallback, useSyncExternalStore, useId, useContext, useEffect } from 'react';
-import { canPatchAdaptiveMarker, canPatchAdaptiveViewport, canPatchMarkerInPlace, extractPointCoordinates, mergeAntimeridianFeatures, extractPolygonPaths, extractLineCoordinates, patchPortalDescriptors, collectFeatureIdSet, removeGoneIndexedMarkers, getAdaptiveDomFeatureIds, extractSourceData, buildAdaptiveDomRenderFn, resolveCircleSymbolDefaults, resolveSymbolDescriptor, buildAdaptiveSymbolStyleFn, createSymbolDotElement, anchorFromBottomCenter, createDefaultClusterElement, createClusterPinElement, fadeInElement, buildAdaptiveDomEntries, MAP_CURSORS, resolveSelectedStyle, resolveHoveredStyle, colorWithOpacity, attachSafeAreaHoverListeners, INITIAL_MAP_STATE, DEFAULT_MAP_APPEARANCE, computeInitialState, getEffectiveRestrictBounds, cameraStateEquals, isEventOfType, DEFAULT_ZOOM, DEFAULT_CENTER, defineAdapter } from '@trackunit/react-map-adapter-shared';
+import { canPatchAdaptiveMarker, canPatchAdaptiveViewport, canPatchMarkerInPlace, extractPointCoordinates, mergeAntimeridianFeatures, extractPolygonPaths, extractLineCoordinates, patchPortalDescriptors, collectFeatureIdSet, removeGoneIndexedMarkers, getAdaptiveDomFeatureIds, extractSourceData, buildAdaptiveDomRenderFn, resolveCircleSymbolDefaults, resolveSymbolDescriptor, buildAdaptiveSymbolStyleFn, createSymbolDotElement, anchorFromBottomCenter, createDefaultClusterElement, createClusterPinElement, fadeInElement, buildAdaptiveDomEntries, MAP_CURSORS, resolveSelectedStyle, resolveHoveredStyle, attachSafeAreaHoverListeners, INITIAL_MAP_STATE, DEFAULT_MAP_APPEARANCE, computeInitialState, getEffectiveRestrictBounds, cameraStateEquals, isEventOfType, DEFAULT_ZOOM, DEFAULT_CENTER, defineAdapter } from '@trackunit/react-map-adapter-shared';
 import { validateBbox, validatePosition } from '@trackunit/geo-json-utils';
 import { MarkerClusterer, SuperClusterAlgorithm } from '@googlemaps/markerclusterer';
+import { colorWithOpacity } from '@trackunit/react-map-color-utils';
 import { isEqual } from 'es-toolkit';
 import { z } from 'zod';
 import { isDesktop } from 'react-device-detect';

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@trackunit/react-map-adapter-google",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
     "node": ">=24.x"
   },
   "dependencies": {
-    "@trackunit/react-map-adapter-shared": "0.0.16",
-    "@trackunit/geo-json-utils": "1.14.35",
+    "@trackunit/react-map-adapter-shared": "0.0.17",
+    "@trackunit/react-map-color-utils": "0.0.2",
+    "@trackunit/geo-json-utils": "1.14.36",
     "@googlemaps/markerclusterer": "^2.6.2",
     "@vis.gl/react-google-maps": "^1.7.1",
     "es-toolkit": "^1.39.10",