@flowuent-org/diagramming-core 1.0.7 → 1.1.0

package/dist/out-tsc/packages/diagrams/src/lib/utils/elkLayout.js

@@ -0,0 +1,193 @@
+import ELK from 'elkjs/lib/elk.bundled.js';
+import { useCallback, useMemo, useRef } from 'react';
+import constantLengths from './constant-lengths';
+import { useContentHeights, useDiagram, useDiagramEdges, useDiagramNodes, useLayoutDirection, } from '../contexts/DiagramProvider';
+// Create ELK instance once outside components
+const elk = new ELK();
+const getLayoutConfig = (direction) => ({
+    'elk.algorithm': 'layered',
+    'elk.direction': direction,
+    'elk.padding': '[top=200,left=25,bottom=25,right=25]',
+    'elk.alignment': 'CENTER',
+    // Keep your spacing settings
+    'elk.spacing.nodeNode': (constantLengths.SUB_NODE_MARGIN * 3).toString(),
+    'elk.layered.spacing.nodeNodeBetweenLayers': constantLengths.CONNECTION_LENGTH.toString(),
+    // Modified placement strategy
+    'elk.layered.nodePlacement.bk.fixedAlignment': 'BALANCED',
+});
+// Pre-calculate static values
+const SUB_NODE_WIDTH = constantLengths.SUB_NODE_WIDTH;
+const MIN_NODE_HEIGHT = constantLengths.SUB_NODE_HEIGHT;
+export const useElk = () => {
+    // Use specific hooks where available
+    const nodes = useDiagramNodes(); // Specific hook for nodes
+    const edges = useDiagramEdges(); // Specific hook for edges
+    const setNodes = useDiagram((state) => state.setNodes); // Generic hook for setNodes
+    const contentHeights = useContentHeights(); // Specific hook for contentHeights
+    const layoutDirection = useLayoutDirection(); // Get layout direction from context
+    const frameIdRef = useRef(null);
+    // Memoize content heights map for O(1) lookup
+    const heightsMap = useMemo(() => {
+        return new Map(contentHeights.map((ch) => [ch.id, ch.height + 18]));
+    }, [contentHeights]);
+    // Memoize node map for O(1) parent lookups
+    const nodeMap = useMemo(() => {
+        return new Map(nodes.map((node) => [node.id, node]));
+    }, [nodes]);
+    const getLayoutedElements = useCallback(() => {
+        // Cancel pending layout animation frame
+        if (frameIdRef.current) {
+            cancelAnimationFrame(frameIdRef.current);
+            frameIdRef.current = null;
+        }
+        const validNodeIds = new Set(nodes.map((node) => node.id));
+        // Filter edges to remove those not connected to valid node
+        const filteredEdges = edges.filter((edge) => validNodeIds.has(edge.source) && validNodeIds.has(edge.target));
+        // Instead of filtering out hidden child nodes, we'll include them all but handle visibility differently
+        const allNodes = nodes;
+        // Filter nodes for ELK layout - exclude hidden child nodes so parent can shrink
+        const layoutNodes = allNodes.filter((node) => {
+            var _a, _b;
+            if (node.parentId) {
+                // Check if parent node has childNodesExpanded set to false
+                const parentNode = allNodes.find((n) => n.id === node.parentId);
+                if (parentNode &&
+                    ((_b = (_a = parentNode.data) === null || _a === void 0 ? void 0 : _a.formData) === null || _b === void 0 ? void 0 : _b.childNodesExpanded) === false) {
+                    return false; // Exclude hidden child nodes from layout calculation
+                }
+            }
+            return true;
+        });
+        // Map layout nodes to elkNodes
+        const currentConfig = getLayoutConfig(layoutDirection);
+        const elkNodes = layoutNodes.map((node) => {
+            if (node.type === 'bendPoint') {
+                // Special case for bend point: small size and minimal padding
+                return {
+                    id: node.id,
+                    position: {},
+                    children: [],
+                    width: 7.5,
+                    height: 7.5,
+                    layoutOptions: Object.assign(Object.assign({}, currentConfig), { 'elk.padding': '[top=0,left=0,bottom=0,right=0]' }),
+                    parentId: node.parentId,
+                };
+            }
+            // Check if this node has visible children
+            const hasVisibleChildren = layoutNodes.some((n) => n.parentId === node.id);
+            const topPadding = Math.max(heightsMap.get(node.id) || 0, MIN_NODE_HEIGHT);
+            return {
+                id: node.id,
+                position: {},
+                children: [],
+                width: SUB_NODE_WIDTH,
+                height: topPadding,
+                layoutOptions: Object.assign(Object.assign({}, currentConfig), { 
+                    // Significantly reduce top padding when no visible children
+                    'elk.padding': hasVisibleChildren
+                        ? `[top=${topPadding},left=25,bottom=25,right=25]`
+                        : `[top=50,left=25,bottom=25,right=25]` }),
+                parentId: node.parentId,
+            };
+        });
+        // Map edges to elkEdges, but only include edges between layout nodes
+        const layoutNodeIds = new Set(layoutNodes.map((node) => node.id));
+        const elkEdges = filteredEdges
+            .filter((edge) => layoutNodeIds.has(edge.source) && layoutNodeIds.has(edge.target))
+            .map((edge) => ({
+            id: edge.id,
+            sources: [edge.source],
+            targets: [edge.target],
+        }));
+        // Build parent-child relationships using pre-built maps
+        const elkNodesMap = new Map(elkNodes.map((node) => [node.id, node]));
+        elkNodes.forEach((node) => {
+            if (node.parentId) {
+                const parent = elkNodesMap.get(node.parentId);
+                if (parent) {
+                    if (!parent.children) {
+                        parent.children = [];
+                    }
+                    parent.children.push(node);
+                }
+            }
+        });
+        // Create the graph structure
+        const graph = {
+            id: 'root',
+            layoutOptions: currentConfig,
+            children: elkNodes.filter((n) => !n.parentId),
+            edges: elkEdges,
+        };
+        // Run the layout
+        elk.layout(graph).then((layoutedGraph) => {
+            var _a;
+            // Process nodes with minimal object creation
+            const updatedNodes = [];
+            const processNode = (node) => {
+                var _a, _b;
+                if (node.x !== undefined && node.y !== undefined) {
+                    const originalNode = nodeMap.get(node.id);
+                    const isPinned = (_a = originalNode === null || originalNode === void 0 ? void 0 : originalNode.data) === null || _a === void 0 ? void 0 : _a.isPinned;
+                    if (originalNode) {
+                        // Check if this node should be hidden (collapsed child node)
+                        const shouldHide = originalNode.parentId &&
+                            (() => {
+                                var _a, _b;
+                                const parentNode = nodes.find((n) => n.id === originalNode.parentId);
+                                return (parentNode &&
+                                    ((_b = (_a = parentNode.data) === null || _a === void 0 ? void 0 : _a.formData) === null || _b === void 0 ? void 0 : _b.childNodesExpanded) === false);
+                            })();
+                        if (shouldHide) {
+                            // Add a visibility flag to hidden child nodes
+                            updatedNodes.push(Object.assign(Object.assign({}, originalNode), { position: { x: node.x, y: node.y }, measured: {
+                                    width: node.width,
+                                    height: node.height,
+                                }, style: Object.assign(Object.assign({}, originalNode.style), { width: node.width, height: node.height }), width: node.width, height: node.height, data: Object.assign(Object.assign({}, originalNode.data), { isHidden: true }) }));
+                        }
+                        else {
+                            // Normal node positioning
+                            updatedNodes.push(Object.assign(Object.assign({}, originalNode), { position: isPinned
+                                    ? originalNode.position
+                                    : { x: node.x, y: node.y }, measured: {
+                                    width: node.width,
+                                    height: node.height,
+                                }, style: Object.assign(Object.assign({}, originalNode.style), { width: node.width, height: node.height }), width: node.width, height: node.height, data: Object.assign(Object.assign({}, originalNode.data), { isHidden: false }) }));
+                        }
+                    }
+                }
+                (_b = node.children) === null || _b === void 0 ? void 0 : _b.forEach(processNode);
+            };
+            (_a = layoutedGraph.children) === null || _a === void 0 ? void 0 : _a.forEach(processNode);
+            // Add back any nodes that weren't processed by ELK
+            nodes.forEach((node) => {
+                if (!updatedNodes.some((updatedNode) => updatedNode.id === node.id)) {
+                    // Check if this unprocessed node should be hidden
+                    const shouldHide = node.parentId &&
+                        (() => {
+                            var _a, _b;
+                            const parentNode = nodes.find((n) => n.id === node.parentId);
+                            return (parentNode &&
+                                ((_b = (_a = parentNode.data) === null || _a === void 0 ? void 0 : _a.formData) === null || _b === void 0 ? void 0 : _b.childNodesExpanded) === false);
+                        })();
+                    if (shouldHide) {
+                        // For hidden child nodes, preserve their original position and data
+                        // but mark them as hidden so they can be restored later
+                        updatedNodes.push(Object.assign(Object.assign({}, node), { data: Object.assign(Object.assign({}, node.data), { isHidden: true }) }));
+                    }
+                    else {
+                        // Preserve other unprocessed nodes as is
+                        updatedNodes.push(Object.assign(Object.assign({}, node), { data: Object.assign(Object.assign({}, node.data), { isHidden: false }) }));
+                    }
+                }
+            });
+            // Batch update nodes
+            frameIdRef.current = requestAnimationFrame(() => {
+                setNodes(updatedNodes);
+                frameIdRef.current = null;
+            });
+        });
+    }, [nodes, edges, setNodes, heightsMap, nodeMap, layoutDirection]);
+    return { getLayoutedElements };
+};
+//# sourceMappingURL=elkLayout.js.map

