@inditextech/weave-sdk 0.56.1 → 0.56.2

package/dist/sdk.cjs

@@ -20602,14 +20602,18 @@ var WeaveReconciler = class {
 					beforeChild
 				}, "insertBefore ");
 				if (parentInstance instanceof konva.default.Layer || parentInstance instanceof konva.default.Group) {
-					const children = parentInstance.getChildren();
-					const fromIndex = children.indexOf(child);
-					const toIndex = children.indexOf(beforeChild);
+					const actualChildren = parentInstance.getChildren();
+					const fromIndex = actualChildren.indexOf(child);
+					const toIndex = actualChildren.indexOf(beforeChild);
 					if (fromIndex === -1 || toIndex === -1) return;
-					children.splice(fromIndex, 1);
 					const adjustedIndex = fromIndex < toIndex ? toIndex - 1 : toIndex;
-					parentInstance.getChildren().splice(adjustedIndex, 0, child);
-					parentInstance.children = parentInstance.getChildren();
+					child.setZIndex(adjustedIndex);
+					const children = parentInstance.getChildren();
+					for (let i = 0; i < children.length; i++) {
+						const child$1 = children[i];
+						child$1.setAttrs({ zIndex: i });
+					}
+					weaveInstance.getMainLayer()?.batchDraw();
 				}
 			},
 			appendChild(parentInstance, child) {
@@ -21569,6 +21573,7 @@ var WeaveZIndexManager = class {
 		this.logger.debug(`Moving instance with id [${instance.getAttrs().id}], up one step of z-index`);
 		const handler = this.instance.getNodeHandler(instance.getAttrs().nodeType);
 		if (handler) {
+			instance.moveUp();
 			const nodeState = handler.serialize(instance);
 			this.instance.moveNode(nodeState, __inditextech_weave_types.WEAVE_NODE_POSITION.UP);
 		}
@@ -21577,6 +21582,7 @@ var WeaveZIndexManager = class {
 		this.logger.debug(`Moving instance with id [${instance.getAttrs().id}], down one step of z-index`);
 		const handler = this.instance.getNodeHandler(instance.getAttrs().nodeType);
 		if (handler) {
+			instance.moveDown();
 			const nodeState = handler.serialize(instance);
 			this.instance.moveNode(nodeState, __inditextech_weave_types.WEAVE_NODE_POSITION.DOWN);
 		}
@@ -21587,6 +21593,7 @@ var WeaveZIndexManager = class {
 		for (const node of nodesDescending) {
 			const handler = this.instance.getNodeHandler(node.getAttrs().nodeType);
 			if (handler) {
+				node.moveToBottom();
 				const nodeState = handler.serialize(node);
 				this.instance.moveNode(nodeState, __inditextech_weave_types.WEAVE_NODE_POSITION.BACK);
 			}
@@ -21598,6 +21605,7 @@ var WeaveZIndexManager = class {
 		for (const node of nodesAscending) {
 			const handler = this.instance.getNodeHandler(node.getAttrs().nodeType);
 			if (handler) {
+				node.moveToTop();
 				const nodeState = handler.serialize(node);
 				this.instance.moveNode(nodeState, __inditextech_weave_types.WEAVE_NODE_POSITION.FRONT);
 			}
@@ -21922,7 +21930,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.56.1";
+var version = "0.56.2";
 
 //#endregion
 //#region src/managers/setup.ts

package/dist/sdk.js

@@ -15494,6 +15494,7 @@ var require_lodash = __commonJS({ "../../node_modules/lodash/lodash.js"(exports,
 		} else root$8._ = _;
 	}).call(exports);
 } });
+var import_lodash$1 = __toESM(require_lodash());
 var import_lodash = __toESM(require_lodash(), 1);
 
 //#endregion
@@ -15588,12 +15589,12 @@ var WeaveStore = class {
 					node: JSON.parse(JSON.stringify(nodeInfo.node))
 				});
 			}
-			if (!this.isRoomLoaded && !(0, import_lodash.isEmpty)(this.state.weave)) {
+			if (!this.isRoomLoaded && !(0, import_lodash$1.isEmpty)(this.state.weave)) {
 				this.instance.setupRenderer();
 				this.isRoomLoaded = true;
 				this.instance.emitEvent("onRoomLoaded", this.isRoomLoaded);
 			}
-			if (this.isRoomLoaded && !(0, import_lodash.isEmpty)(this.state.weave)) this.instance.render();
+			if (this.isRoomLoaded && !(0, import_lodash$1.isEmpty)(this.state.weave)) this.instance.render();
 		});
 	}
 	canUndoStateStep() {
@@ -17918,7 +17919,7 @@ var require_merge = __commonJS({ "../../node_modules/lodash/merge.js"(exports, m
 	});
 	module.exports = merge;
 } });
