@flowuent-org/diagramming-core 1.0.7 → 1.1.0

package/dist/out-tsc/packages/diagrams/src/lib/hooks/useAutoRegisterFunctions.js

@@ -0,0 +1,94 @@
+import { useEffect, useRef } from 'react';
+import { useDiagram, useAddFunction, useEditFunction, useDeleteFunction, } from '../contexts/DiagramProvider';
+/**
+  Hook that automatically registers function nodes as available functions
+ */
+export const useAutoRegisterFunctions = () => {
+    const nodes = useDiagram((state) => state.nodes);
+    const addFunction = useAddFunction();
+    const editFunction = useEditFunction();
+    const deleteFunction = useDeleteFunction();
+    const registeredFunctionIds = useRef(new Set());
+    const functionDataCache = useRef(new Map());
+    useEffect(() => {
+        // Find function nodes that haven't been registered yet or have been updated
+        const functionNodes = nodes.filter((node) => {
+            var _a, _b;
+            // Check if this is a function node by looking at formData.type
+            return ((_b = (_a = node.data) === null || _a === void 0 ? void 0 : _a.formData) === null || _b === void 0 ? void 0 : _b.type) === 'function';
+        });
+        // Get current function IDs to detect deletions
+        const currentFunctionIds = new Set(functionNodes.map((node) => node.id));
+        // Find functions that were deleted
+        const deletedFunctionIds = Array.from(registeredFunctionIds.current).filter((id) => !currentFunctionIds.has(id));
+        // Remove deleted functions from availableFunctions
+        deletedFunctionIds.forEach((id) => {
+            deleteFunction(id);
+            registeredFunctionIds.current.delete(id);
+            functionDataCache.current.delete(id);
+        });
+        functionNodes.forEach((node) => {
+            var _a;
+            const functionData = (_a = node.data) === null || _a === void 0 ? void 0 : _a.formData;
+            if (functionData && functionData.type === 'function') {
+                // Type guard to ensure we have the right properties
+                if ('name' in functionData && 'parameters' in functionData) {
+                    // Convert parameters to the correct format
+                    const convertParameters = (params) => {
+                        return params.map((param, index) => {
+                            if (typeof param === 'string') {
+                                // If parameter is just a string, create a FunctionParameter with default type
+                                return { name: param, type: 'any' };
+                            }
+                            else if (typeof param === 'object' &&
+                                'name' in param &&
+                                'type' in param) {
+                                // If parameter already has the correct structure
+                                return param;
+                            }
+                            else {
+                                // Fallback for unknown parameter format
+                                return { name: `param${index}`, type: 'any' };
+                            }
+                        });
+                    };
+                    const currentFunctionData = {
+                        name: functionData.name || `Function ${node.id}`,
+                        args: convertParameters(Array.isArray(functionData.parameters)
+                            ? functionData.parameters
+                            : []),
+                        code: 'customCode' in functionData
+                            ? functionData.customCode ||
+                                '// Function body will go here'
+                            : '// Function body will go here',
+                    };
+                    // Check if this is a new function or an updated one
+                    const isNewFunction = !registeredFunctionIds.current.has(node.id);
+                    const hasDataChanged = JSON.stringify(currentFunctionData) !==
+                        JSON.stringify(functionDataCache.current.get(node.id));
+                    if (isNewFunction) {
+                        // Register new function
+                        const functionSignature = Object.assign({ id: node.id }, currentFunctionData);
+                        addFunction(functionSignature);
+                        registeredFunctionIds.current.add(node.id);
+                        functionDataCache.current.set(node.id, currentFunctionData);
+                    }
+                    else if (hasDataChanged) {
+                        // Update existing function
+                        const functionSignature = Object.assign({ id: node.id }, currentFunctionData);
+                        editFunction(functionSignature);
+                        functionDataCache.current.set(node.id, currentFunctionData);
+                    }
+                }
+            }
+        });
+    }, [nodes, addFunction, editFunction, deleteFunction]);
+    // Clean up when component unmounts
+    useEffect(() => {
+        return () => {
+            registeredFunctionIds.current.clear();
+            functionDataCache.current.clear();
+        };
+    }, []);
+};
+//# sourceMappingURL=useAutoRegisterFunctions.js.map