package/dist/out-tsc/packages/diagrams/src/lib/utils/elkLayout.js.map

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

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

@@ -0,0 +1,44 @@
+import { useCallback, useEffect, useRef } from 'react';
+import { useEventStore, } from './event-store';
+export const useRegisterEvent = (eventName) => {
+    const { register: storeRegister, unregister: storeUnregister } = useEventStore();
+    const callbackRef = useRef(null);
+    // Register function with cleanup of previous registration
+    const register = useCallback((callback) => {
+        // Unregister existing callback to prevent duplicates
+        if (callbackRef.current) {
+            storeUnregister(eventName, callbackRef.current);
+        }
+        callbackRef.current = callback;
+        storeRegister(eventName, callback);
+    }, [storeRegister, storeUnregister, eventName]);
+    // Unregister function
+    const unregister = useCallback(() => {
+        if (callbackRef.current) {
+            storeUnregister(eventName, callbackRef.current);
+            callbackRef.current = null;
+        }
+    }, [storeUnregister, eventName]);
+    // Automatic cleanup on component unmount
+    useEffect(() => {
+        return () => {
+            if (callbackRef.current) {
+                storeUnregister(eventName, callbackRef.current);
+            }
+        };
+    }, [eventName, storeUnregister]);
+    return { register, unregister };
+};
+export const useRegisterEventCallback = (eventName, callback) => {
+    const { register, unregister } = useEventStore();
+    useEffect(() => {
+        register(eventName, callback);
+        return () => unregister(eventName, callback);
+    }, [eventName, callback, register, unregister]);
+};
+export const useTriggerEvent = (eventName) => {
+    return useCallback((...args) => {
+        useEventStore.getState().trigger(eventName, ...args);
+    }, [eventName]);
+};
+//# sourceMappingURL=event-hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"event-hooks.js","sourceRoot":"","sources":["../../../../../../../packages/diagrams/src/lib/utils/event-hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EACL,aAAa,GAKd,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,SAAiB,EAAE,EAAE;IACpD,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,GAC5D,aAAa,EAAE,CAAC;IAClB,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEtD,0DAA0D;IAC1D,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,QAAsB,EAAE,EAAE;QACzB,qDAAqD;QACrD,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,eAAe,CAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;QAClD,CAAC;QACD,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;QAC/B,aAAa,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,aAAa,EAAE,eAAe,EAAE,SAAS,CAAC,CAC5C,CAAC;IAEF,sBAAsB;IACtB,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,eAAe,CAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;YAChD,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC;IAEjC,yCAAyC;IACzC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;gBACxB,eAAe,CAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;YAClD,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC;IAEjC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,SAAiB,EACjB,QAAsB,EAChB,EAAE;IACR,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAC9B,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;AAClD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,SAAiB,EACe,EAAE;IAClC,OAAO,WAAW,CAChB,CAAC,GAAG,IAAe,EAAE,EAAE;QACrB,aAAa,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,CAAC;IACvD,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/dist/out-tsc/packages/diagrams/src/lib/utils/event-store.js

