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

package/CLAUDE.md

@@ -90,7 +90,6 @@ The project uses Storybook for component development and documentation:
 
 Canvas markers are a key feature for high-performance rendering:
 - `CanvasMarker.tsx` - Main canvas marker component
-- `CanvasMarkerHanquf.tsx` - Specialized canvas marker variant
 - Renderer function pattern for custom drawing logic
 - Supports geohash-based clustering
 

package/dist/components/mint-map/core/MintMapCore.js

@@ -100,7 +100,7 @@ function MintMapCore(_a) {
   }, [center]);
   return React__default["default"].createElement("div", {
     className: cn('mint-map-root')
-  }, mapInitialized && React__default["default"].createElement(context.WoongCanvasProvider, null, children), React__default["default"].createElement("div", {
+  }, mapInitialized && React__default["default"].createElement(context.CanvasProvider, null, children), React__default["default"].createElement("div", {
     className: cn('mint-map-container'),
     style: {
       visibility: visible ? 'inherit' : 'hidden'

package/dist/components/mint-map/core/advanced/CanvasMarkerLayer/CanvasMarkerLayer.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { MarkerOptions } from "../../../types";
 import { CanvasData, CustomRenderBase, CustomRenderEvent } from "../shared";
-export { WoongCanvasProvider, LRUCache, SpatialHashGrid, CanvasDataType } from "../shared";
+export { CanvasProvider, LRUCache, SpatialHashGrid, CanvasDataType } from "../shared";
 export type { CanvasOption, CanvasData, CustomRenderBase, CustomRenderEvent, RenderUtils, RenderBaseParams, RenderEventParams } from "../shared";
 /**
  * CanvasMarkerLayer Props

package/dist/components/mint-map/core/advanced/CanvasMarkerLayer/CanvasMarkerLayer.js

@@ -47,7 +47,7 @@ var CanvasMarkerLayer = function (props) {
       options = tslib.__rest(props, ["data", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction", "renderBase", "renderEvent"]);
 
   var controller = MintMapProvider.useMintMapController();
-  var context$1 = context.useWoongCanvasContext();
+  var context$1 = context.useCanvasContext();
   var currentZIndex = options.zIndex !== undefined ? options.zIndex : 0; // DOM Refs
 
   var divRef = React.useRef(document.createElement('div'));
@@ -628,7 +628,7 @@ Object.defineProperty(exports, 'CanvasDataType', {
     enumerable: true,
     get: function () { return types.CanvasDataType; }
 });
-exports.WoongCanvasProvider = context.WoongCanvasProvider;
+exports.CanvasProvider = context.CanvasProvider;
 exports.LRUCache = performance.LRUCache;
 exports.SpatialHashGrid = performance.SpatialHashGrid;
 exports["default"] = CanvasMarkerLayer;

package/dist/components/mint-map/core/advanced/CanvasPolygonLayer/CanvasPolygonLayer.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { MarkerOptions } from "../../../types";
 import { CanvasData } from "../shared";
-export { WoongCanvasProvider, LRUCache, SpatialHashGrid } from "../shared";
+export { CanvasProvider, LRUCache, SpatialHashGrid } from "../shared";
 export type { CanvasOption, CanvasData, RenderUtils } from "../shared";
 /**
  * 폴리곤 스타일 정의

package/dist/components/mint-map/core/advanced/CanvasPolygonLayer/CanvasPolygonLayer.js

@@ -50,7 +50,7 @@ var CanvasPolygonLayer = function (props) {
   // --------------------------------------------------------------------------
 
   var controller = MintMapProvider.useMintMapController();
-  var context$1 = context.useWoongCanvasContext();
+  var context$1 = context.useCanvasContext();
   var currentZIndex = options.zIndex !== undefined ? options.zIndex : 0; // DOM Refs
 
   var divRef = React.useRef(document.createElement('div'));
@@ -587,7 +587,7 @@ var CanvasPolygonLayer = function (props) {
   }), divElement);
 };
 
-exports.WoongCanvasProvider = context.WoongCanvasProvider;
+exports.CanvasProvider = context.CanvasProvider;
 exports.LRUCache = performance.LRUCache;
 exports.SpatialHashGrid = performance.SpatialHashGrid;
 exports["default"] = CanvasPolygonLayer;

package/dist/components/mint-map/core/advanced/CanvasPolygonLayer/renderer.js

@@ -453,10 +453,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({

package/dist/components/mint-map/core/advanced/canvas/CanvasMarker.d.ts

@@ -1,5 +1,12 @@
 import React from "react";
 import { MarkerOptions, Offset, Position } from "../../../types";
+/**
+ * 2026-01-06 장한별
+ * 고주영팀장님이 만든 캔버스 마커
+ * 클릭, hover 등의 이벤트가 구현되어있지 않는 버전
+ * RA 지도 제품에서 CanvasMarker 컴포넌트를 사용하고 있음
+ *
+ */
 export interface CanvasMarkerRendererParams<T> {
     context: CanvasRenderingContext2D;
     offset: Offset[];

package/dist/components/mint-map/core/advanced/canvas/CanvasMarkerClaude.js

@@ -107,12 +107,12 @@ var CanvasMarkerClaude = React__default["default"].memo(function CanvasMarkerCla
   var hoveredPolygonRef = React.useRef(null);
   var clickedPolygonRef = React.useRef(null);
   var hoveredMarkerRef = React.useRef(null);
-  var clickedMarkerRef = React.useRef(null); // 🚀 WoongCanvasMarker 방식: 단순한 data ref (geohash 제거)
+  var clickedMarkerRef = React.useRef(null); // 🚀 CanvasMarker 방식: 단순한 data ref (geohash 제거)
 
   var polygonsRef = React.useRef([]);
   var markersRef = React.useRef([]); // 마커 경계 정보 저장 (hit-test용)
 
-  var markerBoundsRef = React.useRef(new Map()); // 🚀 드래그 추적용 (WoongCanvasMarker 방식)
+  var markerBoundsRef = React.useRef(new Map()); // 🚀 드래그 추적용 (CanvasMarker 방식)
 
   var draggingRef = React.useRef(false);
   var prevCenterOffsetRef = React.useRef(null);
@@ -172,7 +172,7 @@ var CanvasMarkerClaude = React__default["default"].memo(function CanvasMarkerCla
     if (!baseContextRef.current || !polygonsRef.current || polygonsRef.current.length === 0) return;
     canvasUtil.clearRect(baseCanvasRef.current, baseContextRef.current);
     var cacheMissCount = 0; // 캐시 미스 카운트
-    // 🚀 WoongCanvasMarker 방식: 전체 데이터 순회 (필터링 제거)
+    // 🚀 CanvasMarker 방식: 전체 데이터 순회 (필터링 제거)
 
     polygonsRef.current.forEach(function (polygon) {
       if (polygon.visible === false) return; // 🚀 캐시 확인 (ID 기반으로 변경)
@@ -243,7 +243,7 @@ var CanvasMarkerClaude = React__default["default"].memo(function CanvasMarkerCla
     if (!markersRef.current || markersRef.current.length === 0) return;
     canvasUtil.clearRect(baseMarkerCanvasRef.current, baseMarkerContextRef.current); // 마커 경계 정보 초기화
 
-    markerBoundsRef.current.clear(); // 🚀 WoongCanvasMarker 방식: 전체 데이터 순회 (필터링 제거)
+    markerBoundsRef.current.clear(); // 🚀 CanvasMarker 방식: 전체 데이터 순회 (필터링 제거)
 
     markersRef.current.forEach(function (marker) {
       var _a, _b;
@@ -566,7 +566,7 @@ var CanvasMarkerClaude = React__default["default"].memo(function CanvasMarkerCla
     }
 
     return null;
-  }; // IDLE 이벤트 핸들러 (WoongCanvasMarker 최적화 적용)
+  }; // IDLE 이벤트 핸들러 (CanvasMarker 최적화 적용)
 
 
   var handleIdle = function () {
@@ -632,7 +632,7 @@ var CanvasMarkerClaude = React__default["default"].memo(function CanvasMarkerCla
       x: event.clientX - rect.left,
       y: event.clientY - rect.top
     };
-  }; // 🚀 지도 클릭 이벤트 핸들러 (WoongCanvasMarker 방식 - controller.addEventListener)
+  }; // 🚀 지도 클릭 이벤트 핸들러 (CanvasMarker 방식 - controller.addEventListener)
 
 
   var handleMapClick = function (event) {
@@ -724,7 +724,7 @@ var CanvasMarkerClaude = React__default["default"].memo(function CanvasMarkerCla
   var rafIdRef = React.useRef(); // 마우스 이벤트 핸들러 (requestAnimationFrame으로 최적화)
 
   var handleMouseMove = function (e) {
-    // 🚀 드래그 중이면 호버 처리 스킵 (WoongCanvasMarker 방식)
+    // 🚀 드래그 중이면 호버 처리 스킵 (CanvasMarker 방식)
     if (draggingRef.current) return; // 이미 RAF가 대기 중이면 스킵
 
     if (rafIdRef.current) return;

package/dist/components/mint-map/core/advanced/canvas/index.d.ts

@@ -1,3 +1,2 @@
 export * from './CanvasMarker';
-export * from './CanvasMarkerHanquf';
 export * from './CanvasMarkerClaude';

package/dist/components/mint-map/core/advanced/shared/context.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { Offset } from "../../../types";
 import { CanvasData } from "./types";
 /**
- * WoongCanvas 컴포넌트 인스턴스 인터페이스
+ * Canvas 컴포넌트 인스턴스 인터페이스
  *
  * @template T 마커/폴리곤 데이터의 추가 속성 타입
  */
@@ -18,22 +18,22 @@ export interface ComponentInstance<T> {
     getSelectedIds: () => Set<string>;
     isInteractionDisabled: () => boolean;
 }
-interface WoongCanvasContextValue {
+interface CanvasContextValue {
     registerComponent: <T>(instance: ComponentInstance<T>) => void;
     unregisterComponent: <T>(instance: ComponentInstance<T>) => void;
 }
 /**
- * WoongCanvasProvider 컴포넌트
+ * CanvasProvider 컴포넌트
  *
- * 다중 WoongCanvas 인스턴스를 관리하고 zIndex 기반 이벤트 우선순위를 처리합니다.
+ * 다중 Canvas 인스턴스를 관리하고 zIndex 기반 이벤트 우선순위를 처리합니다.
  */
-export declare const WoongCanvasProvider: React.FC<{
+export declare const CanvasProvider: React.FC<{
     children: React.ReactNode;
 }>;
 /**
- * WoongCanvas Context Hook
+ * Canvas Context Hook
  *
- * @returns WoongCanvasContextValue 또는 null (Provider 없으면)
+ * @returns CanvasContextValue 또는 null (Provider 없으면)
  */
-export declare const useWoongCanvasContext: () => WoongCanvasContextValue | null;
+export declare const useCanvasContext: () => CanvasContextValue | null;
 export {};

package/dist/components/mint-map/core/advanced/shared/context.js

@@ -9,14 +9,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var WoongCanvasContext = React.createContext(null);
+var CanvasContext = React.createContext(null);
 /**
- * WoongCanvasProvider 컴포넌트
+ * CanvasProvider 컴포넌트
  *
- * 다중 WoongCanvas 인스턴스를 관리하고 zIndex 기반 이벤트 우선순위를 처리합니다.
+ * 다중 Canvas 인스턴스를 관리하고 zIndex 기반 이벤트 우선순위를 처리합니다.
  */
 
-var WoongCanvasProvider = function (_a) {
+var CanvasProvider = function (_a) {
   var children = _a.children;
   var controller = MintMapProvider.useMintMapController();
   var componentsRef = React.useRef([]);
@@ -129,19 +129,19 @@ var WoongCanvasProvider = function (_a) {
       unregisterComponent: unregisterComponent
     };
   }, [registerComponent, unregisterComponent]);
-  return React__default["default"].createElement(WoongCanvasContext.Provider, {
+  return React__default["default"].createElement(CanvasContext.Provider, {
     value: contextValue
   }, children);
 };
 /**
- * WoongCanvas Context Hook
+ * Canvas Context Hook
  *
- * @returns WoongCanvasContextValue 또는 null (Provider 없으면)
+ * @returns CanvasContextValue 또는 null (Provider 없으면)
  */
 
-var useWoongCanvasContext = function () {
-  return React.useContext(WoongCanvasContext);
+var useCanvasContext = function () {
+  return React.useContext(CanvasContext);
 };
 
-exports.WoongCanvasProvider = WoongCanvasProvider;
-exports.useWoongCanvasContext = useWoongCanvasContext;
+exports.CanvasProvider = CanvasProvider;
+exports.useCanvasContext = useCanvasContext;

package/dist/components/mint-map/core/advanced/shared/helpers.d.ts

@@ -5,7 +5,7 @@ import type { Offset } from "../../../types";
  * 이벤트 유효성 검증 및 좌표 변환
  *
  * @param event 이벤트 파라미터
- * @param context CanvasContext 인스턴스 (WoongCanvasContext)
+ * @param context CanvasContext 인스턴스
  * @param controller MintMapController 인스턴스
  * @returns 유효한 화면 좌표 또는 null
  */

package/dist/components/mint-map/core/advanced/shared/helpers.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
  * 이벤트 유효성 검증 및 좌표 변환
  *
  * @param event 이벤트 파라미터
- * @param context CanvasContext 인스턴스 (WoongCanvasContext)
+ * @param context CanvasContext 인스턴스
  * @param controller MintMapController 인스턴스
  * @returns 유효한 화면 좌표 또는 null
  */