-var import_merge = __toESM(require_merge(), 1);
+var import_merge = __toESM(require_merge());
 
 //#endregion
 //#region src/plugins/plugin.ts
@@ -18791,7 +18792,7 @@ var require_throttle = __commonJS({ "../../node_modules/lodash/throttle.js"(expo
 	}
 	module.exports = throttle;
 } });
-var import_throttle = __toESM(require_throttle(), 1);
+var import_throttle = __toESM(require_throttle());
 
 //#endregion
 //#region src/nodes/stage/constants.ts
@@ -20162,7 +20163,7 @@ var WeaveNode = class {
 				if (nodesSelectionPlugin && this.isSelecting() && this.isNodeSelected(node$1)) nodesSelectionPlugin.getTransformer().forceUpdate();
 				if (nodesEdgeSnappingPlugin && transforming && this.isSelecting() && this.isNodeSelected(node$1)) nodesEdgeSnappingPlugin.evaluateGuidelines(e);
 			};
-			node.on("transform", (0, import_lodash.throttle)(handleTransform, 100));
+			node.on("transform", (0, import_lodash$1.throttle)(handleTransform, 100));
 			node.on("transformend", (e) => {
 				const node$1 = e.target;
 				this.instance.emitEvent("onTransform", null);
@@ -20216,7 +20217,7 @@ var WeaveNode = class {
 					if (layerToMove && !hasFrames(node) && node.isDragging()) layerToMove.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
 				}
 			};
-			node.on("dragmove", (0, import_lodash.throttle)(handleDragMove, 100));
+			node.on("dragmove", (0, import_lodash$1.throttle)(handleDragMove, 100));
 			node.on("dragend", (e) => {
 				if (!this.didMove) return;
 				const isErasing = this.instance.getActiveAction() === "eraseTool";
@@ -20602,14 +20603,18 @@ var WeaveReconciler = class {
 					beforeChild
 				}, "insertBefore ");
 				if (parentInstance instanceof Konva.Layer || parentInstance instanceof Konva.Group) {
-					const children = parentInstance.getChildren();
-					const fromIndex = children.indexOf(child);
-					const toIndex = children.indexOf(beforeChild);
+					const actualChildren = parentInstance.getChildren();
+					const fromIndex = actualChildren.indexOf(child);
+					const toIndex = actualChildren.indexOf(beforeChild);
 					if (fromIndex === -1 || toIndex === -1) return;
-					children.splice(fromIndex, 1);
 					const adjustedIndex = fromIndex < toIndex ? toIndex - 1 : toIndex;
-					parentInstance.getChildren().splice(adjustedIndex, 0, child);
-					parentInstance.children = parentInstance.getChildren();
+					child.setZIndex(adjustedIndex);
+					const children = parentInstance.getChildren();
+					for (let i = 0; i < children.length; i++) {
+						const child$1 = children[i];
+						child$1.setAttrs({ zIndex: i });
+					}
+					weaveInstance.getMainLayer()?.batchDraw();
 				}
 			},
 			appendChild(parentInstance, child) {
@@ -21569,6 +21574,7 @@ var WeaveZIndexManager = class {
 		this.logger.debug(`Moving instance with id [${instance.getAttrs().id}], up one step of z-index`);
 		const handler = this.instance.getNodeHandler(instance.getAttrs().nodeType);
 		if (handler) {
+			instance.moveUp();
 			const nodeState = handler.serialize(instance);
 			this.instance.moveNode(nodeState, WEAVE_NODE_POSITION.UP);
 		}
@@ -21577,6 +21583,7 @@ var WeaveZIndexManager = class {
 		this.logger.debug(`Moving instance with id [${instance.getAttrs().id}], down one step of z-index`);
 		const handler = this.instance.getNodeHandler(instance.getAttrs().nodeType);
 		if (handler) {
+			instance.moveDown();
 			const nodeState = handler.serialize(instance);
 			this.instance.moveNode(nodeState, WEAVE_NODE_POSITION.DOWN);
 		}
@@ -21587,6 +21594,7 @@ var WeaveZIndexManager = class {
 		for (const node of nodesDescending) {
 			const handler = this.instance.getNodeHandler(node.getAttrs().nodeType);
 			if (handler) {
+				node.moveToBottom();
 				const nodeState = handler.serialize(node);
 				this.instance.moveNode(nodeState, WEAVE_NODE_POSITION.BACK);
 			}
@@ -21598,6 +21606,7 @@ var WeaveZIndexManager = class {
 		for (const node of nodesAscending) {
 			const handler = this.instance.getNodeHandler(node.getAttrs().nodeType);
 			if (handler) {
+				node.moveToTop();
 				const nodeState = handler.serialize(node);
 				this.instance.moveNode(nodeState, WEAVE_NODE_POSITION.FRONT);
 			}
@@ -21922,7 +21931,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.56.1";
+var version = "0.56.2";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -23182,7 +23191,7 @@ var WeaveTextNode = class extends WeaveNode {
 		text.on("transformstart", (e) => {
 			this.instance.emitEvent("onTransform", e.target);
 		});
-		text.on("transform", (0, import_lodash.throttle)(handleTextTransform, 50));
+		text.on("transform", (0, import_lodash$1.throttle)(handleTextTransform, 50));
 		text.on("transformend", () => {
 			this.instance.emitEvent("onTransform", null);
 		});
@@ -24491,7 +24500,7 @@ var WeaveImageNode = class extends WeaveNode {
 		const stage = this.instance.getStage();
 		const image = stage.findOne(`#${imageAttrs.id}`);
 		const internalImage = image?.findOne(`#${imageAttrs.id}-image`);
-		if (image && internalImage && !imageAttrs.adding && imageAttrs.cropInfo && !(0, import_lodash.isEqual)(imageAttrs.cropInfo, this.cachedCropInfo[imageAttrs.id ?? ""])) {
+		if (image && internalImage && !imageAttrs.adding && imageAttrs.cropInfo && !(0, import_lodash$1.isEqual)(imageAttrs.cropInfo, this.cachedCropInfo[imageAttrs.id ?? ""])) {
 			const actualScale = imageAttrs.uncroppedImage.width / imageAttrs.imageInfo.width;
 			internalImage.width(imageAttrs.uncroppedImage.width);
 			internalImage.height(imageAttrs.uncroppedImage.height);
@@ -24508,7 +24517,7 @@ var WeaveImageNode = class extends WeaveNode {
 			internalImage.height(imageAttrs.cropSize.height);
 			this.cachedCropInfo[imageAttrs.id ?? ""] = imageAttrs.cropInfo;
 		}
-		if (image && internalImage && !imageAttrs.adding && !imageAttrs.cropInfo && !(0, import_lodash.isEqual)(imageAttrs.cropInfo, this.cachedCropInfo[imageAttrs.id ?? ""])) {
+		if (image && internalImage && !imageAttrs.adding && !imageAttrs.cropInfo && !(0, import_lodash$1.isEqual)(imageAttrs.cropInfo, this.cachedCropInfo[imageAttrs.id ?? ""])) {
 			internalImage.width(imageAttrs.uncroppedImage.width);
 			internalImage.height(imageAttrs.uncroppedImage.height);
 			internalImage.rotation(0);
@@ -25357,7 +25366,7 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
-		this.config = (0, import_lodash.merge)(WEAVE_STAGE_ZOOM_DEFAULT_CONFIG, config);
+		this.config = (0, import_lodash$1.merge)(WEAVE_STAGE_ZOOM_DEFAULT_CONFIG, config);
 		if (!this.config.zoomSteps.includes(this.config.defaultZoom)) throw new Error(`Default zoom ${this.config.defaultZoom} is not in zoom steps`);
 		this.pinching = false;
 		this.isTrackpad = false;
@@ -25385,7 +25394,7 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 				this.config.zoomSteps = [minimumZoom, ...this.config.zoomSteps];
 			}
 		};
-		mainLayer?.on("draw", (0, import_lodash.throttle)(handleDraw, 50));
+		mainLayer?.on("draw", (0, import_lodash$1.throttle)(handleDraw, 50));
 		this.setZoom(this.config.zoomSteps[this.actualStep]);
 	}
 	setZoom(scale, centered = true, pointer) {
@@ -28302,7 +28311,7 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 			if (!this.enabled || !(this.isSpaceKeyPressed || this.isMouseMiddleButtonPressed || this.moveToolActive)) return;
 			this.onRender();
 		};
-		stage.on("pointermove", (0, import_lodash.throttle)(handleMouseMove, 50));
+		stage.on("pointermove", (0, import_lodash$1.throttle)(handleMouseMove, 50));
 		stage.on("pointermove", () => {
 			if (this.enabled) this.onRender();
 		});