@mhamz.01/easyflow-whiteboard 2.149.0 → 2.150.0
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"custom-node-overlay-layer.d.ts","sourceRoot":"","sources":["../../../src/components/node/custom-node-overlay-layer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAI9C,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM,CAAC;IACxC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,UAAU,uBAAuB;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,YAAY,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACzE,qBAAqB,CAAC,EAAE,YAAY,EAAE,CAAC;IACvC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,IAAI,CAAC,CAAC;CAC5D;;AAaD,
|
|
1
|
+
{"version":3,"file":"custom-node-overlay-layer.d.ts","sourceRoot":"","sources":["../../../src/components/node/custom-node-overlay-layer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAI9C,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM,CAAC;IACxC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,UAAU,uBAAuB;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,YAAY,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACzE,qBAAqB,CAAC,EAAE,YAAY,EAAE,CAAC;IACvC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,IAAI,CAAC,CAAC;CAC5D;;AAaD,wBAqqBG"}
|
|
@@ -17,6 +17,7 @@ export default React.memo(function CanvasOverlayLayer({ tasks, documents, onTask
|
|
|
17
17
|
const localTasksRef = useRef(localTasks);
|
|
18
18
|
const localDocumentsRef = useRef(localDocuments);
|
|
19
19
|
const selectedIdsRef = useRef(selectedIds);
|
|
20
|
+
const isHtmlSelectingRef = useRef(false);
|
|
20
21
|
localTasksRef.current = localTasks;
|
|
21
22
|
localDocumentsRef.current = localDocuments;
|
|
22
23
|
selectedIdsRef.current = selectedIds;
|
|
@@ -158,12 +159,26 @@ export default React.memo(function CanvasOverlayLayer({ tasks, documents, onTask
|
|
|
158
159
|
// const handleSelectionCleared = () => {
|
|
159
160
|
// setSelectedIds(new Set());
|
|
160
161
|
// };
|
|
162
|
+
const handleFabricSelectionCreated = () => {
|
|
163
|
+
if (isHtmlSelectingRef.current)
|
|
164
|
+
return; // ← skip if HTML node initiated this
|
|
165
|
+
setSelectedIds(new Set());
|
|
166
|
+
};
|
|
167
|
+
const handleFabricSelectionUpdated = () => {
|
|
168
|
+
if (isHtmlSelectingRef.current)
|
|
169
|
+
return; // ← skip if HTML node initiated this
|
|
170
|
+
setSelectedIds(new Set());
|
|
171
|
+
};
|
|
161
172
|
canvas.on("object:moving", handleObjectMoving);
|
|
162
173
|
canvas.on("mouse:down", handleMouseDown);
|
|
174
|
+
canvas.on("selection:created", handleFabricSelectionCreated); // ← add
|
|
175
|
+
canvas.on("selection:updated", handleFabricSelectionUpdated); // ← add
|
|
163
176
|
// canvas.on("selection:cleared", handleSelectionCleared);
|
|
164
177
|
return () => {
|
|
165
178
|
canvas.off("object:moving", handleObjectMoving);
|
|
166
179
|
canvas.off("mouse:down", handleMouseDown);
|
|
180
|
+
canvas.off("selection:created", handleFabricSelectionCreated); // ← add
|
|
181
|
+
canvas.off("selection:updated", handleFabricSelectionUpdated); // ← add
|
|
167
182
|
// canvas.off("selection:cleared", handleSelectionCleared);
|
|
168
183
|
if (fabricMoveRafRef.current !== null) {
|
|
169
184
|
cancelAnimationFrame(fabricMoveRafRef.current);
|
|
@@ -389,8 +404,10 @@ export default React.memo(function CanvasOverlayLayer({ tasks, documents, onTask
|
|
|
389
404
|
const handleSelect = (id, e) => {
|
|
390
405
|
const canvas = fabricCanvas?.current;
|
|
391
406
|
if (canvas) {
|
|
407
|
+
isHtmlSelectingRef.current = true; // ← guard: we're initiating this
|
|
392
408
|
canvas.discardActiveObject();
|
|
393
409
|
canvas.requestRenderAll();
|
|
410
|
+
isHtmlSelectingRef.current = false; // ← reset immediately
|
|
394
411
|
}
|
|
395
412
|
if (e?.shiftKey || e?.ctrlKey || e?.metaKey) {
|
|
396
413
|
setSelectedIds((prev) => {
|