@mint-ui/map 1.2.4 → 1.2.5

package/.claude/settings.local.json

@@ -5,7 +5,12 @@
       "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(npm install:*)",
+      "Bash(npx start-storybook:*)",
+      "Bash(ls:*)",
+      "Bash(git add:*)",
+      "Bash(git commit -m ':*)",
+      "Bash(git push:*)"
     ]
   }
 }

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

@@ -74,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);
@@ -354,7 +359,9 @@ var CanvasPolygonLayer = function (props) {
 
 
   var setHovered = function (hoveredData) {
-    // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
+    var _a, _b; // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
+
+
     if (draggingRef.current) {
       return;
     }
@@ -363,12 +370,12 @@ var CanvasPolygonLayer = function (props) {
     hoveredItemRef.current = hoveredData; // onMouseOut: 이전 hover 항목에서 벗어남
 
     if (prevHovered && prevHovered !== hoveredData) {
-      onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
+      (_a = onMouseOutRef.current) === null || _a === void 0 ? void 0 : _a.call(onMouseOutRef, prevHovered);
     } // onMouseOver: 새로운 항목에 hover
 
 
     if (hoveredData && hoveredData !== prevHovered) {
-      onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(hoveredData);
+      (_b = onMouseOverRef.current) === null || _b === void 0 ? void 0 : _b.call(onMouseOverRef, hoveredData);
     }
 
     if (draggingRef.current) {
@@ -439,11 +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;
-    onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
+    (_a = onMouseOutRef.current) === null || _a === void 0 ? void 0 : _a.call(onMouseOutRef, prevHovered);
     controller.setMapCursor('grab');
     doRenderEvent();
   }; // DOM 초기화
@@ -548,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/index.es.js

@@ -6039,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);
@@ -6319,7 +6324,9 @@ var CanvasPolygonLayer = function (props) {
 
 
   var setHovered = function (hoveredData) {
-    // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
+    var _a, _b; // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
+
+
     if (draggingRef.current) {
       return;
     }
@@ -6328,12 +6335,12 @@ var CanvasPolygonLayer = function (props) {
     hoveredItemRef.current = hoveredData; // onMouseOut: 이전 hover 항목에서 벗어남
 
     if (prevHovered && prevHovered !== hoveredData) {
-      onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
+      (_a = onMouseOutRef.current) === null || _a === void 0 ? void 0 : _a.call(onMouseOutRef, prevHovered);
     } // onMouseOver: 새로운 항목에 hover
 
 
     if (hoveredData && hoveredData !== prevHovered) {
-      onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(hoveredData);
+      (_b = onMouseOverRef.current) === null || _b === void 0 ? void 0 : _b.call(onMouseOverRef, hoveredData);
     }
 
     if (draggingRef.current) {
@@ -6404,11 +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;
-    onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
+    (_a = onMouseOutRef.current) === null || _a === void 0 ? void 0 : _a.call(onMouseOutRef, prevHovered);
     controller.setMapCursor('grab');
     doRenderEvent();
   }; // DOM 초기화
@@ -6513,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

@@ -6043,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);
@@ -6323,7 +6328,9 @@
 
 
     var setHovered = function (hoveredData) {
-      // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
+      var _a, _b; // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
+
+
       if (draggingRef.current) {
         return;
       }
@@ -6332,12 +6339,12 @@
       hoveredItemRef.current = hoveredData; // onMouseOut: 이전 hover 항목에서 벗어남
 
       if (prevHovered && prevHovered !== hoveredData) {
-        onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
+        (_a = onMouseOutRef.current) === null || _a === void 0 ? void 0 : _a.call(onMouseOutRef, prevHovered);
       } // onMouseOver: 새로운 항목에 hover
 
 
       if (hoveredData && hoveredData !== prevHovered) {
-        onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(hoveredData);
+        (_b = onMouseOverRef.current) === null || _b === void 0 ? void 0 : _b.call(onMouseOverRef, hoveredData);
       }
 
       if (draggingRef.current) {
@@ -6408,11 +6415,13 @@
 
 
     var handleMouseLeave = function () {
+      var _a;
+
       if (disableInteractionRef.current) return;
       var prevHovered = hoveredItemRef.current;
       if (!prevHovered) return;
       hoveredItemRef.current = null;
-      onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
+      (_a = onMouseOutRef.current) === null || _a === void 0 ? void 0 : _a.call(onMouseOutRef, prevHovered);
       controller.setMapCursor('grab');
       doRenderEvent();
     }; // DOM 초기화
@@ -6517,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.4",
+  "version": "1.2.5",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "browser": "./dist/index.umd.js",