react-sync-board 1.4.5 → 1.4.7

package/dist/react-sync-board.js

@@ -198,7 +198,7 @@ var m = Object.create, h = Object.defineProperty, g = Object.getOwnPropertyDescr
 	return e === "grid" ? {
 		width: t,
 		height: t,
-		centers: [[t / 2, t / 2]]
+		centers: [[0, 0]]
 	} : e === "hexH" ? {
 		width: 2 * n,
 		height: 3 * t,
@@ -1587,6 +1587,9 @@ var Ct = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				event: e
 			});
 		},
+		onDragStart: (e) => {
+			e.preventDefault();
+		},
 		style: {
 			touchAction: "none",
 			...f ? {
@@ -2615,7 +2618,7 @@ var Rn = ({ children: e }) => e, zn = {}, Bn = {
 		let t = new ResizeObserver(e);
 		return t.observe(s), () => t.disconnect();
 	}, [s]), !c) return null;
-	let { type: u, size: d, offset: f, color: p, opacity: m } = t, { width: h, height: g, centers: _ } = ce(t), v = Math.max(360, Math.min(d * 12, 960)), y = n.x + c.width / 2 - v / 2, b = n.y + c.height / 2 - v / 2, x = [];
+	let { type: u, size: d, offset: f, color: p, opacity: m } = t, { width: h, height: g, centers: _ } = ce(t), v = f.x - (u === "grid" ? d / 2 : 0), y = f.y - (u === "grid" ? d / 2 : 0), b = Math.max(360, Math.min(d * 12, 960)), x = n.x + c.width / 2 - b / 2, S = n.y + c.height / 2 - b / 2, C = [];
 	if (u !== "grid") {
 		let e = u === "hexH" ? Math.PI / 6 : 0;
 		for (let t = -1; t <= 1; t++) for (let n = -1; n <= 1; n++) _.forEach(([r, i], o) => {
@@ -2623,19 +2626,19 @@ var Rn = ({ children: e }) => e, zn = {}, Bn = {
 				let s = e + o * Math.PI / 3;
 				return `${n * h + r + d * Math.cos(s)},${t * g + i + d * Math.sin(s)}`;
 			}).join(" ");
-			x.push(/* @__PURE__ */ a("polygon", { points: s }, `${t}:${n}:${o}`));
+			C.push(/* @__PURE__ */ a("polygon", { points: s }, `${t}:${n}:${o}`));
 		});
 	}
 	return /* @__PURE__ */ o("svg", {
 		"data-grid-item": n.id,
 		"data-grid-type": u,
-		width: v,
-		height: v,
+		width: b,
+		height: b,
 		style: {
 			position: "absolute",
 			left: 0,
 			top: 0,
-			transform: `translate3d(${y}px, ${b}px, 0)`,
+			transform: `translate3d(${x}px, ${S}px, 0)`,
 			willChange: "transform",
 			pointerEvents: "none",
 			zIndex: n.moving ? ((n.layer ?? 0) + 4) * 10 + 101 : 90,
@@ -2647,13 +2650,13 @@ var Rn = ({ children: e }) => e, zn = {}, Bn = {
 			patternUnits: "userSpaceOnUse",
 			width: h,
 			height: g,
-			x: f.x - y,
-			y: f.y - b,
+			x: v - x,
+			y: y - S,
 			children: /* @__PURE__ */ a("g", {
 				fill: "none",
 				stroke: p,
 				strokeWidth: "1",
-				children: u === "grid" ? /* @__PURE__ */ a("path", { d: `M0 ${g}V0H${h}` }) : x
+				children: u === "grid" ? /* @__PURE__ */ a("path", { d: `M0 ${g}V0H${h}` }) : C
 			})
 		}) }), /* @__PURE__ */ a("rect", {
 			width: "100%",