@inditextech/weave-sdk 0.52.1 → 0.52.2

package/dist/sdk.cjs

@@ -16244,6 +16244,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			"bottom-right"
 		];
 		this.taps = 0;
+		this.isSpaceKeyPressed = false;
 		this.isDoubleTap = false;
 		this.tapStart = {
 			x: 0,
@@ -16574,11 +16575,15 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		this.selecting = false;
 		const stage = this.instance.getStage();
 		stage.container().addEventListener("keydown", (e) => {
+			if (e.code === "Space") this.isSpaceKeyPressed = true;
 			if ((e.key === "Backspace" || e.key === "Delete") && Object.keys(window.weaveTextEditing).length === 0) {
 				this.removeSelectedNodes();
 				return;
 			}
 		});
+		stage.container().addEventListener("keyup", (e) => {
+			if (e.key === "Space") this.isSpaceKeyPressed = false;
+		});
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers[e.evt.pointerId] = e.evt;
@@ -16631,6 +16636,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				this.selecting = false;
 				return;
 			}
+			if (this.isSpaceKeyPressed) return;
 			if (!this.selecting) return;
 			const intStage = this.instance.getStage();
 			x2 = intStage.getRelativePointerPosition()?.x ?? 0;
@@ -16673,7 +16679,6 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 					y: 0,
 					time: 0
 				};
-				this.isDoubleTap = true;
 				this.hideSelectorArea();
 				this.handleClickOrTap(e);
 				return;
@@ -16805,6 +16810,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		}
 		if (typeof nodeTargeted.getAttrs().isContainerPrincipal !== "undefined" && !nodeTargeted.getAttrs().isContainerPrincipal) return;
 		if (this.isDoubleTap && !metaPressed) {
+			this.isDoubleTap = false;
 			nodeTargeted.dblClick();
 			return;
 		}
@@ -16968,6 +16974,8 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 			catcher.style.zIndex = "-1";
 			catcher.style.outline = "none";
 			catcher.style.opacity = "0";
+			catcher.onpaste = () => false;
+			catcher.oncontextmenu = () => false;
 			catcher.tabIndex = 0;
 			const stageContainer = stage.container();
 			if (stageContainer?.parentNode) stageContainer.parentNode.appendChild(catcher);
@@ -16992,47 +17000,47 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 				if (!this.enabled) return;
 			}
 		});
