@mint-ui/map 1.2.2 → 1.2.4-test1

package/.claude/settings.local.json

@@ -0,0 +1,15 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npx tsc:*)",
+      "Bash(./node_modules/.bin/tsc --noEmit --pretty)",
+      "Bash(python3 -c \"import json,sys; d=json.load\\(sys.stdin\\); print\\(json.dumps\\(d.get\\('scripts',{}\\), indent=2\\)\\)\")",
+      "Bash(npm run:*)",
+      "Bash(npm install:*)",
+      "Bash(npx start-storybook:*)",
+      "Bash(ls:*)",
+      "Bash(git add:*)",
+      "Bash(git commit -m ':*)"
+    ]
+  }
+}

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

@@ -31,6 +31,8 @@ var CanvasPolygonLayer = function (props) {
       _b = props.cullingMargin,
       cullingMargin = _b === void 0 ? performance.DEFAULT_CULLING_MARGIN : _b,
       onClick = props.onClick,
+      onMouseOver = props.onMouseOver,
+      onMouseOut = props.onMouseOut,
       onOptimizationDataUpdate = props.onOptimizationDataUpdate,
       externalSelectedItems = props.selectedItems,
       externalSelectedItem = props.selectedItem,
@@ -38,7 +40,7 @@ var CanvasPolygonLayer = function (props) {
       disableInteraction = _c === void 0 ? false : _c,
       _d = props.spatialGridCellSize,
       spatialGridCellSize = _d === void 0 ? performance.SPATIAL_GRID_CELL_SIZE : _d,
-      options = tslib.__rest(props, ["data", "enableMultiSelect", "cullingMargin", "onClick", "onOptimizationDataUpdate", "selectedItems", "selectedItem", "disableInteraction", "spatialGridCellSize"]); // customStyle은 다른 방식과 함께 사용 가능
+      options = tslib.__rest(props, ["data", "enableMultiSelect", "cullingMargin", "onClick", "onMouseOver", "onMouseOut", "onOptimizationDataUpdate", "selectedItems", "selectedItem", "disableInteraction", "spatialGridCellSize"]); // customStyle은 다른 방식과 함께 사용 가능
 
 
   var hasCustomStyle = 'customStyle' in props && props.customStyle !== undefined;
@@ -72,7 +74,12 @@ var CanvasPolygonLayer = function (props) {
   var hoveredItemRef = React.useRef(null);
   var selectedItemRef = React.useRef(externalSelectedItem);
   var selectedIdsRef = React.useRef(new Set());
-  var selectedItemsMapRef = React.useRef(new Map()); // 드래그 상태 Refs
+  var selectedItemsMapRef = React.useRef(new Map()); // 콜백 Refs (useEffect 클로저에서 최신 콜백 참조용)
+
+  var onMouseOverRef = React.useRef(onMouseOver);
+  var onMouseOutRef = React.useRef(onMouseOut);
+  onMouseOverRef.current = onMouseOver;
+  onMouseOutRef.current = onMouseOut; // 드래그 상태 Refs
 
   var draggingRef = React.useRef(false);
   var prevCenterOffsetRef = React.useRef(null);
@@ -352,12 +359,24 @@ var CanvasPolygonLayer = function (props) {
 
 
   var setHovered = function (hoveredData) {
-    // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
+    var _a, _b; // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
+
+
     if (draggingRef.current) {
       return;
     }
 
-    hoveredItemRef.current = hoveredData;
+    var prevHovered = hoveredItemRef.current;
+    hoveredItemRef.current = hoveredData; // onMouseOut: 이전 hover 항목에서 벗어남
+
+    if (prevHovered && prevHovered !== hoveredData) {
+      (_a = onMouseOutRef.current) === null || _a === void 0 ? void 0 : _a.call(onMouseOutRef, prevHovered);
+    } // onMouseOver: 새로운 항목에 hover
+
+
+    if (hoveredData && hoveredData !== prevHovered) {
+      (_b = onMouseOverRef.current) === null || _b === void 0 ? void 0 : _b.call(onMouseOverRef, hoveredData);
+    }
 
     if (draggingRef.current) {
       controller.setMapCursor('grabbing');
@@ -427,10 +446,13 @@ var CanvasPolygonLayer = function (props) {
 
 
   var handleMouseLeave = function () {
+    var _a;
+
     if (disableInteractionRef.current) return;
     var prevHovered = hoveredItemRef.current;
     if (!prevHovered) return;
     hoveredItemRef.current = null;
+    (_a = onMouseOutRef.current) === null || _a === void 0 ? void 0 : _a.call(onMouseOutRef, prevHovered);
     controller.setMapCursor('grab');
     doRenderEvent();
   }; // DOM 초기화
@@ -535,6 +557,16 @@ var CanvasPolygonLayer = function (props) {
           return disableInteractionRef.current;
         },
         onClick: onClick,
+        onMouseOver: function (data) {
+          var _a;
+
+          (_a = onMouseOverRef.current) === null || _a === void 0 ? void 0 : _a.call(onMouseOverRef, data);
+        },
+        onMouseOut: function (data) {
+          var _a;
+
+          (_a = onMouseOutRef.current) === null || _a === void 0 ? void 0 : _a.call(onMouseOutRef, data);
+        },
         setHovered: setHovered,
         zIndex: currentZIndex
       };

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

@@ -111,6 +111,10 @@ export interface CanvasPolygonLayerBaseProps<T> extends Pick<MarkerOptions, 'zIn
     data: CanvasData<T>[];
     /** 폴리곤 클릭 시 호출되는 콜백 함수 */
     onClick?: (payload: CanvasData<T>, selectedIds: Set<string>) => void;
+    /** 폴리곤에 마우스가 올라갔을 때 호출되는 콜백 함수 */
+    onMouseOver?: (payload: CanvasData<T>) => void;
+    /** 폴리곤에서 마우스가 벗어났을 때 호출되는 콜백 함수 */
+    onMouseOut?: (payload: CanvasData<T>) => void;
     /** 다중 선택 활성화 여부 (기본값: false) */
     enableMultiSelect?: boolean;
     /** 뷰포트 컬링 여유 공간 (픽셀 단위, 기본값: 100) */

package/dist/index.es.js

@@ -5996,6 +5996,8 @@ var CanvasPolygonLayer = function (props) {
       _b = props.cullingMargin,
       cullingMargin = _b === void 0 ? DEFAULT_CULLING_MARGIN : _b,
       onClick = props.onClick,
+      onMouseOver = props.onMouseOver,
+      onMouseOut = props.onMouseOut,
       onOptimizationDataUpdate = props.onOptimizationDataUpdate,
       externalSelectedItems = props.selectedItems,
       externalSelectedItem = props.selectedItem,
@@ -6003,7 +6005,7 @@ var CanvasPolygonLayer = function (props) {
       disableInteraction = _c === void 0 ? false : _c,
       _d = props.spatialGridCellSize,
       spatialGridCellSize = _d === void 0 ? SPATIAL_GRID_CELL_SIZE : _d,
-      options = __rest(props, ["data", "enableMultiSelect", "cullingMargin", "onClick", "onOptimizationDataUpdate", "selectedItems", "selectedItem", "disableInteraction", "spatialGridCellSize"]); // customStyle은 다른 방식과 함께 사용 가능
+      options = __rest(props, ["data", "enableMultiSelect", "cullingMargin", "onClick", "onMouseOver", "onMouseOut", "onOptimizationDataUpdate", "selectedItems", "selectedItem", "disableInteraction", "spatialGridCellSize"]); // customStyle은 다른 방식과 함께 사용 가능
 
 
   var hasCustomStyle = 'customStyle' in props && props.customStyle !== undefined;
@@ -6037,7 +6039,12 @@ var CanvasPolygonLayer = function (props) {
   var hoveredItemRef = useRef(null);
   var selectedItemRef = useRef(externalSelectedItem);
   var selectedIdsRef = useRef(new Set());
-  var selectedItemsMapRef = useRef(new Map()); // 드래그 상태 Refs
+  var selectedItemsMapRef = useRef(new Map()); // 콜백 Refs (useEffect 클로저에서 최신 콜백 참조용)
+
+  var onMouseOverRef = useRef(onMouseOver);
+  var onMouseOutRef = useRef(onMouseOut);
+  onMouseOverRef.current = onMouseOver;
+  onMouseOutRef.current = onMouseOut; // 드래그 상태 Refs
 
   var draggingRef = useRef(false);
   var prevCenterOffsetRef = useRef(null);
@@ -6317,12 +6324,24 @@ var CanvasPolygonLayer = function (props) {
 
 
   var setHovered = function (hoveredData) {
-    // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
+    var _a, _b; // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
+
+
     if (draggingRef.current) {
       return;
     }
 
-    hoveredItemRef.current = hoveredData;
+    var prevHovered = hoveredItemRef.current;
+    hoveredItemRef.current = hoveredData; // onMouseOut: 이전 hover 항목에서 벗어남
+
+    if (prevHovered && prevHovered !== hoveredData) {
+      (_a = onMouseOutRef.current) === null || _a === void 0 ? void 0 : _a.call(onMouseOutRef, prevHovered);
+    } // onMouseOver: 새로운 항목에 hover
+
+
+    if (hoveredData && hoveredData !== prevHovered) {
+      (_b = onMouseOverRef.current) === null || _b === void 0 ? void 0 : _b.call(onMouseOverRef, hoveredData);
+    }
 
     if (draggingRef.current) {
       controller.setMapCursor('grabbing');
@@ -6392,10 +6411,13 @@ var CanvasPolygonLayer = function (props) {
 
 
   var handleMouseLeave = function () {
+    var _a;
+
     if (disableInteractionRef.current) return;
     var prevHovered = hoveredItemRef.current;
     if (!prevHovered) return;
     hoveredItemRef.current = null;
+    (_a = onMouseOutRef.current) === null || _a === void 0 ? void 0 : _a.call(onMouseOutRef, prevHovered);
     controller.setMapCursor('grab');
     doRenderEvent();
   }; // DOM 초기화
@@ -6500,6 +6522,16 @@ var CanvasPolygonLayer = function (props) {
           return disableInteractionRef.current;
         },
         onClick: onClick,
+        onMouseOver: function (data) {
+          var _a;
+
+          (_a = onMouseOverRef.current) === null || _a === void 0 ? void 0 : _a.call(onMouseOverRef, data);
+        },
+        onMouseOut: function (data) {
+          var _a;
+
+          (_a = onMouseOutRef.current) === null || _a === void 0 ? void 0 : _a.call(onMouseOutRef, data);
+        },
         setHovered: setHovered,
         zIndex: currentZIndex
       };

package/dist/index.umd.js

@@ -6000,6 +6000,8 @@
         _b = props.cullingMargin,
         cullingMargin = _b === void 0 ? DEFAULT_CULLING_MARGIN : _b,
         onClick = props.onClick,
+        onMouseOver = props.onMouseOver,
+        onMouseOut = props.onMouseOut,
         onOptimizationDataUpdate = props.onOptimizationDataUpdate,
         externalSelectedItems = props.selectedItems,
         externalSelectedItem = props.selectedItem,
@@ -6007,7 +6009,7 @@
         disableInteraction = _c === void 0 ? false : _c,
         _d = props.spatialGridCellSize,
         spatialGridCellSize = _d === void 0 ? SPATIAL_GRID_CELL_SIZE : _d,
-        options = tslib.__rest(props, ["data", "enableMultiSelect", "cullingMargin", "onClick", "onOptimizationDataUpdate", "selectedItems", "selectedItem", "disableInteraction", "spatialGridCellSize"]); // customStyle은 다른 방식과 함께 사용 가능
+        options = tslib.__rest(props, ["data", "enableMultiSelect", "cullingMargin", "onClick", "onMouseOver", "onMouseOut", "onOptimizationDataUpdate", "selectedItems", "selectedItem", "disableInteraction", "spatialGridCellSize"]); // customStyle은 다른 방식과 함께 사용 가능
 
 
     var hasCustomStyle = 'customStyle' in props && props.customStyle !== undefined;
@@ -6041,7 +6043,12 @@
     var hoveredItemRef = React.useRef(null);
     var selectedItemRef = React.useRef(externalSelectedItem);
     var selectedIdsRef = React.useRef(new Set());
-    var selectedItemsMapRef = React.useRef(new Map()); // 드래그 상태 Refs
+    var selectedItemsMapRef = React.useRef(new Map()); // 콜백 Refs (useEffect 클로저에서 최신 콜백 참조용)
+
+    var onMouseOverRef = React.useRef(onMouseOver);
+    var onMouseOutRef = React.useRef(onMouseOut);
+    onMouseOverRef.current = onMouseOver;
+    onMouseOutRef.current = onMouseOut; // 드래그 상태 Refs
 
     var draggingRef = React.useRef(false);
     var prevCenterOffsetRef = React.useRef(null);
@@ -6321,12 +6328,24 @@
 
 
     var setHovered = function (hoveredData) {
-      // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
+      var _a, _b; // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
+
+
       if (draggingRef.current) {
         return;
       }
 
-      hoveredItemRef.current = hoveredData;
+      var prevHovered = hoveredItemRef.current;
+      hoveredItemRef.current = hoveredData; // onMouseOut: 이전 hover 항목에서 벗어남
+
+      if (prevHovered && prevHovered !== hoveredData) {
+        (_a = onMouseOutRef.current) === null || _a === void 0 ? void 0 : _a.call(onMouseOutRef, prevHovered);
+      } // onMouseOver: 새로운 항목에 hover
+
+
+      if (hoveredData && hoveredData !== prevHovered) {
+        (_b = onMouseOverRef.current) === null || _b === void 0 ? void 0 : _b.call(onMouseOverRef, hoveredData);
+      }
 
       if (draggingRef.current) {
         controller.setMapCursor('grabbing');
@@ -6396,10 +6415,13 @@
 
 
     var handleMouseLeave = function () {
+      var _a;
+
       if (disableInteractionRef.current) return;
       var prevHovered = hoveredItemRef.current;
       if (!prevHovered) return;
       hoveredItemRef.current = null;
+      (_a = onMouseOutRef.current) === null || _a === void 0 ? void 0 : _a.call(onMouseOutRef, prevHovered);
       controller.setMapCursor('grab');
       doRenderEvent();
     }; // DOM 초기화
@@ -6504,6 +6526,16 @@
             return disableInteractionRef.current;
           },
           onClick: onClick,
+          onMouseOver: function (data) {
+            var _a;
+
+            (_a = onMouseOverRef.current) === null || _a === void 0 ? void 0 : _a.call(onMouseOverRef, data);
+          },
+          onMouseOut: function (data) {
+            var _a;
+
+            (_a = onMouseOutRef.current) === null || _a === void 0 ? void 0 : _a.call(onMouseOutRef, data);
+          },
           setHovered: setHovered,
           zIndex: currentZIndex
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mint-ui/map",
-  "version": "1.2.2",
+  "version": "1.2.4-test1",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "browser": "./dist/index.umd.js",