package/dist/out-tsc/packages/diagrams/src/lib/hooks/useAutoRegisterFunctions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoRegisterFunctions.js","sourceRoot":"","sources":["../../../../../../../packages/diagrams/src/lib/hooks/useAutoRegisterFunctions.ts"],"names":[],"mappings":"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"}

package/dist/out-tsc/packages/diagrams/src/lib/hooks/useAutoRegisterVariables.js

@@ -0,0 +1,255 @@
+import { useEffect, useRef } from 'react';
+import { useDiagram, useAddVariable, useEditVariable, useDeleteVariable, } from '../contexts/DiagramProvider';
+/**
+ * Hook that automatically registers variables from different node types
+ * as available variables for use in other nodes
+ */
+export const useAutoRegisterVariables = () => {
+    const nodes = useDiagram((state) => state.nodes);
+    const addVariable = useAddVariable();
+    const editVariable = useEditVariable();
+    const deleteVariable = useDeleteVariable();
+    const registeredVariableIds = useRef(new Set());
+    const variableDataCache = useRef(new Map());
+    useEffect(() => {
+        if (!nodes || nodes.length === 0) {
+            return;
+        }
+        // Find nodes that create variables
+        const variableCreatingNodes = nodes.filter((node) => {
+            var _a, _b, _c;
+            const nodeType = ((_b = (_a = node.data) === null || _a === void 0 ? void 0 : _a.formData) === null || _b === void 0 ? void 0 : _b.type) || ((_c = node.data) === null || _c === void 0 ? void 0 : _c.type);
+            return (nodeType &&
+                [
+                    'function',
+                    'let',
+                    'set',
+                    'forLoop',
+                    'return',
+                    'call',
+                    'try',
+                    'catch',
+                    'switch',
+                ].includes(nodeType));
+        });
+        // Get current variable IDs to detect deletions
+        const currentVariableIds = new Set(variableCreatingNodes.map((node) => node.id));
+        // Find variables that were deleted
+        const deletedVariableIds = Array.from(registeredVariableIds.current).filter((id) => !currentVariableIds.has(id));
+        // Remove deleted variables from availableVariables
+        deletedVariableIds.forEach((id) => {
+            deleteVariable(id);
+            registeredVariableIds.current.delete(id);
+            variableDataCache.current.delete(id);
+        });
+        variableCreatingNodes.forEach((node) => {
+            var _a, _b, _c, _d;
+            const nodeType = ((_b = (_a = node.data) === null || _a === void 0 ? void 0 : _a.formData) === null || _b === void 0 ? void 0 : _b.type) || ((_c = node.data) === null || _c === void 0 ? void 0 : _c.type);
+            const formData = (_d = node.data) === null || _d === void 0 ? void 0 : _d.formData;
+            if (formData) {
+                let variables = [];
+                // Use if-else statements to handle different node types
+                if (nodeType === 'function') {
+                    // Function parameters become available variables
+                    if ('parameters' in formData && Array.isArray(formData.parameters)) {
+                        variables = formData.parameters.map((param, index) => {
+                            const paramName = typeof param === 'string' ? param : param.name;
+                            const paramType = typeof param === 'string' ? 'any' : param.type || 'any';
+                            return {
+                                id: `${node.id}-param-${index}`,
+                                name: paramName,
+                                type: 'parameter',
+                                sourceNodeId: node.id,
+                                sourceNodeType: 'function',
+                                dataType: paramType,
+                            };
+                        });
+                    }
+                }
+                else if (nodeType === 'let') {
+                    // Let bindings become available variables
+                    if ('bindings' in formData && Array.isArray(formData.bindings)) {
+                        variables = formData.bindings.map((binding, index) => {
+                            const bindingName = Array.isArray(binding)
+                                ? binding[0]
+                                : binding.name;
+                            return {
+                                id: `${node.id}-binding-${index}`,
+                                name: bindingName,
+                                type: 'binding',
+                                sourceNodeId: node.id,
+                                sourceNodeType: 'let',
+                                dataType: 'any',
+                            };
+                        });
+                    }
+                }
+                else if (nodeType === 'set') {
+                    // Set variable becomes available
+                    if ('variable' in formData) {
+                        variables = [
+                            {
+                                id: `${node.id}-set`,
+                                name: formData.variable,
+                                type: 'set',
+                                sourceNodeId: node.id,
+                                sourceNodeType: 'set',
+                                dataType: formData.valueDataType || 'any',
+                            },
+                        ];
+                    }
+                }
+                else if (nodeType === 'forLoop') {
+                    // For loop variables become available
+                    if ('init' in formData && formData.init) {
+                        // Handle both string and Expression types
+                        if (typeof formData.init === 'string') {
+                            // Extract variable name from initialization (e.g., "let i = 0" -> "i")
+                            const initMatch = formData.init.match(/let\s+(\w+)/);
+                            if (initMatch) {
+                                variables = [
+                                    {
+                                        id: `${node.id}-loop`,
+                                        name: initMatch[1],
+                                        type: 'loop',
+                                        sourceNodeId: node.id,
+                                        sourceNodeType: 'forLoop',
+                                        dataType: formData.initDataType || 'number',
+                                    },
+                                ];
+                            }
+                        }
+                        else if (typeof formData.init === 'object' &&
+                            'operation' in formData.init) {
+                            // If it's an operation, we can't extract variable names, so skip
+                            // This is a limitation when using operations instead of string expressions
+                        }
+                    }
+                }
+                else if (nodeType === 'return') {
+                    // Return value becomes available as a variable
+                    if ('value' in formData && formData.value) {
+                        // Extract variable name from return expression if it's a simple variable reference
+                        let returnVarName = 'returnValue';
+                        if (typeof formData.value === 'string' && formData.value.trim()) {
+                            // If it's a simple variable name, use it directly
+                            const trimmedValue = formData.value.trim();
+                            if (/^[a-zA-Z_][a-zA-Z0-9_]*$/.test(trimmedValue)) {
+                                returnVarName = trimmedValue;
+                            }
+                        }
+                        variables = [
+                            {
+                                id: `${node.id}-return`,
+                                name: returnVarName,
+                                type: 'return',
+                                sourceNodeId: node.id,
+                                sourceNodeType: 'return',
+                                dataType: 'dataType' in formData && formData.dataType
+                                    ? formData.dataType
+                                    : 'any',
+                            },
+                        ];
+                    }
+                }
+                else if (nodeType === 'call') {
+                    // Function call return value becomes available as a variable
+                    if ('returnValueName' in formData && formData.returnValueName) {
+                        variables = [
+                            {
+                                id: `${node.id}-call`,
+                                name: formData.returnValueName,
+                                type: 'call',
+                                sourceNodeId: node.id,
+                                sourceNodeType: 'call',
+                                dataType: 'returnValueDataType' in formData &&
+                                    formData.returnValueDataType
+                                    ? formData.returnValueDataType
+                                    : 'any',
+                            },
+                        ];
+                    }
+                }
+                else if (nodeType === 'try') {
+                    // Try block variables become available
+                    if ('try' in formData && formData.try) {
+                        // Extract variable names from try expression if possible
+                        let tryVarName = 'tryResult';
+                        if (typeof formData.try === 'string' && formData.try.trim()) {
+                            const trimmedValue = formData.try.trim();
+                            if (/^[a-zA-Z_][a-zA-Z0-9_]*$/.test(trimmedValue)) {
+                                tryVarName = trimmedValue;
+                            }
+                        }
+                        variables = [
+                            {
+                                id: `${node.id}-try`,
+                                name: tryVarName,
+                                type: 'try',
+                                sourceNodeId: node.id,
+                                sourceNodeType: 'try',
+                                dataType: 'any',
+                            },
+                        ];
+                    }
+                }
+                else if (nodeType === 'catch') {
+                    // Catch block variables become available
+                    if ('catch' in formData && formData.catch) {
+                        // Extract variable names from catch expression if possible
+                        let catchVarName = 'catchResult';
+                        if (typeof formData.catch === 'string' && formData.catch.trim()) {
+                            const trimmedValue = formData.catch.trim();
+                            if (/^[a-zA-Z_][a-zA-Z0-9_]*$/.test(trimmedValue)) {
+                                catchVarName = trimmedValue;
+                            }
+                        }
+                        variables = [
+                            {
+                                id: `${node.id}-catch`,
+                                name: catchVarName,
+                                type: 'catch',
+                                sourceNodeId: node.id,
+                                sourceNodeType: 'catch',
+                                dataType: 'any',
+                            },
+                        ];
+                    }
+                }
+                else if (nodeType === 'switch') {
+                    // Switch statement result becomes available as a variable
+                    if ('switchValue' in formData && formData.switchValue) {
+                        variables = [
+                            {
+                                id: `${node.id}-switch`,
+                                name: 'switchResult',
+                                type: 'switch',
+                                sourceNodeId: node.id,
+                                sourceNodeType: 'switch',
+                                dataType: 'any',
+                            },
+                        ];
+                    }
+                }
+                // Process each variable
+                variables.forEach((variable) => {
+                    const isNewVariable = !registeredVariableIds.current.has(variable.id);
+                    const hasDataChanged = JSON.stringify(variable) !==
+                        JSON.stringify(variableDataCache.current.get(variable.id));
+                    if (isNewVariable) {
+                        // Register new variable
+                        addVariable(variable);
+                        registeredVariableIds.current.add(variable.id);
+                        variableDataCache.current.set(variable.id, variable);
+                    }
+                    else if (hasDataChanged) {
+                        // Update existing variable
+                        editVariable(variable.id, variable);
+                        variableDataCache.current.set(variable.id, variable);
+                    }
+                });
+            }
+        });
+    }, [nodes, addVariable, editVariable, deleteVariable]);
+};
+//# sourceMappingURL=useAutoRegisterVariables.js.map