@@ -0,0 +1,25 @@
+import { create } from 'zustand';
+export const useEventStore = create((set, get) => ({
+    events: {},
+    register: (eventName, callback) => {
+        const events = get().events;
+        const callbacks = events[eventName] || [];
+        set({ events: Object.assign(Object.assign({}, events), { [eventName]: [...callbacks, callback] }) });
+    },
+    unregister: (eventName, callback) => {
+        const events = get().events;
+        const callbacks = events[eventName] || [];
+        set({
+            events: Object.assign(Object.assign({}, events), { [eventName]: callbacks.filter((cb) => cb !== callback) }),
+        });
+    },
+    trigger: (eventName, ...args) => {
+        const events = get().events;
+        const callbacks = events[eventName] || [];
+        callbacks.forEach((callback) => {
+            // Type assertion to handle the union type
+            callback(...args);
+        });
+    },
+}));
+//# sourceMappingURL=event-store.js.map

package/dist/out-tsc/packages/diagrams/src/lib/utils/event-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-store.js","sourceRoot":"","sources":["../../../../../../../packages/diagrams/src/lib/utils/event-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AA8BjC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CACjC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;IACb,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE;QAChC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC;QAC5B,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QAC1C,GAAG,CAAC,EAAE,MAAM,kCAAO,MAAM,KAAE,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,QAAQ,CAAC,GAAE,EAAE,CAAC,CAAC;IACxE,CAAC;IACD,UAAU,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE;QAClC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC;QAC5B,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QAC1C,GAAG,CAAC;YACF,MAAM,kCACD,MAAM,KACT,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,GACvD;SACF,CAAC,CAAC;IACL,CAAC;IACD,OAAO,EAAE,CAAC,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE;QAC9B,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC;QAC5B,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QAC1C,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC7B,0CAA0C;YACzC,QAAgC,CAAC,GAAG,IAAI,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC;CACF,CAAC,CACH,CAAC"}

