@mint-ui/map 1.2.0-test.49 → 1.2.0-test.50

package/dist/index.es.js

@@ -1078,14 +1078,14 @@ var CanvasDataType;
   CanvasDataType["POLYGON"] = "POLYGON";
 })(CanvasDataType || (CanvasDataType = {}));
 
-var WoongCanvasContext = createContext(null);
+var CanvasContext = createContext(null);
 /**
- * WoongCanvasProvider 컴포넌트
+ * CanvasProvider 컴포넌트
  *
- * 다중 WoongCanvas 인스턴스를 관리하고 zIndex 기반 이벤트 우선순위를 처리합니다.
+ * 다중 Canvas 인스턴스를 관리하고 zIndex 기반 이벤트 우선순위를 처리합니다.
  */
 
-var WoongCanvasProvider = function (_a) {
+var CanvasProvider = function (_a) {
   var children = _a.children;
   var controller = useMintMapController();
   var componentsRef = useRef([]);
@@ -1198,18 +1198,18 @@ var WoongCanvasProvider = function (_a) {
       unregisterComponent: unregisterComponent
     };
   }, [registerComponent, unregisterComponent]);
-  return React.createElement(WoongCanvasContext.Provider, {
+  return React.createElement(CanvasContext.Provider, {
     value: contextValue
   }, children);
 };
 /**
- * WoongCanvas Context Hook
+ * Canvas Context Hook
  *
- * @returns WoongCanvasContextValue 또는 null (Provider 없으면)
+ * @returns CanvasContextValue 또는 null (Provider 없으면)
  */
 
-var useWoongCanvasContext = function () {
-  return useContext(WoongCanvasContext);
+var useCanvasContext = function () {
+  return useContext(CanvasContext);
 };
 
 /**
@@ -1693,7 +1693,7 @@ var syncExternalSelectedItems = function (externalSelectedItems, selectedIdsRef,
  * 이벤트 유효성 검증 및 좌표 변환
  *
  * @param event 이벤트 파라미터
- * @param context CanvasContext 인스턴스 (WoongCanvasContext)
+ * @param context CanvasContext 인스턴스
  * @param controller MintMapController 인스턴스
  * @returns 유효한 화면 좌표 또는 null
  */
@@ -1805,7 +1805,7 @@ function MintMapCore(_a) {
   }, [center]);
   return React.createElement("div", {
     className: cn$3('mint-map-root')
-  }, mapInitialized && React.createElement(WoongCanvasProvider, null, children), React.createElement("div", {
+  }, mapInitialized && React.createElement(CanvasProvider, null, children), React.createElement("div", {
     className: cn$3('mint-map-container'),
     style: {
       visibility: visible ? 'inherit' : 'hidden'
@@ -3638,519 +3638,6 @@ function CanvasMarker(_a) {
   })), divElement);
 }
 
-// Lightweight Geohash encoder and neighbor utilities
-var BASE32 = '0123456789bcdefghjkmnpqrstuvwxyz';
-var NEIGHBORS = {
-  n: {
-    even: {
-      border: 'prxz',
-      neighbor: 'bc01fg45238967deuvhjyznpkmstqrwx'
-    },
-    odd: {
-      border: 'bcfguvyz',
-      neighbor: 'p0r21436x8zb9dcf5h7kjnmqesgutwvy'
-    }
-  },
-  s: {
-    even: {
-      border: '028b',
-      neighbor: '238967debc01fg45kmstqrwxuvhjyznp'
-    },
-    odd: {
-      border: '0145hjnp',
-      neighbor: '14365h7k9dcfesgujnmqp0r2twvyx8zb'
-    }
-  },
-  e: {
-    even: {
-      border: 'bcfguvyz',
-      neighbor: '14365h7k9dcfesgujnmqp0r2twvyx8zb'
-    },
-    odd: {
-      border: 'prxz',
-      neighbor: 'bc01fg45238967deuvhjyznpkmstqrwx'
-    }
-  },
-  w: {
-    even: {
-      border: '0145hjnp',
-      neighbor: '238967debc01fg45kmstqrwxuvhjyznp'
-    },
-    odd: {
-      border: '028b',
-      neighbor: 'p0r21436x8zb9dcf5h7kjnmqesgutwvy'
-    }
-  }
-};
-function geohashEncode(lat, lon, precision) {
-  if (precision === void 0) {
-    precision = 6;
-  }
-
-  var idx = 0;
-  var bit = 0;
-  var evenBit = true;
-  var geohash = '';
-  var latMin = -90,
-      latMax = 90;
-  var lonMin = -180,
-      lonMax = 180;
-
-  while (geohash.length < precision) {
-    if (evenBit) {
-      var lonMid = (lonMin + lonMax) / 2;
-
-      if (lon >= lonMid) {
-        idx = idx * 2 + 1;
-        lonMin = lonMid;
-      } else {
-        idx = idx * 2;
-        lonMax = lonMid;
-      }
-    } else {
-      var latMid = (latMin + latMax) / 2;
-
-      if (lat >= latMid) {
-        idx = idx * 2 + 1;
-        latMin = latMid;
-      } else {
-        idx = idx * 2;
-        latMax = latMid;
-      }
-    }
-
-    evenBit = !evenBit;
-
-    if (++bit == 5) {
-      geohash += BASE32.charAt(idx);
-      bit = 0;
-      idx = 0;
-    }
-  }
-
-  return geohash;
-}
-
-function adjacent(hash, dir) {
-  var lastChr = hash[hash.length - 1];
-  var type = hash.length % 2 ? 'odd' : 'even'; // @ts-ignore
-
-  var border = NEIGHBORS[dir][type].border; // @ts-ignore
-
-  var neighbor = NEIGHBORS[dir][type].neighbor;
-  var base = hash.substring(0, hash.length - 1);
-
-  if (border.indexOf(lastChr) !== -1) {
-    base = adjacent(base, dir);
-  }
-
-  var pos = neighbor.indexOf(lastChr);
-  var nextChr = BASE32.charAt(pos);
-  return base + nextChr;
-}
-
-function geohashNeighbors(hash) {
-  var n = adjacent(hash, 'n');
-  var s = adjacent(hash, 's');
-  var e = adjacent(hash, 'e');
-  var w = adjacent(hash, 'w');
-  return [hash, n, s, e, w, adjacent(n, 'e'), adjacent(n, 'w'), adjacent(s, 'e'), adjacent(s, 'w')];
-}
-
-function CanvasMarkerHanquf(_a) {
-  var renderer = _a.renderer,
-      data = _a.data,
-      onMouseOver = _a.onMouseOver,
-      onMouseOut = _a.onMouseOut,
-      onClick = _a.onClick,
-      options = __rest(_a, ["renderer", "data", "onMouseOver", "onMouseOut", "onClick"]); //controller
-
-
-  var controller = useMintMapController(); //element
-
-  var divRef = useRef(document.createElement('div'));
-  var divElement = divRef.current; //canvas container ref
-
-  var containerRef = useRef(null); //canvas ref
-
-  var canvasRef = useRef(null); //canvas context
-
-  var contextRef = useRef(); //marker
-
-  var markerRef = useRef(); // interaction states
-
-  var hoveredRef = useRef(null);
-  var clickedRef = useRef(null); // geohash index: hash -> items
-
-  var geoIndexRef = useRef(new Map());
-  var geoPrecisionRef = useRef(6); // drag translate state
-
-  var prevCenterOffsetRef = useRef(null);
-  var accumTranslateRef = useRef({
-    x: 0,
-    y: 0
-  });
-  var draggingRef = useRef(false); //create object
-
-  useEffect(function () {
-    divElement.style.width = 'fit-content';
-    divElement.style.pointerEvents = 'none';
-    return function () {
-      if (markerRef.current) {
-        controller.clearDrawable(markerRef.current);
-        markerRef.current = undefined;
-      }
-    };
-  }, []); //create / update object
-
-  useEffect(function () {
-    if (options) {
-      var bounds = controller.getCurrBounds();
-
-      var markerOptions = __assign({
-        position: bounds.nw
-      }, options);
-
-      if (markerRef.current) {
-        controller.updateMarker(markerRef.current, markerOptions);
-      } else {
-        markerRef.current = new Marker(markerOptions);
-        markerRef.current.element = divElement;
-        controller.createMarker(markerRef.current); //disablePointerEvent 처리
-
-        if (divElement.parentElement) {
-          divElement.style.pointerEvents = 'none';
-          divElement.parentElement.style.pointerEvents = 'none';
-        } //z-index 처리
-
-
-        if (options.zIndex !== undefined) {
-          controller.setMarkerZIndex(markerRef.current, options.zIndex);
-        }
-      }
-    }
-  }, [options]);
-
-  var handleIdle = function () {
-    // 클리어
-    clearRect(canvasRef.current, contextRef.current); // 표시 복구 (드래그/줌 중 숨김 처리 복원)
-
-    containerRef.current && (containerRef.current.style.visibility = ''); // 드래그 종료 처리: 변환 초기화 및 기준 위치 갱신
-
-    draggingRef.current = false;
-    prevCenterOffsetRef.current = null;
-    accumTranslateRef.current = {
-      x: 0,
-      y: 0
-    };
-
-    if (containerRef.current) {
-      containerRef.current.style.transform = '';
-    } // 마커 이동
-
-
-    var bounds = controller.getCurrBounds();
-
-    var markerOptions = __assign({
-      position: bounds.nw
-    }, options);
-
-    markerRef.current && controller.updateMarker(markerRef.current, markerOptions); // 렌더링 (hover/click item last)
-
-    renderMain(controller, rendererRef.current, containerRef.current, canvasRef.current, contextRef.current, buildOrderedData());
-  };
-
-  var handleZoomStart = function () {
-    containerRef.current && (containerRef.current.style.visibility = 'hidden');
-  };
-
-  var handleZoomEnd = function () {
-    containerRef.current && (containerRef.current.style.visibility = '');
-  }; //initialize
-
-
-  useEffect(function () {
-    var resizeObserver; // hover/out 공통 처리기 (mouse 좌표 기반)
-
-    var updateHoverByMouseXY = function (mouseX, mouseY) {
-      var hit = hitTest(mouseX, mouseY);
-
-      if ((hit === null || hit === void 0 ? void 0 : hit.item) !== hoveredRef.current) {
-        if (hoveredRef.current && onMouseOut) {
-          onMouseOut(hoveredRef.current);
-        }
-
-        hoveredRef.current = (hit === null || hit === void 0 ? void 0 : hit.item) || null;
-
-        if ((hit === null || hit === void 0 ? void 0 : hit.item) && onMouseOver) {
-          onMouseOver(hit.item);
-        }
-
-        clearRect(canvasRef.current, contextRef.current);
-        renderMain(controller, rendererRef.current, containerRef.current, canvasRef.current, contextRef.current, buildOrderedData());
-      }
-    };
-
-    var handleMouseLeave = function () {
-      console.log('handleMouseLeave');
-
-      if (hoveredRef.current && onMouseOut) {
-        onMouseOut(hoveredRef.current);
-      }
-
-      hoveredRef.current = null;
-      clearRect(canvasRef.current, contextRef.current);
-      renderMain(controller, rendererRef.current, containerRef.current, canvasRef.current, contextRef.current, buildOrderedData());
-    }; // 지도 이벤트 → 화면 좌표 변환
-
-
-    var parseEventToOffset = function (e) {
-      var mapType = controller.getMapType();
-      var latlng = (e === null || e === void 0 ? void 0 : e.latlng) || (e === null || e === void 0 ? void 0 : e.latLng);
-
-      if (!latlng) {
-        return null;
-      }
-
-      var pos = {
-        lat: 0,
-        lng: 0
-      }; //@ts-ignore
-
-      if (mapType === 'naver') {
-        pos.lat = latlng._lat;
-        pos.lng = latlng._lng; //@ts-ignore
-      } else if (mapType === 'google') {
-        pos.lat = latlng.lat();
-        pos.lng = latlng.lng(); //@ts-ignore
-      } else if (mapType === 'kakao') {
-        pos.lat = latlng.Ma;
-        pos.lng = latlng.La;
-      } else {
-        return null;
-      }
-
-      var offset = controller.positionToOffset(pos);
-      return offset;
-    };
-
-    var handleMapMouseMove = function (e) {
-      if (draggingRef.current) {
-        return;
-      }
-
-      var offset = parseEventToOffset(e);
-      if (!offset) return;
-      updateHoverByMouseXY(offset.x, offset.y);
-    };
-
-    var handleMapClick = function (e) {
-      console.log('handleClick');
-      var offset = parseEventToOffset(e);
-      if (!offset) return;
-      var hit = hitTest(offset.x, offset.y);
-
-      if (hit === null || hit === void 0 ? void 0 : hit.item) {
-        clickedRef.current = hit.item;
-        onClick && onClick(hit.item);
-        clearRect(canvasRef.current, contextRef.current);
-        renderMain(controller, rendererRef.current, containerRef.current, canvasRef.current, contextRef.current, buildOrderedData());
-      }
-    };
-
-    if (canvasRef.current && containerRef.current) {
-      // 리사이즈 처리
-      resizeObserver = new ResizeObserver(function () {
-        // 클리어
-        clearRect(canvasRef.current, contextRef.current); // 스케일링
-
-        canvasRef.current && contextRef.current && scaleCanvas(controller, canvasRef.current, contextRef.current); // 렌더링 (respect hover/click ordering)
-
-        renderMain(controller, rendererRef.current, containerRef.current, canvasRef.current, contextRef.current, buildOrderedData());
-      });
-      resizeObserver.observe(controller.mapDivElement); // IDLE 이벤트 등록
-
-      controller.addEventListener('IDLE', handleIdle); // 줌 처리
-
-      controller.addEventListener('ZOOMSTART', handleZoomStart);
-      controller.addEventListener('ZOOM_CHANGED', handleZoomEnd); // 2d 컨텍스트
-
-      contextRef.current = canvasRef.current.getContext('2d'); // 스케일링
-
-      if (contextRef.current) {
-        scaleCanvas(controller, canvasRef.current, contextRef.current);
-      } // 지도 이벤트 구독 (부모 pointer-events:none 이어도 동작)
-
-
-      var map = controller.getMap();
-
-      if (map) {
-        //@ts-ignore
-        map.addListener('mousemove', handleMapMouseMove); //@ts-ignore
-
-        map.addListener('click', handleMapClick); //@ts-ignore
-
-        map.addListener('center_changed', function () {
-          // 드래그 중에는 리렌더 대신 transform 으로만 추종
-          var center = controller.getCurrBounds().getCenter();
-          var curr = controller.positionToOffset(center);
-          var prev = prevCenterOffsetRef.current;
-
-          if (!prev) {
-            prevCenterOffsetRef.current = {
-              x: curr.x,
-              y: curr.y
-            };
-            draggingRef.current = true;
-            return;
-          }
-
-          var dx = prev.x - curr.x;
-          var dy = prev.y - curr.y;
-          accumTranslateRef.current = {
-            x: accumTranslateRef.current.x + dx,
-            y: accumTranslateRef.current.y + dy
-          };
-          prevCenterOffsetRef.current = {
-            x: curr.x,
-            y: curr.y
-          };
-          draggingRef.current = true;
-
-          if (containerRef.current) {
-            containerRef.current.style.transform = "translate(".concat(accumTranslateRef.current.x, "px, ").concat(accumTranslateRef.current.y, "px)");
-          }
-        }); //@ts-ignore
-
-        map.addListener('idle', handleIdle);
-      } // 마우스가 지도 영역을 벗어나는 경우 처리
-
-
-      controller.mapDivElement.addEventListener('mouseleave', handleMouseLeave);
-    }
-
-    return function () {
-      resizeObserver && resizeObserver.disconnect();
-      controller.mapDivElement && controller.mapDivElement.removeEventListener('mouseleave', handleMouseLeave);
-      controller.removeEventListener('IDLE', handleIdle);
-      controller.removeEventListener('ZOOMSTART', handleZoomStart);
-      controller.removeEventListener('ZOOM_CHANGED', handleZoomEnd);
-    };
-  }, []); // data ref
-
-  var dataRef = useRef(data);
-  useEffect(function () {
-    dataRef.current = data; // rebuild geohash index
-
-    var map = new Map();
-    var precision = geoPrecisionRef.current;
-
-    for (var _i = 0, _a = data || []; _i < _a.length; _i++) {
-      var item = _a[_i];
-      var pos = item.position && item.position[0];
-      if (!pos) continue;
-      var hash = geohashEncode(pos.lat, pos.lng, precision);
-      var list = map.get(hash) || [];
-      list.push(item);
-      map.set(hash, list);
-    }
-
-    geoIndexRef.current = map;
-  }, [data]); // renderer ref
-
-  var rendererRef = useRef(renderer);
-  useEffect(function () {
-    rendererRef.current = renderer;
-  }, [renderer]); // Build ordered list so hovered/clicked items render last (on top) within this canvas layer
-
-  var buildOrderedData = function () {
-    var base = dataRef.current || [];
-    var result = [];
-    var hoverItem;
-    var clickItem;
-
-    for (var _i = 0, base_1 = base; _i < base_1.length; _i++) {
-      var item = base_1[_i];
-
-      if (clickedRef.current && item === clickedRef.current) {
-        clickItem = item;
-      } else if (hoveredRef.current && item === hoveredRef.current) {
-        hoverItem = item;
-      } else {
-        result.push(item);
-      }
-    }
-
-    if (hoverItem) result.push(hoverItem);
-    if (clickItem) result.push(clickItem);
-    return result;
-  }; // Geohash-accelerated hit-test
-
-
-  var hitTest = function (mouseX, mouseY) {
-    // convert mouse offset -> lat/lng then geohash it
-    var pos = controller.offsetToPosition({
-      x: mouseX,
-      y: mouseY
-    });
-    var precision = geoPrecisionRef.current;
-    var baseHash = geohashEncode(pos.lat, pos.lng, precision);
-    var buckets = geohashNeighbors(baseHash); // collect candidates from buckets (preserve ordering for top-most first)
-
-    var set = new Set();
-    var ordered = buildOrderedData();
-
-    for (var _i = 0, buckets_1 = buckets; _i < buckets_1.length; _i++) {
-      var b = buckets_1[_i];
-      var list = geoIndexRef.current.get(b);
-      if (!list) continue;
-
-      for (var _a = 0, list_1 = list; _a < list_1.length; _a++) {
-        var it = list_1[_a];
-        set.add(it);
-      }
-    } // iterate from top-most
-
-
-    for (var i = ordered.length - 1; i >= 0; i--) {
-      var item = ordered[i];
-      if (!set.has(item)) continue;
-      if (item.visible === false) continue;
-      var p = item.position && item.position[0];
-      if (!p) continue;
-      var off = controller.positionToOffset(p);
-      var r = Math.max(2, item.hitRadius || 20);
-      var dx = mouseX - off.x;
-      var dy = mouseY - off.y;
-
-      if (dx * dx + dy * dy <= r * r) {
-        return {
-          item: item
-        };
-      }
-    }
-
-    return null;
-  }; // Initial render
-
-
-  renderMain(controller, renderer, containerRef.current, canvasRef.current, contextRef.current, buildOrderedData());
-  return createPortal(React.createElement("div", {
-    ref: containerRef,
-    style: {
-      position: 'absolute',
-      width: '100%',
-      height: '100%',
-      pointerEvents: 'none'
-    }
-  }, React.createElement("canvas", {
-    ref: canvasRef,
-    style: {
-      pointerEvents: 'revert-layer'
-    }
-  })), divElement);
-}
-
 var defaultPolygonRenderer = function (_a) {
   var context = _a.context,
       offsets = _a.offsets,
@@ -4243,12 +3730,12 @@ var CanvasMarkerClaude = React.memo(function CanvasMarkerClaude(_a) {
   var hoveredPolygonRef = useRef(null);
   var clickedPolygonRef = useRef(null);
   var hoveredMarkerRef = useRef(null);
-  var clickedMarkerRef = useRef(null); // 🚀 WoongCanvasMarker 방식: 단순한 data ref (geohash 제거)
+  var clickedMarkerRef = useRef(null); // 🚀 CanvasMarker 방식: 단순한 data ref (geohash 제거)
 
   var polygonsRef = useRef([]);
   var markersRef = useRef([]); // 마커 경계 정보 저장 (hit-test용)
 
-  var markerBoundsRef = useRef(new Map()); // 🚀 드래그 추적용 (WoongCanvasMarker 방식)
+  var markerBoundsRef = useRef(new Map()); // 🚀 드래그 추적용 (CanvasMarker 방식)
 
   var draggingRef = useRef(false);
   var prevCenterOffsetRef = useRef(null);
@@ -4308,7 +3795,7 @@ var CanvasMarkerClaude = React.memo(function CanvasMarkerClaude(_a) {
     if (!baseContextRef.current || !polygonsRef.current || polygonsRef.current.length === 0) return;
     clearRect(baseCanvasRef.current, baseContextRef.current);
     var cacheMissCount = 0; // 캐시 미스 카운트
-    // 🚀 WoongCanvasMarker 방식: 전체 데이터 순회 (필터링 제거)
+    // 🚀 CanvasMarker 방식: 전체 데이터 순회 (필터링 제거)
 
     polygonsRef.current.forEach(function (polygon) {
       if (polygon.visible === false) return; // 🚀 캐시 확인 (ID 기반으로 변경)
@@ -4379,7 +3866,7 @@ var CanvasMarkerClaude = React.memo(function CanvasMarkerClaude(_a) {
     if (!markersRef.current || markersRef.current.length === 0) return;
     clearRect(baseMarkerCanvasRef.current, baseMarkerContextRef.current); // 마커 경계 정보 초기화
 
-    markerBoundsRef.current.clear(); // 🚀 WoongCanvasMarker 방식: 전체 데이터 순회 (필터링 제거)
+    markerBoundsRef.current.clear(); // 🚀 CanvasMarker 방식: 전체 데이터 순회 (필터링 제거)
 
     markersRef.current.forEach(function (marker) {
       var _a, _b;
@@ -4702,7 +4189,7 @@ var CanvasMarkerClaude = React.memo(function CanvasMarkerClaude(_a) {
     }
 
     return null;
-  }; // IDLE 이벤트 핸들러 (WoongCanvasMarker 최적화 적용)
+  }; // IDLE 이벤트 핸들러 (CanvasMarker 최적화 적용)
 
 
   var handleIdle = function () {
@@ -4768,7 +4255,7 @@ var CanvasMarkerClaude = React.memo(function CanvasMarkerClaude(_a) {
       x: event.clientX - rect.left,
       y: event.clientY - rect.top
     };
-  }; // 🚀 지도 클릭 이벤트 핸들러 (WoongCanvasMarker 방식 - controller.addEventListener)
+  }; // 🚀 지도 클릭 이벤트 핸들러 (CanvasMarker 방식 - controller.addEventListener)
 
 
   var handleMapClick = function (event) {
@@ -4860,7 +4347,7 @@ var CanvasMarkerClaude = React.memo(function CanvasMarkerClaude(_a) {
   var rafIdRef = useRef(); // 마우스 이벤트 핸들러 (requestAnimationFrame으로 최적화)
 
   var handleMouseMove = function (e) {
-    // 🚀 드래그 중이면 호버 처리 스킵 (WoongCanvasMarker 방식)
+    // 🚀 드래그 중이면 호버 처리 스킵 (CanvasMarker 방식)
     if (draggingRef.current) return; // 이미 RAF가 대기 중이면 스킵
 
     if (rafIdRef.current) return;
@@ -5687,7 +5174,7 @@ var CanvasMarkerLayer = function (props) {
       options = __rest(props, ["data", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction", "renderBase", "renderEvent"]);
 
   var controller = useMintMapController();
-  var context = useWoongCanvasContext();
+  var context = useCanvasContext();
   var currentZIndex = options.zIndex !== undefined ? options.zIndex : 0; // DOM Refs
 
   var divRef = useRef(document.createElement('div'));
@@ -6715,10 +6202,14 @@ var renderPolygonEventWithFunction = function (renderStyle) {
       // hover된 항목이 선택되어 있는지 확인
 
       var isSelected = selectedIdsSet.has(hoveredItem.id);
+      var isActive = isSelected && hoveredItem.id === selectedItemId; // 개별 props 방식과 동일한 로직: 선택된 항목이 hover되면 active 스타일을 사용
+      // 따라서 선택된 항목이 hover될 때는 isHovered를 false로 설정하여
+      // renderStyle 함수에서 isActive를 우선적으로 체크할 수 있도록 함
+
       var context = {
         isSelected: isSelected,
-        isHovered: true,
-        isActive: isSelected && hoveredItem.id === selectedItemId
+        isHovered: !isSelected,
+        isActive: isActive
       };
       var style = renderStyle(hoveredItem, context);
       drawPolygon({
@@ -6759,7 +6250,7 @@ var CanvasPolygonLayer = function (props) {
   // --------------------------------------------------------------------------
 
   var controller = useMintMapController();
-  var context = useWoongCanvasContext();
+  var context = useCanvasContext();
   var currentZIndex = options.zIndex !== undefined ? options.zIndex : 0; // DOM Refs
 
   var divRef = useRef(document.createElement('div'));
@@ -10127,4 +9618,4 @@ function MintMap(_a) {
   }), loading));
 }
 
-export { AnimationPlayer, Bounds, CanvasDataType, CanvasMarker, CanvasMarkerClaude, CanvasMarkerHanquf, CanvasMarkerLayer, CanvasPolygonLayer, CircleMarker, DEFAULT_CULLING_MARGIN, DEFAULT_MAX_CACHE_SIZE, Drawable, GeoCalulator, GoogleMintMapController, LRUCache, MapBuildingProjection, MapCanvasMarkerWrapper, MapCanvasWrapper, MapControlWrapper, MapEvent, MapLoadingWithImage, MapMarkerWrapper, MapPolygonWrapper, MapPolylineWrapper, MapUIEvent, Marker, MintMap, MintMapCanvasRenderer, MintMapController, MintMapCore, MintMapProvider, NaverMintMapController, Offset, PointLoading, Polygon, PolygonCalculator, PolygonMarker, Polyline, Position, SPATIAL_GRID_CELL_SIZE, SVGCircle, SVGPolygon, SVGRect, Spacing, SpatialHashGrid, Status, WoongCanvasProvider, buildSpatialIndex, calculateTextBoxWidth, computeMarkerOffset, computePolygonOffsets, createCanvasData, createCanvasDataArray, createMapEventHandlers, getClusterInfo, getMapOfType, hexToRgba, isInViewport, isPointInMarkerData, isPointInPolygon, isPointInPolygonData, log, mapValuesToArray, syncExternalSelectedItems, syncSelectedItems, updateViewport, useMarkerMoving, useMintMapController, useWoongCanvasContext, validateEvent, waiting };
+export { AnimationPlayer, Bounds, CanvasDataType, CanvasMarker, CanvasMarkerClaude, CanvasMarkerLayer, CanvasPolygonLayer, CanvasProvider, CircleMarker, DEFAULT_CULLING_MARGIN, DEFAULT_MAX_CACHE_SIZE, Drawable, GeoCalulator, GoogleMintMapController, LRUCache, MapBuildingProjection, MapCanvasMarkerWrapper, MapCanvasWrapper, MapControlWrapper, MapEvent, MapLoadingWithImage, MapMarkerWrapper, MapPolygonWrapper, MapPolylineWrapper, MapUIEvent, Marker, MintMap, MintMapCanvasRenderer, MintMapController, MintMapCore, MintMapProvider, NaverMintMapController, Offset, PointLoading, Polygon, PolygonCalculator, PolygonMarker, Polyline, Position, SPATIAL_GRID_CELL_SIZE, SVGCircle, SVGPolygon, SVGRect, Spacing, SpatialHashGrid, Status, buildSpatialIndex, calculateTextBoxWidth, computeMarkerOffset, computePolygonOffsets, createCanvasData, createCanvasDataArray, createMapEventHandlers, getClusterInfo, getMapOfType, hexToRgba, isInViewport, isPointInMarkerData, isPointInPolygon, isPointInPolygonData, log, mapValuesToArray, syncExternalSelectedItems, syncSelectedItems, updateViewport, useCanvasContext, useMarkerMoving, useMintMapController, validateEvent, waiting };