package/dist/out-tsc/packages/diagrams/src/lib/hooks/useAutoRegisterVariables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoRegisterVariables.js","sourceRoot":"","sources":["../../../../../../../packages/diagrams/src/lib/hooks/useAutoRegisterVariables.ts"],"names":[],"mappings":"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"}

package/dist/out-tsc/packages/diagrams/src/lib/hooks/useDeleteNodeByEvent.js

@@ -0,0 +1,43 @@
+import { useCallback } from 'react';
+import { useDiagram } from '../contexts/DiagramProvider';
+import { useCustomReactFlow } from './customUseReactFlow';
+/**
+ * A hook to handle node deletion when the Delete key is pressed.
+ * @param nodeId - The ID of the node to delete.
+ * @returns A callback function to handle keydown events.
+ */
+const useDeleteNodeByEvent = (nodeId) => {
+    const { getNodes, setNodes, setEdges } = useCustomReactFlow();
+    const setSelectedNode = useDiagram((state) => state.setSelectedNode);
+    const handleKeyEvents = useCallback((event) => {
+        if (event.key === 'Delete' && nodeId) {
+            // Get all nodes to find parent-child relationships
+            const allNodes = getNodes();
+            const nodesToDelete = new Set();
+            // Recursively find all child nodes that should be deleted along with their parents
+            const findChildNodes = (parentId) => {
+                const children = allNodes.filter((node) => node.parentId === parentId);
+                children.forEach((child) => {
+                    if (!nodesToDelete.has(child.id)) {
+                        nodesToDelete.add(child.id);
+                        findChildNodes(child.id); // Recursively find grandchildren
+                    }
+                });
+            };
+            // Add the main node to delete
+            nodesToDelete.add(nodeId);
+            // Find children for the node to delete
+            findChildNodes(nodeId);
+            // Delete all nodes at once - this will trigger onNodesChange properly
+            setNodes((currentNodes) => currentNodes.filter((node) => !nodesToDelete.has(node.id)));
+            // Delete associated edges
+            setEdges((prevEdges) => prevEdges.filter((edge) => !nodesToDelete.has(edge.source) &&
+                !nodesToDelete.has(edge.target)));
+            // Clear the selected node
+            setSelectedNode(null);
+        }
+    }, [nodeId, getNodes, setNodes, setEdges, setSelectedNode]);
+    return handleKeyEvents;
+};
+export default useDeleteNodeByEvent;
+//# sourceMappingURL=useDeleteNodeByEvent.js.map

