@inditextech/weave-react 2.12.1 → 2.13.0

package/dist/react.d.ts

@@ -48,6 +48,7 @@ interface WeaveRuntimeState {
     canUndo: boolean;
     canRedo: boolean;
   };
+  usersLocks: Record<string, unknown>;
   zoom: {
     value: number;
     canZoomIn: boolean;
@@ -70,6 +71,7 @@ interface WeaveRuntimeState {
   setUsers: (newUsers: WeaveConnectedUsers) => void;
   setCanUndo: (newCanUndo: boolean) => void;
   setCanRedo: (newCanRedo: boolean) => void;
+  setUsersLocks: (newUsersLocks: Record<string, unknown>) => void;
   setZoom: (newZoom: number) => void;
   setCanZoomIn: (newCanZoomIn: boolean) => void;
   setCanZoomOut: (newCanZoomOut: boolean) => void;

package/dist/react.js

@@ -60,6 +60,7 @@ const useWeave = create()((set) => ({
 		canUndo: false,
 		canRedo: false
 	},
+	usersLocks: {},
 	zoom: {
 		value: 1,
 		canZoomIn: false,
@@ -126,6 +127,10 @@ const useWeave = create()((set) => ({
 			canRedo: newCanRedo
 		}
 	})),
+	setUsersLocks: (newUsersLocks) => set((state) => ({
+		...state,
+		usersLocks: newUsersLocks
+	})),
 	setZoom: (newZoom) => set((state) => ({
 		...state,
 		zoom: {
@@ -301,6 +306,7 @@ const useWeaveEvents = () => {
 	const setSelectedNodes = useWeave((state) => state.setSelectedNodes);
 	const setNode = useWeave((state) => state.setNode);
 	const setUsers = useWeave((state) => state.setUsers);
+	const setUsersLocks = useWeave((state) => state.setUsersLocks);
 	const onSelectionStateHandler = React.useCallback((active) => {
 		setSelectionActive(active);
 	}, []);
@@ -313,25 +319,49 @@ const useWeaveEvents = () => {
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 		[]
 );
-	const onNodesChangeHandler = React.useCallback((nodes) => {
-		if (nodes.length === 1 && node?.key !== nodes[0].node?.key) setNode(nodes[0].node);
-		if (nodes.length === 0) setNode(void 0);
-		setSelectedNodes(nodes);
-	}, [node]);
-	const onConnectedUsersChangedHandler = React.useCallback((users) => {
-		setUsers(users);
-	}, []);
+	const onNodesChangeHandler = React.useCallback(
+		(nodes) => {
+			if (nodes.length === 1 && node?.key !== nodes[0].node?.key) setNode(nodes[0].node);
+			if (nodes.length === 0) setNode(void 0);
+			setSelectedNodes(nodes);
+		},
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+		[node]
+);
+	const onConnectedUsersChangedHandler = React.useCallback(
+		(users) => {
+			setUsers(users);
+		},
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+		[]
+);
+	const onMutexLockChangeHandler = React.useCallback(
+		({ locks }) => {
+			if (!instance) return;
+			const actUsersLocks = {};
+			for (const lockKey of locks) {
+				const mutexInfo = instance?.getLockDetails(lockKey);
+				if (mutexInfo) actUsersLocks[lockKey] = mutexInfo;
+			}
+			setUsersLocks(actUsersLocks);
+		},
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+		[instance]
+);
 	React.useEffect(() => {
 		if (!instance) return;
 		instance.addEventListener("onSelectionState", onSelectionStateHandler);
 		instance.addEventListener("onZoomChange", onZoomChangeHandler);
 		instance.addEventListener("onNodesChange", onNodesChangeHandler);
 		instance.addEventListener("onConnectedUsersChange", onConnectedUsersChangedHandler);
+		instance.addEventListener("onMutexLockChange", onMutexLockChangeHandler);
 		return () => {
 			instance.removeEventListener("onSelectionState", onSelectionStateHandler);
 			instance.removeEventListener("onZoomChange", onZoomChangeHandler);
 			instance.removeEventListener("onNodesChange", onNodesChangeHandler);
 			instance.removeEventListener("onConnectedUsersChange", onConnectedUsersChangedHandler);
+			instance.removeEventListener("onConnectedUsersChange", onConnectedUsersChangedHandler);
+			instance.removeEventListener("onMutexLockChange", onMutexLockChangeHandler);
 		};
 	}, [instance]);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inditextech/weave-react",
-  "version": "2.12.1",
+  "version": "2.13.0",
   "type": "module",
   "license": "Apache-2.0",
   "author": "Jesus Manuel Piñeiro Cid <jesusmpc@inditex.com>",
@@ -47,8 +47,8 @@
     "version:release": "npm version $RELEASE_VERSION -m \"[npm-scripts] prepare release $RELEASE_VERSION\" --tag-version-prefix \"\""
   },
   "dependencies": {
-    "@inditextech/weave-sdk": "2.12.1",
-    "@inditextech/weave-types": "2.12.1",
+    "@inditextech/weave-sdk": "2.13.0",
+    "@inditextech/weave-types": "2.13.0",
     "@syncedstore/core": "0.6.0"
   },
   "devDependencies": {