package/dist/out-tsc/packages/diagrams/src/lib/utils/flow-node-hooks.js

@@ -0,0 +1,22 @@
+import { useCallback } from 'react';
+import { generateNewNodes } from './add-new-block';
+import { useNodeData } from '../contexts/CardDataProvider';
+import { useCustomReactFlow } from '../hooks/customUseReactFlow';
+export const useAddBlock = () => {
+    const data = useNodeData();
+    const { setNodes, getNodes, getEdges } = useCustomReactFlow();
+    return useCallback(({ title, type }) => {
+        if (title && type) {
+            const prevNodes = [...getNodes()];
+            const { newNodes } = generateNewNodes({
+                title,
+                color: 'green',
+                data,
+                nodes: prevNodes,
+                type,
+            });
+            setNodes(newNodes);
+        }
+    }, [getNodes, setNodes, getEdges]);
+};
+//# sourceMappingURL=flow-node-hooks.js.map

package/dist/out-tsc/packages/diagrams/src/lib/utils/flow-node-hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-node-hooks.js","sourceRoot":"","sources":["../../../../../../../packages/diagrams/src/lib/utils/flow-node-hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,IAAI,GAAG,WAAW,EAAE,CAAC;IAC3B,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9D,OAAO,WAAW,CAChB,CAAC,EAAE,KAAK,EAAE,IAAI,EAA0B,EAAE,EAAE;QAC1C,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YAClB,MAAM,SAAS,GAAG,CAAC,GAAG,QAAQ,EAAE,CAAgB,CAAC;YACjD,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC;gBACpC,KAAK;gBACL,KAAK,EAAE,OAAO;gBACd,IAAI;gBACJ,KAAK,EAAE,SAAS;gBAChB,IAAI;aACL,CAAC,CAAC;YACH,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAC/B,CAAC;AACJ,CAAC,CAAC"}