package/dist/out-tsc/packages/diagrams/src/lib/hooks/useDeleteNodeByEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeleteNodeByEvent.js","sourceRoot":"","sources":["../../../../../../../packages/diagrams/src/lib/hooks/useDeleteNodeByEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D;;;;GAIG;AACH,MAAM,oBAAoB,GAAG,CAAC,MAAc,EAAE,EAAE;IAC9C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC9D,MAAM,eAAe,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAErE,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,KAA0B,EAAE,EAAE;QAC7B,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,MAAM,EAAE,CAAC;YACrC,mDAAmD;YACnD,MAAM,QAAQ,GAAG,QAAQ,EAAE,CAAC;YAC5B,MAAM,aAAa,GAAG,IAAI,GAAG,EAAU,CAAC;YAExC,mFAAmF;YACnF,MAAM,cAAc,GAAG,CAAC,QAAgB,EAAE,EAAE;gBAC1C,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAC9B,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,QAAQ,CACrC,CAAC;gBACF,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;oBACzB,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;wBACjC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;wBAC5B,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,iCAAiC;oBAC7D,CAAC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,CAAC;YAEF,8BAA8B;YAC9B,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAE1B,uCAAuC;YACvC,cAAc,CAAC,MAAM,CAAC,CAAC;YAEvB,sEAAsE;YACtE,QAAQ,CAAC,CAAC,YAAY,EAAE,EAAE,CACxB,YAAY,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAC3D,CAAC;YAEF,0BAA0B;YAC1B,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CACrB,SAAS,CAAC,MAAM,CACd,CAAC,IAAI,EAAE,EAAE,CACP,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;gBAC/B,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAClC,CACF,CAAC;YAEF,0BAA0B;YAC1B,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EACD,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,CAAC,CACxD,CAAC;IAEF,OAAO,eAAe,CAAC;AACzB,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/out-tsc/packages/diagrams/src/lib/hooks/useDragCallbacks.js