-		if (catcher) catcher.addEventListener("paste", async (e) => {
-			e.preventDefault();
-			const dataList = e.clipboardData?.items;
-			let items = void 0;
-			if (!items) {
-				if (this.isClipboardAPIAvailable()) items = await navigator.clipboard.read();
-			}
-			if (!items && !dataList) return;
-			let hasWeaveData = false;
-			if (this.isClipboardAPIAvailable()) {
-				const readText = await navigator.clipboard.readText();
-				const continueToPaste = this.isWeaveData(readText);
-				if (continueToPaste) hasWeaveData = true;
-			} else for (const item of dataList ?? []) if (item.type === "text/plain") {
-				const text = await this.getTextFromClipboard(item);
-				if (this.isWeaveData(text)) {
-					hasWeaveData = true;
-					this.toPaste = JSON.parse(text);
+		if (catcher) {
+			document.addEventListener("paste", (e) => {
+				e.preventDefault();
+				const dataList = e.clipboardData?.items;
+				if (!dataList) return;
+				if (dataList?.length > 0) {
+					const container = stage.container();
+					const scale = stage.scale();
+					const position = stage.position();
+					const width = container.clientWidth;
+					const height = container.clientHeight;
+					const centerX = (width / 2 - position.x) / scale.x;
+					const centerY = (height / 2 - position.y) / scale.y;
+					const pastePosition = {
+						x: centerX,
+						y: centerY
+					};
+					this.instance.emitEvent("onPasteExternal", {
+						positionCalculated: true,
+						position: pastePosition,
+						dataList,
+						items: void 0
+					});
 				}
-			}
-			if (hasWeaveData) {
-				this.handlePaste();
-				return;
-			}
-			const container = stage.container();
-			const scale = stage.scale();
-			const position = stage.position();
-			const width = container.clientWidth;
-			const height = container.clientHeight;
-			const centerX = (width / 2 - position.x) / scale.x;
-			const centerY = (height / 2 - position.y) / scale.y;
-			const pastePosition = {
-				x: centerX,
-				y: centerY
-			};
-			this.instance.emitEvent("onPasteExternal", {
-				position: pastePosition,
-				dataList,
-				items
 			});
-		});
+			catcher.addEventListener("paste", async (e) => {
+				e.preventDefault();
+				let items = void 0;
+				let hasWeaveData = false;
+				if (!items) {
+					if (this.isClipboardAPIAvailable()) items = await navigator.clipboard.read();
+				}
+				if (!items || items.length === 0) return;
+				if (this.isClipboardAPIAvailable()) {
+					const readText = await navigator.clipboard.readText();
+					const continueToPaste = this.isWeaveData(readText);
+					if (continueToPaste) hasWeaveData = true;
+				}
+				if (hasWeaveData) this.handlePaste();
+			});
+		}
 	}
 	isWeaveData(text) {
 		try {
@@ -17047,13 +17055,6 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 			return false;
 		}
 	}
-	getTextFromClipboard(item) {
-		return new Promise((resolve) => {
-			item.getAsString((text) => {
-				resolve(text);
-			});
-		});
-	}
 	mapToPasteNodes() {
 		const nodesSelectionPlugin = this.getNodesSelectionPlugin();
 		const selectedNodes = nodesSelectionPlugin?.getSelectedNodes();
@@ -17184,8 +17185,10 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 		}
 		try {
 			const items = await navigator.clipboard.read();
-			let pastePosition = position;
+			let positionCalculated = false;
+			let pastePosition = relativePosition;
 			if (typeof pastePosition === "undefined") {
+				positionCalculated = true;
 				const container = stage.container();
 				const scale = stage.scale();
 				const position$1 = stage.position();
@@ -17199,6 +17202,7 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 				};
 			}
 			this.instance.emitEvent("onPasteExternal", {
+				positionCalculated,
 				position: pastePosition,
 				items
 			});
@@ -19165,7 +19169,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.52.1";
+var version = "0.52.2";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -19747,6 +19751,15 @@ var Weave = class {
 	isEmpty() {
 		return this.getElementsTree().length === 0;
 	}
+	getNodeContainerId(node) {
+		const stage = this.getStage();
+		let nodeContainer = node.getParent()?.getAttrs().id ?? "";
+		if (typeof node.getParent()?.getAttrs().nodeId !== "undefined") {
+			const realContainer = stage.findOne(`#${node.getParent()?.getAttrs().nodeId}`);
+			if (realContainer) nodeContainer = realContainer.getAttrs().id ?? "";
+		}
+		return nodeContainer;
+	}
 	moveUp(node) {
 		this.zIndexManager.moveUp(node);
 	}
@@ -20171,7 +20184,7 @@ var WeaveEllipseNode = class extends WeaveNode {
 		ellipse.allowedAnchors = () => {
 			const stage = this.instance.getStage();
 			const actualEllipse = stage.findOne(`#${ellipse.id()}`);
-			if (actualEllipse?.getAttrs().keepAspectRatio) return [
+			if (actualEllipse?.getAttrs()?.keepAspectRatio) return [
 				"top-left",
 				"top-right",
 				"bottom-left",
@@ -20978,6 +20991,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 		this.imageId = null;
 		this.forceMainContainer = false;
 		this.container = void 0;
+		this.tempImageNode = null;
 		this.imageURL = null;
 		this.clickPoint = null;
 		this.setState(IMAGE_TOOL_STATE.IDLE);
@@ -20993,19 +21007,19 @@ var WeaveImageCrop = class WeaveImageCrop {
 		this.image = image;
 		this.internalImage = internalImage;
 		this.cropGroup = clipGroup;
+		this.cropping = false;
 		this.onClose = () => {};
 		this.handleHide = this.hide.bind(this);
 	}
 	show(onClose) {
 		this.onClose = onClose;
-		const nodeSnappingPlugin = this.instance.getPlugin("nodesSnapping");
-		if (nodeSnappingPlugin) this.instance.disablePlugin("nodesSnapping");
-		const selectionPlugin = this.instance.getPlugin("nodesSelection");
-		if (selectionPlugin) {
-			this.instance.disablePlugin("nodesSelection");
-			selectionPlugin.getTransformer().nodes([]);
-			selectionPlugin.getTransformer().hide();
-		}
+		this.cropping = true;
+		const nodeEdgeSnappingPlugin = this.getNodesEdgeSnappingPlugin();
+		if (nodeEdgeSnappingPlugin) nodeEdgeSnappingPlugin.disable();
+		const nodeDistanceSnappingPlugin = this.getNodesDistanceSnappingPlugin();
+		if (nodeDistanceSnappingPlugin) nodeDistanceSnappingPlugin.disable();
+		const nodesSelectionPlugin = this.getNodesSelectionPlugin();
+		if (nodesSelectionPlugin) nodesSelectionPlugin.disable();
 		this.image.setAttrs({ cropping: true });
 		const imageAttrs = this.image.getAttrs();
 		this.internalImage.hide();
@@ -21125,6 +21139,7 @@ var WeaveImageCrop = class WeaveImageCrop {
 			this.drawGridLines(cropRect$1.x, cropRect$1.y, cropRect$1.width, cropRect$1.height);
 		};
 		this.instance.getStage().on("pointerdown", (e) => {
+			if (!this.cropping) return;
 			const isStage = e.target instanceof konva.default.Stage;
 			const isContainerEmptyArea = typeof e.target.getAttrs().isContainerPrincipal !== "undefined" && !e.target.getAttrs().isContainerPrincipal;
 			if (isStage || isContainerEmptyArea) this.cancel();
@@ -21164,6 +21179,7 @@ var WeaveImageCrop = class WeaveImageCrop {
 	}
 	hide(e) {
 		if (!["Enter", "Escape"].includes(e.key)) return;
+		this.cropping = false;
 		this.image.setAttrs({ cropping: false });
 		if (e.key === "Enter") this.handleClipEnd();
 		const stage = this.instance.getStage();
@@ -21173,20 +21189,13 @@ var WeaveImageCrop = class WeaveImageCrop {
 		this.instance.getStage().container().removeEventListener("keydown", this.handleHide);
 		this.cropGroup.destroyChildren();
 		this.cropGroup.hide();
-		const nodeSnappingPlugin = this.instance.getPlugin("nodesSnapping");
-		if (nodeSnappingPlugin) this.instance.enablePlugin("nodesSnapping");
+		const nodesEdgeSnappingPlugin = this.getNodesEdgeSnappingPlugin();
+		if (nodesEdgeSnappingPlugin) nodesEdgeSnappingPlugin.enable();
+		const nodesDistanceSnappingPlugin = this.getNodesDistanceSnappingPlugin();
+		if (nodesDistanceSnappingPlugin) nodesDistanceSnappingPlugin.enable();
 		this.internalImage.show();
-		const selectionPlugin = this.instance.getPlugin("nodesSelection");
-		if (selectionPlugin) {
-			this.instance.enablePlugin("nodesSelection");
-			const selectionTransformer = selectionPlugin.getTransformer();
-			selectionTransformer.nodes([this.image]);
-			selectionTransformer.show();
-			setTimeout(() => {
-				selectionPlugin.triggerSelectedNodesEvent();
-				selectionTransformer.forceUpdate();
-			}, 0);
-		}
+		const nodesSelectionPlugin = this.getNodesSelectionPlugin();
+		if (nodesSelectionPlugin) nodesSelectionPlugin.enable();
 		stage.mode(WEAVE_STAGE_DEFAULT_MODE);
 		this.instance.emitEvent("onImageCropEnd", { instance: this.image });
 	}
@@ -21324,6 +21333,18 @@ var WeaveImageCrop = class WeaveImageCrop {
 			y: a.y + t * ab.y
 		};
 	}
+	getNodesEdgeSnappingPlugin() {
+		const snappingEdgesPlugin = this.instance.getPlugin(WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY);
+		return snappingEdgesPlugin;
+	}
+	getNodesDistanceSnappingPlugin() {
+		const snappingDistancePlugin = this.instance.getPlugin(WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY);
+		return snappingDistancePlugin;
+	}
+	getNodesSelectionPlugin() {
+		const nodesSelectionPlugin = this.instance.getPlugin(WEAVE_NODES_SELECTION_KEY);
+		return nodesSelectionPlugin;
+	}
 };
 
 //#endregion
@@ -21587,12 +21608,6 @@ var WeaveImageNode = class extends WeaveNode {
 			});
 			this.updateImageCrop(nextProps);
 		}
-		try {
-			const selectionPlugin = this.instance.getPlugin("nodesSelection");
-			if (selectionPlugin) selectionPlugin.getTransformer().forceUpdate();
-		} catch (error) {
-			console.error("Error updating transformer", error);
-		}
 	}
 	loadImage(params, image) {
 		const imageProps = params;
@@ -25580,6 +25595,10 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 		window.addEventListener("keydown", (e) => {
 			if (e.ctrlKey || e.metaKey) this.isCtrlOrMetaPressed = true;
 			if (e.code === "Space") {
+				this.getContextMenuPlugin()?.disable();
+				this.getNodesSelectionPlugin()?.disable();
+				this.getNodesEdgeSnappingPlugin()?.disable();
+				this.getNodesDistanceSnappingPlugin()?.disable();
 				this.isSpaceKeyPressed = true;
 				this.enableMove();
 			}
@@ -25587,6 +25606,10 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 		window.addEventListener("keyup", (e) => {
 			if (e.key === "Meta" || e.key === "Control") this.isCtrlOrMetaPressed = false;
 			if (e.code === "Space") {
+				this.getContextMenuPlugin()?.enable();
+				this.getNodesSelectionPlugin()?.enable();
+				this.getNodesEdgeSnappingPlugin()?.enable();
+				this.getNodesDistanceSnappingPlugin()?.enable();
 				this.isSpaceKeyPressed = false;
 				this.disableMove();
 			}
@@ -25601,14 +25624,9 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			if (this.pointers.size > 1) return;
 			const activeAction = this.instance.getActiveAction();
 			let enableMove = false;
-			if (e && (e.evt.pointerType !== "mouse" || e.evt.pointerType === "mouse" && e.evt.buttons === 1) && activeAction === MOVE_TOOL_ACTION_NAME) {
-				this.moveToolActive = true;
-				enableMove = true;
-			}
-			if (!enableMove && e.evt.pointerType === "mouse" && e.evt.buttons === 4) {
-				this.isMouseMiddleButtonPressed = true;
-				enableMove = true;
-			}
+			if (e && (e.evt.pointerType !== "mouse" || e.evt.pointerType === "mouse" && e.evt.buttons === 1) && activeAction === MOVE_TOOL_ACTION_NAME) this.moveToolActive = true;
+			if (!enableMove && e.evt.pointerType === "mouse" && e.evt.buttons === 4) this.isMouseMiddleButtonPressed = true;
+			if (this.enabled && (this.isSpaceKeyPressed || this.moveToolActive || this.isMouseMiddleButtonPressed)) enableMove = true;
 			if (enableMove) {
 				isDragging = true;
 				lastPos = stage.getPointerPosition();
@@ -25625,8 +25643,8 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 				y: e.evt.clientY
 			});
 			if (this.pointers.size > 1) return;
+			if (this.isSpaceKeyPressed) stage.container().style.cursor = "grabbing";
 			if (!isDragging) return;
-			if (!this.enabled || !(this.isSpaceKeyPressed || this.isMouseMiddleButtonPressed || this.moveToolActive)) return;
 			this.getContextMenuPlugin()?.cancelLongPressTimer();
 			const pos = stage.getPointerPosition();
 			if (pos && lastPos) {
@@ -25685,9 +25703,21 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 		return zoomPlugin;
 	}
 	getContextMenuPlugin() {
-		const contextMenuPlugin = this.instance.getPlugin("contextMenu");
+		const contextMenuPlugin = this.instance.getPlugin(WEAVE_CONTEXT_MENU_PLUGIN_KEY);
 		return contextMenuPlugin;
 	}
+	getNodesSelectionPlugin() {
+		const selectionPlugin = this.instance.getPlugin(WEAVE_NODES_SELECTION_KEY);
+		return selectionPlugin;
+	}
+	getNodesEdgeSnappingPlugin() {
+		const snappingPlugin = this.instance.getPlugin(WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY);
+		return snappingPlugin;
+	}
+	getNodesDistanceSnappingPlugin() {
+		const snappingPlugin = this.instance.getPlugin(WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY);
+		return snappingPlugin;
+	}
 	enable() {
 		this.enabled = true;
 	}

package/dist/sdk.d.cts

@@ -517,6 +517,7 @@ declare class WeaveNodesSelectionPlugin extends WeavePlugin {
   private didMove;
   private initialized;
   private readonly selectionOriginalConfig;
+  private isSpaceKeyPressed;
   protected taps: number;
   protected isDoubleTap: boolean;
   protected tapStart: {
@@ -781,6 +782,7 @@ declare class Weave {
   moveNode(node: WeaveStateElement, position: WeavePosition): void;
   getElementsTree(): WeaveStateElement[];
   isEmpty(): boolean;
+  getNodeContainerId(node: WeaveElementInstance | Konva.Node): string;
   moveUp(node: WeaveElementInstance): void;
   moveDown(node: WeaveElementInstance): void;
   sendToBack(nodes: WeaveElementInstance | WeaveElementInstance[]): void;
@@ -2391,6 +2393,9 @@ declare class WeaveStagePanningPlugin extends WeavePlugin {
   } | null;
   getZoomPlugin(): WeaveStageZoomPlugin | undefined;
   getContextMenuPlugin(): WeaveContextMenuPlugin | undefined;
+  getNodesSelectionPlugin(): WeaveNodesSelectionPlugin | undefined;
+  getNodesEdgeSnappingPlugin(): WeaveNodesEdgeSnappingPlugin | undefined;
+  getNodesDistanceSnappingPlugin(): WeaveNodesDistanceSnappingPlugin | undefined;
   enable(): void;
   disable(): void;
 }
@@ -2616,6 +2621,7 @@ type WeaveCopyPasteNodesPluginOnPasteEvent = Error | undefined;
 type WeaveCopyPasteNodesPluginOnPasteExternalEvent = {
   items?: ClipboardItems;
   dataList?: DataTransferItemList;
+  positionCalculated: boolean;
   position: Vector2d;
 };
 type WeaveCopyPastePasteModeKeys = keyof typeof WEAVE_COPY_PASTE_PASTE_MODES;
@@ -2652,7 +2658,6 @@ declare class WeaveCopyPasteNodesPlugin extends WeavePlugin {
   private focusPasteCatcher;
   initEvents(): void;
   private isWeaveData;
-  private getTextFromClipboard;
   private mapToPasteNodes;
   private setState;
   private recursivelyUpdateKeys;