@d3-maps/react 0.2.0 → 0.3.0

package/dist/index.d.ts

@@ -6,12 +6,15 @@ import "topojson-client";
 import { D3ZoomEvent, ZoomBehavior } from "d3-zoom";
 
 //#region ../core/src/lib/mapObject.d.ts
+
 /**
  * Supported interaction states for map objects.
  */
 declare const mapObjectState: readonly ["default", "hover", "active"];
 type MapObjectState = typeof mapObjectState[number];
-type MapObjectStyles$1<TStyle> = Partial<Record<MapObjectState, TStyle>>;
+interface MapObject<TStyle = unknown> {
+  styles?: Partial<Record<MapObjectState, TStyle>>;
+}
 //#endregion
 //#region ../core/src/lib/feature.d.ts
 /**
@@ -23,9 +26,8 @@ type MapFeature$1 = (ExtendedFeature & Record<string, unknown>) | ExtendedFeatur
 /**
  * Shared props contract for a single rendered feature.
  */
-interface MapFeatureProps$1<TStyle = unknown> {
+interface MapFeatureProps$1<TStyle = unknown> extends MapObject<TStyle> {
   data: MapFeature$1;
-  styles?: MapObjectStyles$1<TStyle>;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@types+geojson@7946.0.16/node_modules/@types/geojson/index.d.ts
@@ -435,9 +437,8 @@ type MapMarkerCoordinates = [number, number];
 /**
  * Shared props contract for marker layers.
  */
-interface MapMarkerProps$1<TStyle = unknown> {
+interface MapMarkerProps$1<TStyle = unknown> extends MapObject<TStyle> {
   coordinates?: MapMarkerCoordinates;
-  styles?: MapObjectStyles$1<TStyle>;
 }
 //#endregion
 //#region ../core/src/lib/zoom.d.ts
@@ -490,34 +491,14 @@ declare function MapFeature({
   ...pathProps
 }: MapFeatureProps): ReactElement | null;
 //#endregion
-//#region src/hooks/useMapObject.d.ts
-type MapObjectStyle = CSSProperties;
-type MapObjectStyles = MapObjectStyles$1<MapObjectStyle>;
-interface UseMapObjectOptions<TElement extends Element> {
-  styles?: MapObjectStyles;
-  onMouseEnter?: MouseEventHandler<TElement>;
-  onMouseLeave?: MouseEventHandler<TElement>;
-  onMouseDown?: MouseEventHandler<TElement>;
-  onMouseUp?: MouseEventHandler<TElement>;
-}
-interface UseMapObjectResult<TElement extends Element> {
-  style: MapObjectStyle | undefined;
-  onMouseEnter: MouseEventHandler<TElement>;
-  onMouseLeave: MouseEventHandler<TElement>;
-  onMouseDown: MouseEventHandler<TElement>;
-  onMouseUp: MouseEventHandler<TElement>;
-}
-declare function useMapObject<TElement extends Element>(options: UseMapObjectOptions<TElement>): UseMapObjectResult<TElement>;
-//#endregion
 //#region src/components/MapFeatures.d.ts
 interface MapFeaturesRenderProps {
   features: MapFeature$1[];
 }
 type MapFeaturesChildren = ReactNode | ((props: MapFeaturesRenderProps) => ReactNode);
 type MapFeaturesElementProps = Omit<SVGProps<SVGGElement>, 'children'>;
-interface MapFeaturesProps extends MapFeaturesElementProps {
+interface MapFeaturesProps extends MapFeaturesElementProps, MapObject<CSSProperties> {
   idKey?: string;
-  styles?: MapObjectStyles;
   children?: MapFeaturesChildren;
 }
 declare function MapFeatures({
@@ -528,11 +509,10 @@ declare function MapFeatures({
 }: MapFeaturesProps): ReactElement;
 //#endregion
 //#region src/components/MapGraticule.d.ts
-interface MapGraticuleProps extends Omit<SVGProps<SVGPathElement>, 'children' | 'd' | 'style' | 'fill'> {
+interface MapGraticuleProps extends Omit<SVGProps<SVGPathElement>, 'children' | 'd' | 'style' | 'fill'>, MapObject<CSSProperties> {
   config?: GraticuleConfig;
   background?: boolean | string;
   border?: boolean | string;
-  styles?: MapObjectStyles;
 }
 declare function MapGraticule({
   config,
@@ -560,9 +540,7 @@ declare function MapMarker({
 }: MapMarkerProps): ReactElement;
 //#endregion
 //#region src/components/MapMesh.d.ts
-interface MapMeshProps extends Omit<SVGProps<SVGPathElement>, 'children' | 'd' | 'style'> {
-  styles?: MapObjectStyles;
-}
+interface MapMeshProps extends Omit<SVGProps<SVGPathElement>, 'children' | 'd' | 'style'>, MapObject<CSSProperties> {}
 declare function MapMesh({
   styles,
   onMouseEnter,
@@ -597,4 +575,21 @@ declare function MapZoom({
 declare const MapContextValue: react0.Context<MapContext | undefined>;
 declare function useMapContext(): MapContext | undefined;
 //#endregion
-export { Map, MapContextValue, MapFeature, MapFeatures, MapGraticule, MapMarker, MapMesh, MapObjectStyle, MapObjectStyles, MapZoom, UseMapObjectOptions, UseMapObjectResult, useMapContext, useMapObject };
+//#region src/hooks/useMapObject.d.ts
+type MapObjectStyle = CSSProperties;
+interface UseMapObjectOptions<TElement extends Element> extends MapObject<MapObjectStyle> {
+  onMouseEnter?: MouseEventHandler<TElement>;
+  onMouseLeave?: MouseEventHandler<TElement>;
+  onMouseDown?: MouseEventHandler<TElement>;
+  onMouseUp?: MouseEventHandler<TElement>;
+}
+interface UseMapObjectResult<TElement extends Element> {
+  style: MapObjectStyle | undefined;
+  onMouseEnter: MouseEventHandler<TElement>;
+  onMouseLeave: MouseEventHandler<TElement>;
+  onMouseDown: MouseEventHandler<TElement>;
+  onMouseUp: MouseEventHandler<TElement>;
+}
+declare function useMapObject<TElement extends Element>(options: UseMapObjectOptions<TElement>): UseMapObjectResult<TElement>;
+//#endregion
+export { Map, MapContextValue, MapFeature, MapFeatures, MapGraticule, MapMarker, MapMesh, MapObjectStyle, MapZoom, UseMapObjectOptions, UseMapObjectResult, useMapContext, useMapObject };

package/dist/index.iife.js

@@ -1 +1 @@
-"use client";(function(e,t,n,r,i){let a=(0,r.createContext)(void 0);function o(){return(0,r.useContext)(a)}function s({context:e,children:t}){return(0,i.jsx)(a.Provider,{value:e,children:t})}function c(e){return typeof e==`function`}function l({width:e,height:t,aspectRatio:a,projection:o,projectionConfig:l,data:u,dataTransformer:d,children:f,className:p,...m}){let h=(0,r.useMemo)(()=>(0,n.makeMapContext)({width:e,height:t,aspectRatio:a,projection:o,projectionConfig:l,data:u,dataTransformer:d}),[e,t,a,o,l,u,d]),g=c(f)?f(h):f;return(0,i.jsx)(s,{context:h,children:(0,i.jsx)(`svg`,{...m,className:`d3-map ${p??``}`,viewBox:`0 0 ${h.width} ${h.height}`,children:g})})}function u(e){let t=(0,r.useRef)(e);return t.current=e,t}function d(e){let[t,i]=(0,r.useState)(`default`),a=u(e.onMouseEnter),o=u(e.onMouseLeave),s=u(e.onMouseDown),c=u(e.onMouseUp),l=(0,r.useCallback)(e=>{i(t=>{let r=(0,n.getObjectStateUpdate)(e);return t===r?t:r})},[]);return{style:(0,r.useMemo)(()=>(0,n.resolveObjectStyle)(t,e.styles),[t,e.styles]),onMouseEnter:(0,r.useCallback)(e=>{l(`mouseenter`),a.current?.(e)},[l]),onMouseLeave:(0,r.useCallback)(e=>{l(`mouseleave`),o.current?.(e)},[l]),onMouseDown:(0,r.useCallback)(e=>{l(`mousedown`),s.current?.(e)},[l]),onMouseUp:(0,r.useCallback)(e=>{l(`mouseup`),c.current?.(e)},[l])}}function f({data:e,styles:t,onMouseEnter:n,onMouseLeave:a,onMouseDown:s,onMouseUp:c,...l}){let u=o(),f=(0,r.useMemo)(()=>u?.path(e)??void 0,[u,e]),{style:p,...m}=d({styles:t,onMouseEnter:n,onMouseLeave:a,onMouseDown:s,onMouseUp:c});return(0,i.jsx)(`path`,{...l,d:f,style:p,name:`feature`,...m})}function p(e){return typeof e==`function`}function m({idKey:e=`id`,styles:t,children:r,...a}){let s=o()?.features??[],c=p(r)?r({features:s}):r;return(0,i.jsx)(`g`,{...a,name:`features`,children:c??s.map((r,a)=>(0,i.jsx)(f,{data:r,styles:t},(0,n.getFeatureKey)(r,e,a)))})}function h({config:e,background:t,border:a,styles:s,onMouseEnter:c,onMouseLeave:l,onMouseDown:u,onMouseUp:f,...p}){let m=o(),h=(0,r.useMemo)(()=>{if(m)return(0,n.renderGraticule)(m,e)??void 0},[m,e]),g=t===!0||typeof t==`string`,_=a===!0||typeof a==`string`,v=typeof t==`string`?t:void 0,y=typeof a==`string`?a:void 0,b=g||_,x=(0,r.useMemo)(()=>{if(!(!m||!b))return(0,n.renderOutline)(m)??void 0},[m,b]),{style:S,...C}=d({styles:s,onMouseEnter:c,onMouseLeave:l,onMouseDown:u,onMouseUp:f});return(0,i.jsxs)(`g`,{children:[g?(0,i.jsx)(`path`,{d:x??void 0,fill:v,name:`background`,pointerEvents:`none`}):null,(0,i.jsx)(`path`,{...p,d:h??void 0,style:S,fill:`none`,name:`graticule`,...C}),_?(0,i.jsx)(`path`,{d:x??void 0,fill:`none`,stroke:y,name:`border`,pointerEvents:`none`}):null]})}let g=[0,0];function _({coordinates:e=g,styles:t,children:a,onMouseEnter:s,onMouseLeave:c,onMouseDown:l,onMouseUp:u,...f}){let p=o(),m=(0,r.useMemo)(()=>(0,n.getMarkerTransform)(p,e),[p,e[0],e[1]]),{style:h,..._}=d({styles:t,onMouseEnter:s,onMouseLeave:c,onMouseDown:l,onMouseUp:u});return(0,i.jsx)(`g`,{...f,transform:m,style:h,name:`marker`,..._,children:a})}function v({styles:e,onMouseEnter:t,onMouseLeave:n,onMouseDown:a,onMouseUp:s,...c}){let l=o(),u=(0,r.useMemo)(()=>l?.renderMesh()??void 0,[l]),{style:f,...p}=d({styles:e,onMouseEnter:t,onMouseLeave:n,onMouseDown:a,onMouseUp:s}),m=c.fill??`none`;return(0,i.jsx)(`path`,{...c,d:u,style:f,fill:m,name:`mesh`,...p})}function y({center:e,zoom:t,minZoom:a=n.ZOOM_DEFAULTS.minZoom,maxZoom:s=n.ZOOM_DEFAULTS.maxZoom,config:c,onZoomStart:l,onZoom:d,onZoomEnd:f,children:p,className:m,...h}){let g=(0,r.useRef)(null),_=(0,r.useRef)(!1),v=o(),y=u(l),b=u(d),x=u(f),S=e??n.ZOOM_DEFAULTS.center,C=t??n.ZOOM_DEFAULTS.zoom,w=S[0],T=S[1],E=(0,r.useMemo)(()=>(0,n.createZoomBehavior)(v,{minZoom:a,maxZoom:s,config:c,onZoomStart:e=>{y.current?.(e)},onZoom:e=>{(0,n.applyZoomGroupTransform)(g.current,e.transform),b.current?.(e)},onZoomEnd:e=>{x.current?.(e)}}),[v,a,s,c]);(0,r.useEffect)(()=>{_.current=!0,(0,n.setupZoom)({element:g.current,behavior:E,center:S,zoom:C})},[E]),(0,r.useEffect)(()=>{if(_.current){_.current=!1;return}(0,n.applyZoomTransform)({element:g.current,behavior:E,center:[w,T],zoom:C})},[E,w,T,C]);let D=m?`d3-map-zoom ${m}`:`d3-map-zoom`;return(0,i.jsx)(`g`,{...h,ref:g,className:D,name:`zoom`,children:p})}e.Map=l,e.MapContextValue=a,e.MapFeature=f,e.MapFeatures=m,e.MapGraticule=h,e.MapMarker=_,e.MapMesh=v,e.MapZoom=y,e.useMapContext=o,e.useMapObject=d})(this.D3Maps=this.D3Maps||{},_d3_maps_core_index_css,D3Maps,React,ReactJSXRuntime);
+"use client";(function(e,t,n,r,i){let a=(0,r.createContext)(void 0);function o(){return(0,r.useContext)(a)}function s({context:e,children:t}){return(0,i.jsx)(a.Provider,{value:e,children:t})}function c(e){return typeof e==`function`}function l({width:e,height:t,aspectRatio:a,projection:o,projectionConfig:l,data:u,dataTransformer:d,children:f,className:p,...m}){let h=(0,r.useMemo)(()=>(0,n.makeMapContext)({width:e,height:t,aspectRatio:a,projection:o,projectionConfig:l,data:u,dataTransformer:d}),[e,t,a,o,l,u,d]),g=c(f)?f(h):f;return(0,i.jsx)(s,{context:h,children:(0,i.jsx)(`svg`,{...m,className:`d3-map ${p??``}`,viewBox:`0 0 ${h.width} ${h.height}`,children:g})})}let u=(0,r.createContext)(!1);function d(){return(0,r.useContext)(u)}function f(e){let t=(0,r.useRef)(e);return t.current=e,t}function p(e){let[t,i]=(0,r.useState)(`default`),a=(0,r.useRef)(t),o=d(),s=f(e.onMouseEnter),c=f(e.onMouseLeave),l=f(e.onMouseDown),u=f(e.onMouseUp);(0,r.useEffect)(()=>{a.current=t},[t]);let p=(0,r.useCallback)(e=>{a.current!==e&&(a.current=e,i(e))},[]),m=(0,r.useMemo)(()=>(0,n.useMapObjectEvents)(p,o),[o,p]);return(0,r.useEffect)(()=>()=>{m.dispose()},[m]),{style:(0,r.useMemo)(()=>(0,n.resolveObjectStyle)(t,e.styles),[t,e.styles]),onMouseEnter:(0,r.useCallback)(e=>{m.onMouseenter(),s.current?.(e)},[m]),onMouseLeave:(0,r.useCallback)(e=>{m.onMouseleave(),c.current?.(e)},[m]),onMouseDown:(0,r.useCallback)(e=>{m.onMousedown(e),l.current?.(e)},[m]),onMouseUp:(0,r.useCallback)(e=>{m.onMouseup(),u.current?.(e)},[m])}}function m({data:e,styles:t,onMouseEnter:n,onMouseLeave:a,onMouseDown:s,onMouseUp:c,...l}){let u=o(),d=(0,r.useMemo)(()=>u?.path(e)??void 0,[u,e]),{style:f,...m}=p({styles:t,onMouseEnter:n,onMouseLeave:a,onMouseDown:s,onMouseUp:c});return(0,i.jsx)(`path`,{...l,d,style:f,name:`feature`,...m})}function h(e){return typeof e==`function`}function g({idKey:e=`id`,styles:t,children:r,...a}){let s=o()?.features??[],c=h(r)?r({features:s}):r;return(0,i.jsx)(`g`,{...a,name:`features`,children:c??s.map((r,a)=>(0,i.jsx)(m,{data:r,styles:t},(0,n.getFeatureKey)(r,e,a)))})}function _({config:e,background:t,border:a,styles:s,onMouseEnter:c,onMouseLeave:l,onMouseDown:u,onMouseUp:d,...f}){let m=o(),h=(0,r.useMemo)(()=>{if(m)return(0,n.renderGraticule)(m,e)??void 0},[m,e]),g=t===!0||typeof t==`string`,_=a===!0||typeof a==`string`,v=typeof t==`string`?t:void 0,y=typeof a==`string`?a:void 0,b=g||_,x=(0,r.useMemo)(()=>{if(!(!m||!b))return(0,n.renderOutline)(m)??void 0},[m,b]),{style:S,...C}=p({styles:s,onMouseEnter:c,onMouseLeave:l,onMouseDown:u,onMouseUp:d});return(0,i.jsxs)(`g`,{children:[g?(0,i.jsx)(`path`,{d:x??void 0,fill:v,name:`background`,pointerEvents:`none`}):null,(0,i.jsx)(`path`,{...f,d:h??void 0,style:S,fill:`none`,name:`graticule`,...C}),_?(0,i.jsx)(`path`,{d:x??void 0,fill:`none`,stroke:y,name:`border`,pointerEvents:`none`}):null]})}let v=[0,0];function y({coordinates:e=v,styles:t,children:a,onMouseEnter:s,onMouseLeave:c,onMouseDown:l,onMouseUp:u,...d}){let f=o(),m=(0,r.useMemo)(()=>(0,n.getMarkerTransform)(f,e),[f,e[0],e[1]]),{style:h,...g}=p({styles:t,onMouseEnter:s,onMouseLeave:c,onMouseDown:l,onMouseUp:u});return(0,i.jsx)(`g`,{...d,transform:m,style:h,name:`marker`,...g,children:a})}function b({styles:e,onMouseEnter:t,onMouseLeave:n,onMouseDown:a,onMouseUp:s,...c}){let l=o(),u=(0,r.useMemo)(()=>l?.renderMesh()??void 0,[l]),{style:d,...f}=p({styles:e,onMouseEnter:t,onMouseLeave:n,onMouseDown:a,onMouseUp:s}),m=c.fill??`none`;return(0,i.jsx)(`path`,{...c,d:u,style:d,fill:m,name:`mesh`,...f})}function x({center:e,zoom:t,minZoom:a=n.ZOOM_DEFAULTS.minZoom,maxZoom:s=n.ZOOM_DEFAULTS.maxZoom,config:c,onZoomStart:l,onZoom:d,onZoomEnd:p,children:m,className:h,...g}){let _=(0,r.useRef)(null),v=(0,r.useRef)(!1),y=o(),b=f(l),x=f(d),S=f(p),C=e??n.ZOOM_DEFAULTS.center,w=t??n.ZOOM_DEFAULTS.zoom,T=C[0],E=C[1],D=(0,r.useMemo)(()=>(0,n.createZoomBehavior)(y,{minZoom:a,maxZoom:s,config:c,onZoomStart:e=>{b.current?.(e)},onZoom:e=>{(0,n.applyZoomGroupTransform)(_.current,e.transform),x.current?.(e)},onZoomEnd:e=>{S.current?.(e)}}),[y,a,s,c]);(0,r.useEffect)(()=>{v.current=!0,(0,n.setupZoom)({element:_.current,behavior:D,center:C,zoom:w})},[D]),(0,r.useEffect)(()=>{if(v.current){v.current=!1;return}(0,n.applyZoomTransform)({element:_.current,behavior:D,center:[T,E],zoom:w})},[D,T,E,w]);let O=h?`d3-map-zoom ${h}`:`d3-map-zoom`;return(0,i.jsx)(u.Provider,{value:!0,children:(0,i.jsx)(`g`,{...g,ref:_,className:O,name:`zoom`,children:m})})}e.Map=l,e.MapContextValue=a,e.MapFeature=m,e.MapFeatures=g,e.MapGraticule=_,e.MapMarker=y,e.MapMesh=b,e.MapZoom=x,e.useMapContext=o,e.useMapObject=p})(this.D3Maps=this.D3Maps||{},_d3_maps_core_index_css,D3Maps,React,ReactJSXRuntime);

package/dist/index.js

@@ -1,7 +1,7 @@
 'use client';
 
 import "@d3-maps/core/index.css";
-import { ZOOM_DEFAULTS, applyZoomGroupTransform, applyZoomTransform, createZoomBehavior, getFeatureKey, getMarkerTransform, getObjectStateUpdate, makeMapContext, renderGraticule, renderOutline, resolveObjectStyle, setupZoom } from "@d3-maps/core";
+import { ZOOM_DEFAULTS, applyZoomGroupTransform, applyZoomTransform, createZoomBehavior, getFeatureKey, getMarkerTransform, makeMapContext, renderGraticule, renderOutline, resolveObjectStyle, setupZoom, useMapObjectEvents } from "@d3-maps/core";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -57,6 +57,13 @@ function Map({ width, height, aspectRatio, projection, projectionConfig, data, d
 	});
 }
 
+//#endregion
+//#region src/hooks/useInsideZoom.ts
+const InsideZoomContext = createContext(false);
+function useInsideZoom() {
+	return useContext(InsideZoomContext);
+}
+
 //#endregion
 //#region src/hooks/useLatest.ts
 function useLatest(value) {
@@ -69,36 +76,46 @@ function useLatest(value) {
 //#region src/hooks/useMapObject.ts
 function useMapObject(options) {
 	const [state, setState] = useState("default");
+	const stateRef = useRef(state);
+	const insideZoom = useInsideZoom();
 	const onMouseEnterRef = useLatest(options.onMouseEnter);
 	const onMouseLeaveRef = useLatest(options.onMouseLeave);
 	const onMouseDownRef = useLatest(options.onMouseDown);
 	const onMouseUpRef = useLatest(options.onMouseUp);
-	const setStateForEvent = useCallback((eventName) => {
-		setState((currentState) => {
-			const nextState = getObjectStateUpdate(eventName);
-			return currentState === nextState ? currentState : nextState;
-		});
+	useEffect(() => {
+		stateRef.current = state;
+	}, [state]);
+	const syncState = useCallback((nextState) => {
+		if (stateRef.current === nextState) return;
+		stateRef.current = nextState;
+		setState(nextState);
 	}, []);
+	const interactionController = useMemo(() => {
+		return useMapObjectEvents(syncState, insideZoom);
+	}, [insideZoom, syncState]);
+	useEffect(() => {
+		return () => {
+			interactionController.dispose();
+		};
+	}, [interactionController]);
 	return {
-		style: useMemo(() => {
-			return resolveObjectStyle(state, options.styles);
-		}, [state, options.styles]),
+		style: useMemo(() => resolveObjectStyle(state, options.styles), [state, options.styles]),
 		onMouseEnter: useCallback((event) => {
-			setStateForEvent("mouseenter");
+			interactionController.onMouseenter();
 			onMouseEnterRef.current?.(event);
-		}, [setStateForEvent]),
+		}, [interactionController]),
 		onMouseLeave: useCallback((event) => {
-			setStateForEvent("mouseleave");
+			interactionController.onMouseleave();
 			onMouseLeaveRef.current?.(event);
-		}, [setStateForEvent]),
+		}, [interactionController]),
 		onMouseDown: useCallback((event) => {
-			setStateForEvent("mousedown");
+			interactionController.onMousedown(event);
 			onMouseDownRef.current?.(event);
-		}, [setStateForEvent]),
+		}, [interactionController]),
 		onMouseUp: useCallback((event) => {
-			setStateForEvent("mouseup");
+			interactionController.onMouseup();
 			onMouseUpRef.current?.(event);
-		}, [setStateForEvent])
+		}, [interactionController])
 	};
 }
 
@@ -308,12 +325,15 @@ function MapZoom({ center, zoom, minZoom = ZOOM_DEFAULTS.minZoom, maxZoom = ZOOM
 		resolvedZoom
 	]);
 	const mergedClassName = className ? `d3-map-zoom ${className}` : "d3-map-zoom";
-	return /* @__PURE__ */ jsx("g", {
-		...groupProps,
-		ref: containerRef,
-		className: mergedClassName,
-		name: "zoom",
-		children
+	return /* @__PURE__ */ jsx(InsideZoomContext.Provider, {
+		value: true,
+		children: /* @__PURE__ */ jsx("g", {
+			...groupProps,
+			ref: containerRef,
+			className: mergedClassName,
+			name: "zoom",
+			children
+		})
 	});
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@d3-maps/react",
   "type": "module",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "private": false,
   "description": "React bindings for @d3-maps/core to build reactive D3 SVG maps",
   "author": "Georgii Bukharov <souljorje@gmail.com>",
@@ -45,7 +45,7 @@
     "react-dom": ">=19 <20"
   },
   "dependencies": {
-    "@d3-maps/core": "0.5.0"
+    "@d3-maps/core": "0.6.0"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",