@@ -0,0 +1,81 @@
+import { useCallback } from 'react';
+import { arrayMove } from '@dnd-kit/sortable';
+import { useReactFlow } from '@xyflow/react';
+export default function useDragCallbacks({ setActiveItem, setActiveCard, }) {
+    const rf = useReactFlow();
+    const onDragStart = useCallback((e) => {
+        var _a, _b, _c, _d;
+        setActiveItem((_b = (_a = e.active.data.current) === null || _a === void 0 ? void 0 : _a.blockData) !== null && _b !== void 0 ? _b : null);
+        setActiveCard((_d = (_c = e.active.data.current) === null || _c === void 0 ? void 0 : _c.cardData) !== null && _d !== void 0 ? _d : null);
+    }, [setActiveItem, setActiveCard]);
+    const onDragCancel = useCallback(() => {
+        setActiveItem(null);
+        setActiveCard(null);
+    }, [setActiveItem, setActiveCard]);
+    const onDragEnd = useCallback((e) => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (!e.active.data.current) {
+            return;
+        }
+        if ((_b = (_a = e.over) === null || _a === void 0 ? void 0 : _a.data.current) === null || _b === void 0 ? void 0 : _b.sortable) {
+            // It is a sort
+            const node = rf.getNode(e.over.data.current.nodeId);
+            const items = (_c = node.data.blocks) !== null && _c !== void 0 ? _c : [];
+            const oldIndex = items.findIndex((blk) => blk.id === e.active.id);
+            const newIndex = items.findIndex((blk) => { var _a; return blk.id === ((_a = e.over) === null || _a === void 0 ? void 0 : _a.id); });
+            const newItems = arrayMove(items, oldIndex, newIndex);
+            rf.setNodes(rf.getNodes().map((n) => {
+                if (n.id === node.id) {
+                    n.data = Object.assign(Object.assign({}, n.data), { blocks: newItems });
+                    return n;
+                }
+                return n;
+            }));
+        }
+        else if ((_d = e === null || e === void 0 ? void 0 : e.over) === null || _d === void 0 ? void 0 : _d.id.toString().includes('node-')) {
+            // Dropped on node
+            const id = e.over.id.toString().split('-')[1];
+            const blockId = e.active.id.toString();
+            const currentBlockNodeId = e.active.data.current.nodeId;
+            rf.setNodes(rf.getNodes().map((node) => {
+                var _a, _b, _c, _d;
+                if (node.id === id && currentBlockNodeId !== id) {
+                    const newid = new Date().getMilliseconds().toString();
+                    const blockToAdd = (_b = (_a = e.active.data.current) === null || _a === void 0 ? void 0 : _a.blockData) !== null && _b !== void 0 ? _b : [
+                        {
+                            id: newid,
+                            color: 'red',
+                            title: 'Dropped',
+                        },
+                    ];
+                    node.data = Object.assign(Object.assign({}, node.data), { blocks: (_c = node.data.blocks) === null || _c === void 0 ? void 0 : _c.concat(blockToAdd) });
+                    return node;
+                }
+                if (node.id === currentBlockNodeId && currentBlockNodeId !== id) {
+                    node.data = Object.assign(Object.assign({}, node.data), { blocks: (_d = node.data.blocks) === null || _d === void 0 ? void 0 : _d.filter((el) => el.id !== blockId) });
+                    return node;
+                }
+                return node;
+            }));
+        }
+        else if (!e.active.data.current.blockData) {
+            // Dropped on Canvas
+            const ev = e.activatorEvent;
+            const id = new Date().getMilliseconds().toString();
+            const newNode = {
+                data: Object.assign({ blocks: [], color: 'green', isPinned: false, isBlock: false, nodeId: id, parentId: 'parentId', title: 'Text' }, (_e = e.active.data.current) === null || _e === void 0 ? void 0 : _e.data),
+                id,
+                type: (_g = (_f = e.active.data.current) === null || _f === void 0 ? void 0 : _f.type) !== null && _g !== void 0 ? _g : 'card',
+                position: rf.screenToFlowPosition({
+                    x: ev.clientX + e.delta.x,
+                    y: ev.clientY + e.delta.y,
+                }),
+            };
+            rf.addNodes(newNode);
+        }
+        setActiveItem(null);
+        setActiveCard(null);
+    }, [rf, setActiveCard, setActiveItem]);
+    return { onDragEnd, onDragStart, onDragCancel };
+}
+//# sourceMappingURL=useDragCallbacks.js.map

package/dist/out-tsc/packages/diagrams/src/lib/hooks/useDragCallbacks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragCallbacks.js","sourceRoot":"","sources":["../../../../../../../packages/diagrams/src/lib/hooks/useDragCallbacks.tsx"],"names":[],"mappings":"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"}