canvas2d-wrapper 2.0.0 → 2.1.0

package/dist/Canvas2D.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { Canvas2DProps } from './types/Canvas2DProps';
-export default function Canvas2D({ width, height, trackMouseMove, minZoom, maxZoom, tileSize, onClick, onRightClick, onHover, onElementMoved, onWheel, onFrame, lockXAxis, lockYAxis, smoothingQuality, dragObjects, deltaLeft, deltaTop, showMinimap, minimapWidth, minimapHeight, minimapFilter, ...otherProps }: Canvas2DProps): React.JSX.Element;
+export default function Canvas2D({ width, height, trackMouseMove, minZoom, maxZoom, tileSize, onClick, onRightClick, onHover, onElementMoved, onWheel, onFrame, lockXAxis, lockYAxis, smoothingQuality, dragObjects, deltaLeft, deltaTop, showMinimap, minimapWidth, minimapHeight, minimapDisplayFilter, minimapAutomaticZoomFilter, ...otherProps }: Canvas2DProps): React.JSX.Element;

package/dist/Canvas2D.js

@@ -1,14 +1,14 @@
-import { jsxs as J, Fragment as K, jsx as B } from "react/jsx-runtime";
-import { useState as O, useCallback as j, useEffect as p } from "react";
-import Q from "./events/elementClick.js";
-import S from "./events/elementRightClick.js";
-import U from "./events/mouseMove.js";
-import V from "./events/mouseWheel.js";
-import $ from "./functions/calcRatioForMinimap.js";
-import z from "./functions/sortElements.js";
+import { jsxs as K, Fragment as O, jsx as B } from "react/jsx-runtime";
+import { useState as Q, useCallback as j, useEffect as p } from "react";
+import S from "./events/elementClick.js";
+import U from "./events/elementRightClick.js";
+import V from "./events/mouseMove.js";
+import $ from "./events/mouseWheel.js";
+import z from "./functions/calcRatioForMinimap.js";
+import W from "./functions/sortElements.js";
 import k from "./render/renderCanvas.js";
 import './assets/Canvas2D.css';const l = {};
