@inditextech/weave-react 0.11.0 → 0.12.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react.cjs +14 -0
- package/dist/react.d.cts +2 -0
- package/dist/react.d.ts +2 -0
- package/dist/react.js +14 -0
- package/package.json +2 -2
package/dist/react.cjs
CHANGED
|
@@ -108,6 +108,7 @@ const useWeave = create()((set) => ({
|
|
|
108
108
|
options: []
|
|
109
109
|
},
|
|
110
110
|
selection: {
|
|
111
|
+
active: false,
|
|
111
112
|
nodes: [],
|
|
112
113
|
node: void 0
|
|
113
114
|
},
|
|
@@ -180,6 +181,13 @@ const useWeave = create()((set) => ({
|
|
|
180
181
|
canZoomOut: newCanZoomOut
|
|
181
182
|
}
|
|
182
183
|
})),
|
|
184
|
+
setSelectionActive: (newSelectionActive) => set((state) => ({
|
|
185
|
+
...state,
|
|
186
|
+
selection: {
|
|
187
|
+
...state.selection,
|
|
188
|
+
active: newSelectionActive
|
|
189
|
+
}
|
|
190
|
+
})),
|
|
183
191
|
setSelectedNodes: (newSelectedNodes) => set((state) => ({
|
|
184
192
|
...state,
|
|
185
193
|
selection: {
|
|
@@ -323,9 +331,13 @@ const useWeaveEvents = () => {
|
|
|
323
331
|
const setZoom = useWeave((state) => state.setZoom);
|
|
324
332
|
const setCanZoomIn = useWeave((state) => state.setCanZoomIn);
|
|
325
333
|
const setCanZoomOut = useWeave((state) => state.setCanZoomOut);
|
|
334
|
+
const setSelectionActive = useWeave((state) => state.setSelectionActive);
|
|
326
335
|
const setSelectedNodes = useWeave((state) => state.setSelectedNodes);
|
|
327
336
|
const setNode = useWeave((state) => state.setNode);
|
|
328
337
|
const setUsers = useWeave((state) => state.setUsers);
|
|
338
|
+
const onSelectionStateHandler = react.default.useCallback((active) => {
|
|
339
|
+
setSelectionActive(active);
|
|
340
|
+
}, []);
|
|
329
341
|
const onZoomChangeHandler = react.default.useCallback(
|
|
330
342
|
(zoomInfo) => {
|
|
331
343
|
setZoom(zoomInfo.scale);
|
|
@@ -345,10 +357,12 @@ const useWeaveEvents = () => {
|
|
|
345
357
|
}, []);
|
|
346
358
|
react.default.useEffect(() => {
|
|
347
359
|
if (!instance) return;
|
|
360
|
+
instance.addEventListener("onSelectionState", onSelectionStateHandler);
|
|
348
361
|
instance.addEventListener("onZoomChange", onZoomChangeHandler);
|
|
349
362
|
instance.addEventListener("onNodesChange", onNodesChangeHandler);
|
|
350
363
|
instance.addEventListener("onConnectedUsersChange", onConnectedUsersChangedHandler);
|
|
351
364
|
return () => {
|
|
365
|
+
instance.removeEventListener("onSelectionState", onSelectionStateHandler);
|
|
352
366
|
instance.removeEventListener("onZoomChange", onZoomChangeHandler);
|
|
353
367
|
instance.removeEventListener("onNodesChange", onNodesChangeHandler);
|
|
354
368
|
instance.removeEventListener("onConnectedUsersChange", onConnectedUsersChangedHandler);
|
package/dist/react.d.cts
CHANGED
|
@@ -114,6 +114,7 @@ interface WeaveRuntimeState {
|
|
|
114
114
|
canZoomOut: boolean;
|
|
115
115
|
};
|
|
116
116
|
selection: {
|
|
117
|
+
active: boolean;
|
|
117
118
|
nodes: WeaveSelection[];
|
|
118
119
|
node: WeaveStateElement | undefined;
|
|
119
120
|
};
|
|
@@ -132,6 +133,7 @@ interface WeaveRuntimeState {
|
|
|
132
133
|
setZoom: (newZoom: number) => void;
|
|
133
134
|
setCanZoomIn: (newCanZoomIn: boolean) => void;
|
|
134
135
|
setCanZoomOut: (newCanZoomOut: boolean) => void;
|
|
136
|
+
setSelectionActive: (newSelectionActive: boolean) => void;
|
|
135
137
|
setSelectedNodes: (newSelectedNodes: WeaveSelection[]) => void;
|
|
136
138
|
setNode: (newNode: WeaveStateElement | undefined) => void;
|
|
137
139
|
setActualAction: (newActualAction: string | undefined) => void;
|
package/dist/react.d.ts
CHANGED
|
@@ -114,6 +114,7 @@ interface WeaveRuntimeState {
|
|
|
114
114
|
canZoomOut: boolean;
|
|
115
115
|
};
|
|
116
116
|
selection: {
|
|
117
|
+
active: boolean;
|
|
117
118
|
nodes: WeaveSelection[];
|
|
118
119
|
node: WeaveStateElement | undefined;
|
|
119
120
|
};
|
|
@@ -132,6 +133,7 @@ interface WeaveRuntimeState {
|
|
|
132
133
|
setZoom: (newZoom: number) => void;
|
|
133
134
|
setCanZoomIn: (newCanZoomIn: boolean) => void;
|
|
134
135
|
setCanZoomOut: (newCanZoomOut: boolean) => void;
|
|
136
|
+
setSelectionActive: (newSelectionActive: boolean) => void;
|
|
135
137
|
setSelectedNodes: (newSelectedNodes: WeaveSelection[]) => void;
|
|
136
138
|
setNode: (newNode: WeaveStateElement | undefined) => void;
|
|
137
139
|
setActualAction: (newActualAction: string | undefined) => void;
|
package/dist/react.js
CHANGED
|
@@ -84,6 +84,7 @@ const useWeave = create()((set) => ({
|
|
|
84
84
|
options: []
|
|
85
85
|
},
|
|
86
86
|
selection: {
|
|
87
|
+
active: false,
|
|
87
88
|
nodes: [],
|
|
88
89
|
node: void 0
|
|
89
90
|
},
|
|
@@ -156,6 +157,13 @@ const useWeave = create()((set) => ({
|
|
|
156
157
|
canZoomOut: newCanZoomOut
|
|
157
158
|
}
|
|
158
159
|
})),
|
|
160
|
+
setSelectionActive: (newSelectionActive) => set((state) => ({
|
|
161
|
+
...state,
|
|
162
|
+
selection: {
|
|
163
|
+
...state.selection,
|
|
164
|
+
active: newSelectionActive
|
|
165
|
+
}
|
|
166
|
+
})),
|
|
159
167
|
setSelectedNodes: (newSelectedNodes) => set((state) => ({
|
|
160
168
|
...state,
|
|
161
169
|
selection: {
|
|
@@ -299,9 +307,13 @@ const useWeaveEvents = () => {
|
|
|
299
307
|
const setZoom = useWeave((state) => state.setZoom);
|
|
300
308
|
const setCanZoomIn = useWeave((state) => state.setCanZoomIn);
|
|
301
309
|
const setCanZoomOut = useWeave((state) => state.setCanZoomOut);
|
|
310
|
+
const setSelectionActive = useWeave((state) => state.setSelectionActive);
|
|
302
311
|
const setSelectedNodes = useWeave((state) => state.setSelectedNodes);
|
|
303
312
|
const setNode = useWeave((state) => state.setNode);
|
|
304
313
|
const setUsers = useWeave((state) => state.setUsers);
|
|
314
|
+
const onSelectionStateHandler = React.useCallback((active) => {
|
|
315
|
+
setSelectionActive(active);
|
|
316
|
+
}, []);
|
|
305
317
|
const onZoomChangeHandler = React.useCallback(
|
|
306
318
|
(zoomInfo) => {
|
|
307
319
|
setZoom(zoomInfo.scale);
|
|
@@ -321,10 +333,12 @@ const useWeaveEvents = () => {
|
|
|
321
333
|
}, []);
|
|
322
334
|
React.useEffect(() => {
|
|
323
335
|
if (!instance) return;
|
|
336
|
+
instance.addEventListener("onSelectionState", onSelectionStateHandler);
|
|
324
337
|
instance.addEventListener("onZoomChange", onZoomChangeHandler);
|
|
325
338
|
instance.addEventListener("onNodesChange", onNodesChangeHandler);
|
|
326
339
|
instance.addEventListener("onConnectedUsersChange", onConnectedUsersChangedHandler);
|
|
327
340
|
return () => {
|
|
341
|
+
instance.removeEventListener("onSelectionState", onSelectionStateHandler);
|
|
328
342
|
instance.removeEventListener("onZoomChange", onZoomChangeHandler);
|
|
329
343
|
instance.removeEventListener("onNodesChange", onNodesChangeHandler);
|
|
330
344
|
instance.removeEventListener("onConnectedUsersChange", onConnectedUsersChangedHandler);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@inditextech/weave-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.12.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Jesus Manuel Piñeiro Cid <jesusmpc@inditex.com>",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"yjs": "13.6.26"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@inditextech/weave-sdk": "0.
|
|
51
|
+
"@inditextech/weave-sdk": "0.12.1",
|
|
52
52
|
"@types/node": "^22.15.3",
|
|
53
53
|
"@typescript-eslint/eslint-plugin": "8.26.0",
|
|
54
54
|
"@typescript-eslint/parser": "8.26.0",
|