-function re({
+function fe({
   width: o,
   height: r,
   trackMouseMove: q = !0,
@@ -24,17 +24,18 @@ function re({
   lockXAxis: N = !1,
   lockYAxis: T = !1,
   smoothingQuality: R = "medium",
-  dragObjects: X = !1,
+  dragObjects: _ = !1,
   deltaLeft: b = 0,
   deltaTop: g = 0,
   showMinimap: F = !1,
   minimapWidth: m = 240,
   minimapHeight: i = 120,
-  minimapFilter: Y = (t) => !0,
+  minimapDisplayFilter: X = (t) => !0,
+  minimapAutomaticZoomFilter: Y = (t) => !0,
   ...f
 }) {
   l[f.id] || (l[f.id] = []);
-  const [t, c] = O({
+  const [t, c] = Q({
     left: 0,
     top: 0,
     width: 0,
@@ -44,7 +45,7 @@ function re({
     deltaLeft: b,
     prevX: null,
     prevY: null
-  }), _ = j((e) => {
+  }), y = j((e) => {
     if (e !== null) {
       const n = e.getContext("2d");
       if (!n)
@@ -61,7 +62,7 @@ function re({
         zoom: 1
       }));
     }
-  }, []), y = j((e) => {
+  }, []), G = j((e) => {
     if (e !== null) {
       const n = e.getContext("2d");
       if (!n)
@@ -77,14 +78,14 @@ function re({
   if (t.deltaTop = g, t.deltaLeft = b, d > v)
     throw new Error("minZoom should be lower than maxZoom.");
   let L;
-  q && (L = (e) => U(e, l[f.id], a, t, c, N, T, X, D, A));
-  const G = (e) => {
-    E && E(e.nativeEvent), d !== v && V(e, t, c, d, v);
+  q && (L = (e) => V(e, l[f.id], a, t, c, N, T, _, D, A));
+  const I = (e) => {
+    E && E(e.nativeEvent), d !== v && $(e, t, c, d, v);
   };
   let M;
-  return x && (M = (e) => x(Q(e, l[f.id], a, t))), p(() => {
+  return x && (M = (e) => x(S(e, l[f.id], a, t))), p(() => {
     function e(n) {
-      n.preventDefault(), u && u(S(n, l[f.id], a, t));
+      n.preventDefault(), u && u(U(n, l[f.id], a, t));
     }
     if (u && t.canvas)
       return t.canvas.addEventListener("contextmenu", e), () => {
@@ -96,7 +97,7 @@ function re({
       if (!e)
         return;
       l[f.id] = C();
-      const s = z(l[f.id]);
+      const s = W(l[f.id]);
       if (t.context && k(
         t.context,
         o,
@@ -105,13 +106,13 @@ function re({
         a,
         t
       ), F && t.minimapContext) {
-        const w = s.filter(Y), I = $(w, o, r, m, i, a);
+        const w = s.filter(X), J = z(w.filter(Y), o, r, m, i, a);
         k(
           t.minimapContext,
           m,
           i,
           w,
-          a / I,
+          a / J,
           { left: m / 2, top: i / 2, deltaLeft: 0, deltaTop: 0, zoom: 1 }
         );
       }
@@ -128,15 +129,15 @@ function re({
       width: o,
       height: r
     }));
-  }, [o, r]), /* @__PURE__ */ J(K, { children: [
+  }, [o, r]), /* @__PURE__ */ K(O, { children: [
     /* @__PURE__ */ B(
       "canvas",
       {
-        ref: _,
+        ref: y,
         width: o,
         height: r,
         onPointerMove: L,
-        onWheel: G,
+        onWheel: I,
         onClick: M,
         className: "canvas2d-wrapper",
         ...f
@@ -145,7 +146,7 @@ function re({
     F && /* @__PURE__ */ B(
       "canvas",
       {
-        ref: y,
+        ref: G,
         width: m,
         height: i,
         className: "canvas2d-wrapper-minimap"
@@ -154,5 +155,5 @@ function re({
   ] });
 }
 export {
-  re as default
+  fe as default
 };

package/dist/collisions/collideElement.js

@@ -29,7 +29,7 @@ function I(o, c, a, s, m, d) {
         });
         break;
       case "Polygon":
-        p(e, n, l, a, s, r) && i.push({
+        p(e, a, s, r) && i.push({
           id: e.id,
           element: e,
           originalEvent: o,

package/dist/collisions/inPoly.d.ts

@@ -1,2 +1,2 @@
 import { default as Polygon } from '../shapes/Polygon';
-export default function inPoly(element: Polygon, _x: number, y: number, mouseX: number, mouseY: number, localTileSize: number): boolean;
+export default function inPoly(element: Polygon, mouseX: number, mouseY: number, localTileSize: number): boolean;

package/dist/collisions/inPoly.js

@@ -1,19 +1,20 @@
-function y(t, h, p, u, c, o) {
-  const x = t.points.length - 1;
-  let r = !1;
-  for (let s = 0; s < t.points.length; s++) {
-    const i = t.points[s].x * o, n = t.points[s].y * o;
-    if (u === i && c === n)
+function y(t, u, i, o) {
+  let f = !1;
+  for (let n = 0; n < t.points.length; n++) {
+    const p = t.points[n].x * o, r = t.points[n].y * o;
+    if (u === p && i === r)
       return !0;
-    const g = t.points[x].x * o, f = t.points[x].y * o;
-    if (n > p != f > p) {
-      const j = (u - i) * (f - n) - (g - i) * (c - n);
+    let s = n + 1;
+    s >= t.points.length && (s = 0);
+    const x = t.points[s].x * o, c = t.points[s].y * o;
+    if (r > i != c > i) {
+      const j = (u - p) * (c - r) - (x - p) * (i - r);
       if (j === 0)
         return !0;
-      j < 0 != f < n && (r = !r);
+      j < 0 != c < r && (f = !f);
     }
   }
-  return r;
+  return f;
 }
 export {
   y as default

package/dist/types/Canvas2DProps.d.ts

@@ -25,6 +25,7 @@ export type Canvas2DProps = {
     showMinimap?: boolean;
     minimapWidth?: number;
     minimapHeight?: number;
-    minimapFilter?: (e: CanvasObject) => boolean;
+    minimapDisplayFilter?: (e: CanvasObject) => boolean;
+    minimapAutomaticZoomFilter?: (e: CanvasObject) => boolean;
 };
 export default Canvas2DProps;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "canvas2d-wrapper",
-	"version": "2.0.0",
+	"version": "2.1.0",
 	"type": "module",
 	"main": "dist/main.js",
 	"types": "dist/main.d.ts",
@@ -20,31 +20,28 @@
 		"react-dom": "^19.0.0"
 	},
 	"devDependencies": {
-		"@eslint/js": "^9.37.0",
+		"@eslint/js": "^9.39.0",
 		"@testing-library/jest-dom": "^6.9.1",
 		"@testing-library/react": "^16.3.0",
 		"@types/jest": "^30.0.0",
-		"@types/node": "^24.7.1",
+		"@types/node": "^24.9.2",
 		"@types/react": "^19.2.2",
-		"@types/react-dom": "^19.2.1",
-		"@vitejs/plugin-react": "^5.0.4",
-		"@vitest/coverage-v8": "^3.2.4",
-		"eslint": "^9.37.0",
-		"eslint-plugin-react-hooks": "^7.0.0",
-		"eslint-plugin-react-refresh": "^0.4.23",
+		"@types/react-dom": "^19.2.2",
+		"@vitejs/plugin-react": "^5.1.0",
+		"@vitest/coverage-v8": "^4.0.6",
+		"eslint": "^9.39.0",
+		"eslint-plugin-react-hooks": "^7.0.1",
+		"eslint-plugin-react-refresh": "^0.4.24",
 		"glob": "^11.0.3",
-		"globals": "^16.4.0",
-		"jsdom": "^27.0.0",
+		"globals": "^16.5.0",
+		"jsdom": "^27.1.0",
 		"react": "^19.2.0",
 		"react-dom": "^19.2.0",
 		"typescript": "5.9",
-		"typescript-eslint": "^8.46.0",
-		"vite": "^7.1.9",
+		"typescript-eslint": "^8.46.2",
+		"vite": "^7.1.12",
 		"vite-plugin-dts": "^4.5.4",
 		"vite-plugin-lib-inject-css": "^2.2.2",
-		"vitest": "^3.2.4"
-	},
-	"dependencies": {
-		"canvas2d-wrapper": "^1.14.1"
+		"vitest": "^4.0.6"
 	}
 }