@flowuent-org/diagramming-core 1.0.8 → 1.1.0

package/dist/out-tsc/packages/diagrams/src/lib/templates/collaborationDiagram/controls/CollaborationControls.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback } from 'react';
+import { Box, Typography, Paper, Divider, List, ListItem, ListItemButton, Button } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import ControlEdgeList from '../../../components/ControlEdgeList';
+const nodeTypes = [
+    { id: 'object', name: 'Object', icon: null },
+    { id: 'actor', name: 'Actor', icon: null },
+];
+const CollaborationControls = ({ onAddObject, onAddMultipleObjects, onAddActor, onAddMessage, nodes = [], edges = [], onEditMessage, }) => {
+    const { t } = useTranslation();
+    const handleEditMessage = useCallback((edge) => onEditMessage === null || onEditMessage === void 0 ? void 0 : onEditMessage(edge), [onEditMessage]);
+    return (_jsxs(Paper, { elevation: 3, sx: {
+            p: 2,
+            bgcolor: '#1a1a1a',
+            color: '#b0b0b0',
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            flexDirection: 'column',
+            '& .MuiButton-contained': {
+                bgcolor: '#666',
+                color: '#fff',
+                '&:hover': {
+                    bgcolor: '#777',
+                },
+            },
+            '& .MuiListItemButton-root': {
+                color: '#b0b0b0',
+                '&:hover': {
+                    bgcolor: 'rgba(176, 176, 176, 0.1)',
+                },
+            },
+            '& .MuiDivider-root': {
+                borderColor: '#444',
+            },
+            '& .MuiTypography-root': {
+                color: '#b0b0b0',
+            },
+        }, children: [_jsx(Typography, { variant: "h6", sx: { fontWeight: 'medium', mb: 2, color: '#888' }, children: t('collaborationDiagram.title') }), _jsx(Divider, { sx: { my: 1 } }), _jsx(Typography, { variant: "subtitle2", fontWeight: "bold", sx: { mb: 1, color: '#888' }, children: t('collaborationDiagram.objects') }), _jsxs(List, { dense: true, disablePadding: true, children: [_jsx(ListItem, { disablePadding: true, children: _jsx(ListItemButton, { onClick: onAddObject, children: _jsx(Typography, { children: t('collaborationDiagram.object') }) }) }), _jsx(ListItem, { disablePadding: true, children: _jsx(ListItemButton, { onClick: onAddMultipleObjects, children: _jsx(Typography, { children: t('collaborationDiagram.multipleObjects') }) }) }), _jsx(ListItem, { disablePadding: true, children: _jsx(ListItemButton, { onClick: onAddActor, children: _jsx(Typography, { children: t('collaborationDiagram.actor') }) }) })] }), _jsx(Divider, { sx: { my: 1 } }), _jsx(Typography, { variant: "subtitle2", fontWeight: "bold", sx: { mb: 1, color: '#888' }, children: t('collaborationDiagram.messages') }), _jsx(Box, { sx: { mb: 1 }, children: _jsx(Button, { variant: "contained", color: "primary", size: "small", fullWidth: true, onClick: onAddMessage, children: t('collaborationDiagram.addMessage') }) }), _jsx(Box, { sx: {
+                    flexGrow: 1,
+                    minHeight: 0,
+                    overflowY: 'auto',
+                    // Custom scrollbar styling
+                    '&::-webkit-scrollbar': {
+                        width: '6px',
+                    },
+                    '&::-webkit-scrollbar-track': {
+                        background: 'transparent',
+                    },
+                    '&::-webkit-scrollbar-thumb': {
+                        background: '#444',
+                        borderRadius: '3px',
+                        '&:hover': {
+                            background: '#666',
+                        },
+                    },
+                }, children: _jsx(ControlEdgeList, { edges: edges, nodes: nodes, type: "collaboration", onEditEdge: handleEditMessage, t: t, nodeTypes: nodeTypes }) })] }));
+};
+export default React.memo(CollaborationControls);
+//# sourceMappingURL=CollaborationControls.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/collaborationDiagram/controls/CollaborationControls.js.map

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

package/dist/out-tsc/packages/diagrams/src/lib/templates/collaborationDiagram/nodes/CollabEdge.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useCallback, useMemo } from 'react';
+import { useReactFlow } from '@xyflow/react';
+import { getEdgeParams } from '../../../utils/nodeutils';
+import DraggableEdgeLabel from '../components/DraggableEdgeLabel';
+import { useDiagramType, useDiagramNodes } from '../../../contexts/DiagramProvider';
+const CollabEdge = ({ id, source, target, data, style, }) => {
+    var _a, _b, _c;
+    const { getNodes, setEdges } = useReactFlow();
+    const nodes = getNodes();
+    const diagramType = useDiagramType();
+    const allNodes = useDiagramNodes();
+    // Memoize normalized source and target nodes
+    const [normSourceNode, normTargetNode] = useMemo(() => {
+        var _a, _b, _c, _d;
+        const sourceNode = nodes.find(n => n.id === source);
+        const targetNode = nodes.find(n => n.id === target);
+        return [
+            sourceNode ? Object.assign(Object.assign({}, sourceNode), { width: (_a = sourceNode.width) !== null && _a !== void 0 ? _a : undefined, height: (_b = sourceNode.height) !== null && _b !== void 0 ? _b : undefined }) : undefined,
+            targetNode ? Object.assign(Object.assign({}, targetNode), { width: (_c = targetNode.width) !== null && _c !== void 0 ? _c : undefined, height: (_d = targetNode.height) !== null && _d !== void 0 ? _d : undefined }) : undefined,
+        ];
+    }, [nodes, source, target]);
+    const edgeData = data;
+    const parallelIndex = (_a = edgeData === null || edgeData === void 0 ? void 0 : edgeData.parallelIndex) !== null && _a !== void 0 ? _a : 0;
+    const parallelCount = (_b = edgeData === null || edgeData === void 0 ? void 0 : edgeData.parallelCount) !== null && _b !== void 0 ? _b : 1;
+    // Fallback: if nodes are not found, don't render the edge
+    if (!normSourceNode || !normTargetNode)
+        return null;
+    // Memoize edge path and label position calculations
+    const { edgePath, labelPos } = useMemo(() => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const variant = (edgeData === null || edgeData === void 0 ? void 0 : edgeData.variant) || 'message';
+        let edgePath = '';
+        let labelPos = { x: 0, y: 0 };
+        if (variant === 'message' || variant === 'return-message') {
+            const { sourceX, sourceY, targetX, targetY } = getEdgeParams(normSourceNode, normTargetNode, undefined, 2, diagramType, allNodes);
+            const dx = targetX - sourceX;
+            const dy = targetY - sourceY;
+            const len = Math.sqrt(dx * dx + dy * dy) || 1;
+            const PARALLEL_OFFSET = 40; // px
+            let offset = 0;
+            let isStraight = false;
+            if (parallelCount > 1) {
+                const middle = Math.floor(parallelCount / 2);
+                if (parallelIndex === middle) {
+                    isStraight = true;
+                }
+                else {
+                    const distance = parallelIndex - middle;
+                    offset = (distance % 2 === 0 ? 3 : -3) * Math.ceil(Math.abs(distance) / 2) * PARALLEL_OFFSET;
+                }
+            }
+            else {
+                isStraight = true;
+            }
+            if (isStraight) {
+                edgePath = `M ${sourceX} ${sourceY} L ${targetX} ${targetY}`;
+                labelPos = { x: (sourceX + targetX) / 2, y: (sourceY + targetY) / 2 };
+            }
+            else {
+                const perpX = -dy / len;
+                const perpY = dx / len;
+                const ctrlX = (sourceX + targetX) / 2 + perpX * offset;
+                const ctrlY = (sourceY + targetY) / 2 + perpY * offset;
+                edgePath = `M ${sourceX} ${sourceY} Q ${ctrlX} ${ctrlY} ${targetX} ${targetY}`;
+                labelPos = { x: ctrlX, y: ctrlY };
+            }
+            let labelYOffset = 0;
+            if (parallelCount > 1) {
+                labelYOffset = ((parallelIndex || 0) - ((parallelCount || 1) - 1) / 2) * 25;
+            }
+            labelPos.y = (labelPos.y || 0) + labelYOffset;
+        }
+        else if (variant === 'self-message') {
+            const r = 40;
+            const DEFAULT_WIDTH = 112;
+            const nodeX = (_b = (_a = normSourceNode === null || normSourceNode === void 0 ? void 0 : normSourceNode.position) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0;
+            const nodeY = (_d = (_c = normSourceNode === null || normSourceNode === void 0 ? void 0 : normSourceNode.position) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 0;
+            const nodeWidth = (_g = (_e = normSourceNode === null || normSourceNode === void 0 ? void 0 : normSourceNode.width) !== null && _e !== void 0 ? _e : (_f = normSourceNode === null || normSourceNode === void 0 ? void 0 : normSourceNode.data) === null || _f === void 0 ? void 0 : _f.width) !== null && _g !== void 0 ? _g : DEFAULT_WIDTH;
+            const centerX = nodeX + nodeWidth / 2;
+            const topY = nodeY + 20;
+            edgePath = `M ${centerX - r} ${topY - 18} a ${r} ${r} 0 1 1 ${2 * r} 0`;
+            labelPos = { x: centerX, y: topY - r - 20 };
+        }
+        return { edgePath, labelPos };
+    }, [edgeData, normSourceNode, normTargetNode, parallelCount, parallelIndex, diagramType, allNodes]);
+    // Edge style
+    const edgeStyle = React.useMemo(() => {
+        let styleObj = Object.assign({ stroke: '#61dafb', strokeWidth: 2, fill: 'none' }, style);
+        if ((edgeData === null || edgeData === void 0 ? void 0 : edgeData.variant) === 'return-message') {
+            styleObj = Object.assign(Object.assign({}, styleObj), { strokeDasharray: '6,4' });
+        }
+        return styleObj;
+    }, [edgeData === null || edgeData === void 0 ? void 0 : edgeData.variant, style]);
+    // SVG marker logic for 'v' arrowhead
+    let markerEnd = undefined;
+    let markerStart = undefined;
+    if ((edgeData === null || edgeData === void 0 ? void 0 : edgeData.arrowHeadTarget) === 'v') {
+        markerEnd = `url(#v-arrowhead-${id})`;
+    }
+    if ((edgeData === null || edgeData === void 0 ? void 0 : edgeData.arrowHeadSource) === 'v') {
+        markerStart = `url(#v-arrowhead-start-${id})`;
+    }
+    // --- Draggable label logic ---
+    // Default to 0.5 (midpoint) if not set
+    const labelPosition = (_c = edgeData === null || edgeData === void 0 ? void 0 : edgeData.labelPosition) !== null && _c !== void 0 ? _c : 0.5;
+    // Memoize the onPositionChange callback
+    const onPositionChange = useCallback((percent) => {
+        setEdges(eds => eds.map(e => e.id === id ? Object.assign(Object.assign({}, e), { data: Object.assign(Object.assign({}, e.data), { labelPosition: percent }) }) : e));
+    }, [setEdges, id]);
+    // Only render label if present
+    return (_jsxs(_Fragment, { children: [_jsx("svg", { style: { height: 0 }, children: _jsxs("defs", { children: [_jsx("marker", { id: `v-arrowhead-${id}`, viewBox: "0 0 6 8", refX: "6", refY: "4", markerWidth: "8", markerHeight: "5", orient: "auto", children: _jsx("polyline", { points: "0,0 6,4 0,8", fill: "none", stroke: "#61dafb", strokeWidth: "1.5" }) }), _jsx("marker", { id: `v-arrowhead-start-${id}`, viewBox: "0 0 6 8", refX: "0", refY: "4", markerWidth: "8", markerHeight: "5", orient: "auto", children: _jsx("polyline", { points: "6,0 0,4 6,8", fill: "none", stroke: "#61dafb", strokeWidth: "1.5" }) })] }) }), _jsx("path", { id: id, d: edgePath, style: edgeStyle, className: "react-flow__edge-path", markerEnd: markerEnd, markerStart: markerStart }), (edgeData === null || edgeData === void 0 ? void 0 : edgeData.label) && (_jsx(DraggableEdgeLabel, { pathId: id, label: edgeData.label, labelPosition: labelPosition, onPositionChange: onPositionChange, pathVersion: edgePath }))] }));
+};
+export default React.memo(CollabEdge);
+//# sourceMappingURL=CollabEdge.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/collaborationDiagram/nodes/CollabEdge.js.map

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

package/dist/out-tsc/packages/diagrams/src/lib/templates/collaborationDiagram/nodes/CollabObjectNode.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import { Handle, Position, NodeResizeControl } from '@xyflow/react';
+import { Box, Typography } from '@mui/material';
+import ResizeIcon from '../../../components/ResizeIcon';
+const controlStyle = {
+    background: 'transparent',
+    border: 'none',
+    cursor: 'nw-resize',
+    width: '32px',
+    height: '32px',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+};
+const CollabObjectNode = (props) => {
+    const { data } = props;
+    // Flexible dimensions calculation
+    const getFlexibleDimensions = () => {
+        const labelLength = data.label.length;
+        // 1. INFINITE RESIZE: Truly infinite limits
+        if (data.infiniteResize === true) {
+            return {
+                minWidth: 30,
+                minHeight: 20,
+                maxWidth: 50000, // Effectively infinite
+                maxHeight: 50000 // Effectively infinite
+            };
+        }
+        // 2. CUSTOM RESTRICTIONS: User-defined limits
+        if (data.customRestrictions) {
+            const baseMinWidth = Math.max(labelLength * 10 + 32, data.customRestrictions.minWidth || 60);
+            return {
+                minWidth: baseMinWidth,
+                minHeight: data.customRestrictions.minHeight || 38,
+                maxWidth: data.customRestrictions.maxWidth || 50000, // Default to infinite if not specified
+                maxHeight: data.customRestrictions.maxHeight || 50000, // Default to infinite if not specified
+            };
+        }
+        // 3. DEFAULT RESTRICTIONS: Much more generous standard sizing
+        const baseMinWidth = Math.max(labelLength * 10 + 32, 60);
+        return {
+            minWidth: baseMinWidth,
+            minHeight: 38,
+            maxWidth: 25000, // Much larger default limits
+            maxHeight: 25000, // Much larger default limits
+        };
+    };
+    // Memoize width/height calculations
+    const { calculatedWidth, calculatedHeight, minWidth, minHeight, maxWidth, maxHeight } = useMemo(() => {
+        const dimensions = getFlexibleDimensions();
+        return Object.assign({ calculatedWidth: Math.max(data.width || dimensions.minWidth, dimensions.minWidth), calculatedHeight: Math.max(data.height || dimensions.minHeight, dimensions.minHeight) }, dimensions);
+    }, [data.label, data.width, data.height, data.infiniteResize, data.customRestrictions]);
+    const { label, variant = 'normal' } = data;
+    return (_jsxs(_Fragment, { children: [data.resizable !== false && (_jsx(NodeResizeControl, { style: controlStyle, minWidth: minWidth, minHeight: minHeight, maxWidth: maxWidth, maxHeight: maxHeight, children: _jsx(ResizeIcon, { size: 20, color: "#61dafb", hoverColor: "#4fc3f7" }) })), _jsxs(Box, { sx: {
+                    position: 'relative',
+                    display: 'inline-block',
+                    width: calculatedWidth,
+                    height: calculatedHeight,
+                }, children: [variant === 'multiple' && (_jsxs(_Fragment, { children: [_jsx(Box, { sx: {
+                                    position: 'absolute',
+                                    left: 12,
+                                    top: 12,
+                                    width: '100%',
+                                    height: '100%',
+                                    border: '2px solid',
+                                    borderColor: '#61dafb',
+                                    borderRadius: 1,
+                                    bgcolor: '#2d2d2d',
+                                    zIndex: 0,
+                                    opacity: 0.7,
+                                    pointerEvents: 'none',
+                                } }), _jsx(Box, { sx: {
+                                    position: 'absolute',
+                                    left: 6,
+                                    top: 6,
+                                    width: '100%',
+                                    height: '100%',
+                                    border: '2px solid',
+                                    borderColor: '#61dafb',
+                                    borderRadius: 1,
+                                    bgcolor: '#3d3d3d',
+                                    zIndex: 1,
+                                    opacity: 0.85,
+                                    pointerEvents: 'none',
+                                } })] })), _jsxs(Box, { sx: {
+                            position: 'relative',
+                            border: '2px solid',
+                            borderColor: '#61dafb',
+                            borderRadius: 1,
+                            bgcolor: '#4d4d4d',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            boxShadow: '0 4px 8px rgba(97, 218, 251, 0.3)',
+                            padding: '0 12px',
+                            textAlign: 'center',
+                            wordBreak: 'break-word',
+                            whiteSpace: 'nowrap',
+                            overflowWrap: 'break-word',
+                            width: '100%',
+                            height: '100%',
+                            zIndex: 2,
+                        }, children: [_jsx(Typography, { fontWeight: "bold", fontSize: 15, color: "#ffffff", sx: {
+                                    width: '100%',
+                                    zIndex: 2,
+                                    whiteSpace: 'nowrap',
+                                    overflow: 'hidden',
+                                    textOverflow: 'ellipsis',
+                                }, children: label }), _jsx(Handle, { type: "target", position: Position.Left }), _jsx(Handle, { type: "source", position: Position.Right })] })] })] }));
+};
+export default memo(CollabObjectNode);
+export const MIN_WIDTH = 112;
+export const MIN_HEIGHT = 38;
+//# sourceMappingURL=CollabObjectNode.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/collaborationDiagram/nodes/CollabObjectNode.js.map

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

package/dist/out-tsc/packages/diagrams/src/lib/templates/node-forms/ApiForm.js

@@ -0,0 +1,169 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, memo } from 'react';
+import { Box, Button, TextField, Typography, Stack, IconButton, Divider, Accordion, AccordionSummary, AccordionDetails, } from '@mui/material';
+import { Add as AddIcon, Delete as DeleteIcon, ExpandMore as ExpandMoreIcon } from '@mui/icons-material';
+import { useTranslation } from 'react-i18next';
+import { useFormValidation } from '../../hooks/useFormValidation';
+const ApiForm = ({ formData, handleInputChange, handleMultipleInputChanges, }) => {
+    const { t } = useTranslation();
+    const [expandedSections, setExpandedSections] = useState({
+        headers: true,
+        queryParams: true,
+        body: false,
+    });
+    const { validationState, setFieldError, setFieldTouched, shouldShowFieldError, getFieldError, clearFieldError, } = useFormValidation();
+    // Handle section expansion - memoized to prevent recreation
+    const handleSectionToggle = useCallback((section) => {
+        setExpandedSections(prev => (Object.assign(Object.assign({}, prev), { [section]: !prev[section] })));
+    }, []);
+    // Handle header management
+    const addHeader = useCallback(() => {
+        const newHeaders = [...(formData.headers || []), { key: '', value: '' }];
+        handleInputChange('headers', newHeaders);
+    }, [formData.headers, handleInputChange]);
+    const updateHeader = useCallback((index, field, value) => {
+        const updatedHeaders = [...(formData.headers || [])];
+        updatedHeaders[index] = Object.assign(Object.assign({}, updatedHeaders[index]), { [field]: value });
+        handleInputChange('headers', updatedHeaders);
+    }, [formData.headers, handleInputChange]);
+    const removeHeader = useCallback((index) => {
+        const updatedHeaders = (formData.headers || []).filter((_, i) => i !== index);
+        handleInputChange('headers', updatedHeaders);
+    }, [formData.headers, handleInputChange]);
+    // Handle query parameter management
+    const addQueryParam = useCallback(() => {
+        const newQueryParams = [...(formData.queryParams || []), { key: '', value: '' }];
+        handleInputChange('queryParams', newQueryParams);
+    }, [formData.queryParams, handleInputChange]);
+    const updateQueryParam = useCallback((index, field, value) => {
+        const updatedQueryParams = [...(formData.queryParams || [])];
+        updatedQueryParams[index] = Object.assign(Object.assign({}, updatedQueryParams[index]), { [field]: value });
+        handleInputChange('queryParams', updatedQueryParams);
+    }, [formData.queryParams, handleInputChange]);
+    const removeQueryParam = useCallback((index) => {
+        const updatedQueryParams = (formData.queryParams || []).filter((_, i) => i !== index);
+        handleInputChange('queryParams', updatedQueryParams);
+    }, [formData.queryParams, handleInputChange]);
+    // Memoized handlers for accordion toggles
+    const handleHeadersToggle = useCallback(() => {
+        handleSectionToggle('headers');
+    }, [handleSectionToggle]);
+    const handleQueryParamsToggle = useCallback(() => {
+        handleSectionToggle('queryParams');
+    }, [handleSectionToggle]);
+    const handleBodyToggle = useCallback(() => {
+        handleSectionToggle('body');
+    }, [handleSectionToggle]);
+    const apiFormStyles = {
+        accordion: {
+            backgroundColor: 'transparent',
+            color: '#FFFFFF',
+            '&:before': {
+                backgroundColor: 'transparent',
+            },
+            '& .MuiAccordionSummary-root': {
+                color: '#FFFFFF',
+            },
+        },
+        textField: {
+            '& .MuiOutlinedInput-root': {
+                color: '#FFFFFF',
+                '& fieldset': {
+                    borderColor: '#8E8E93',
+                },
+                '&:hover fieldset': {
+                    borderColor: '#FFFFFF',
+                },
+                '&.Mui-focused fieldset': {
+                    borderColor: '#3688A2',
+                },
+            },
+            '& .MuiInputLabel-root': {
+                color: '#8E8E93',
+                '&.Mui-focused': {
+                    color: '#3688A2',
+                },
+            },
+        },
+    };
+    return (_jsxs(Stack, { spacing: 2, children: [_jsxs(Stack, { direction: "row", spacing: 2, children: [_jsx(Box, { sx: { minWidth: 120 }, children: _jsxs("select", { value: formData.method || 'GET', onChange: (e) => handleInputChange('method', e.target.value), style: {
+                                width: '100%',
+                                height: '100%',
+                                padding: '8px 12px',
+                                backgroundColor: 'transparent',
+                                color: '#FFFFFF',
+                                border: '1px solid #8E8E93',
+                                borderRadius: '4px',
+                                fontSize: '14px',
+                                outline: 'none',
+                                cursor: 'pointer'
+                            }, onFocus: (e) => {
+                                e.target.style.borderColor = '#3688A2';
+                            }, onBlur: (e) => {
+                                e.target.style.borderColor = '#8E8E93';
+                            }, children: [_jsx("option", { value: "GET", style: { backgroundColor: '#2a2a2a', color: '#FFFFFF' }, children: "GET" }), _jsx("option", { value: "POST", style: { backgroundColor: '#2a2a2a', color: '#FFFFFF' }, children: "POST" }), _jsx("option", { value: "PUT", style: { backgroundColor: '#2a2a2a', color: '#FFFFFF' }, children: "PUT" }), _jsx("option", { value: "DELETE", style: { backgroundColor: '#2a2a2a', color: '#FFFFFF' }, children: "DELETE" }), _jsx("option", { value: "PATCH", style: { backgroundColor: '#2a2a2a', color: '#FFFFFF' }, children: "PATCH" })] }) }), _jsx(TextField, { fullWidth: true, label: "URL", value: formData.url || '', onChange: (e) => handleInputChange('url', e.target.value), placeholder: "https://api.example.com/endpoint", sx: apiFormStyles.textField })] }), _jsxs(Accordion, { expanded: expandedSections.headers, onChange: handleHeadersToggle, sx: apiFormStyles.accordion, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, { sx: { color: '#FFFFFF' } }), children: _jsx(Typography, { sx: { color: '#FFFFFF' }, children: "Headers" }) }), _jsx(AccordionDetails, { children: _jsxs(Stack, { spacing: 1, children: [(formData.headers || []).map((header, index) => (_jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [_jsx(TextField, { label: "Key", value: header.key, onChange: (e) => updateHeader(index, 'key', e.target.value), size: "small", sx: apiFormStyles.textField }), _jsx(TextField, { label: "Value", value: header.value, onChange: (e) => updateHeader(index, 'value', e.target.value), size: "small", sx: apiFormStyles.textField }), _jsx(IconButton, { onClick: () => removeHeader(index), sx: { color: '#FF6B6B' }, children: _jsx(DeleteIcon, {}) })] }, index))), _jsx(Button, { startIcon: _jsx(AddIcon, {}), onClick: addHeader, sx: {
+                                        color: '#3688A2',
+                                        borderColor: '#3688A2',
+                                        '&:hover': {
+                                            borderColor: '#4A90E2',
+                                            backgroundColor: 'rgba(54, 136, 162, 0.1)',
+                                        },
+                                    }, variant: "outlined", children: "Add Header" })] }) })] }), _jsxs(Accordion, { expanded: expandedSections.queryParams, onChange: handleQueryParamsToggle, sx: apiFormStyles.accordion, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, { sx: { color: '#FFFFFF' } }), children: _jsx(Typography, { sx: { color: '#FFFFFF' }, children: "Query Parameters" }) }), _jsx(AccordionDetails, { children: _jsxs(Stack, { spacing: 1, children: [(formData.queryParams || []).map((param, index) => (_jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [_jsx(TextField, { label: "Key", value: param.key, onChange: (e) => updateQueryParam(index, 'key', e.target.value), size: "small", sx: apiFormStyles.textField }), _jsx(TextField, { label: "Value", value: param.value, onChange: (e) => updateQueryParam(index, 'value', e.target.value), size: "small", sx: apiFormStyles.textField }), _jsx(IconButton, { onClick: () => removeQueryParam(index), sx: { color: '#FF6B6B' }, children: _jsx(DeleteIcon, {}) })] }, index))), _jsx(Button, { startIcon: _jsx(AddIcon, {}), onClick: addQueryParam, sx: {
+                                        color: '#3688A2',
+                                        borderColor: '#3688A2',
+                                        '&:hover': {
+                                            borderColor: '#4A90E2',
+                                            backgroundColor: 'rgba(54, 136, 162, 0.1)',
+                                        },
+                                    }, variant: "outlined", children: "Add Query Parameter" })] }) })] }), ['POST', 'PUT', 'PATCH'].includes(formData.method || 'GET') && (_jsxs(Accordion, { expanded: expandedSections.body, onChange: handleBodyToggle, sx: apiFormStyles.accordion, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, { sx: { color: '#FFFFFF' } }), children: _jsx(Typography, { sx: { color: '#FFFFFF' }, children: "Request Body" }) }), _jsx(AccordionDetails, { children: _jsxs(Stack, { spacing: 2, children: [_jsx(Box, { children: _jsxs("select", { value: formData.bodyType || 'json', onChange: (e) => handleInputChange('bodyType', e.target.value), style: {
+                                            width: '100%',
+                                            padding: '8px 12px',
+                                            backgroundColor: 'transparent',
+                                            color: '#FFFFFF',
+                                            border: '1px solid #8E8E93',
+                                            borderRadius: '4px',
+                                            fontSize: '14px',
+                                            outline: 'none',
+                                            cursor: 'pointer'
+                                        }, onFocus: (e) => {
+                                            e.target.style.borderColor = '#3688A2';
+                                        }, onBlur: (e) => {
+                                            e.target.style.borderColor = '#8E8E93';
+                                        }, children: [_jsx("option", { value: "json", style: { backgroundColor: '#2a2a2a', color: '#FFFFFF' }, children: "JSON" }), _jsx("option", { value: "form-data", style: { backgroundColor: '#2a2a2a', color: '#FFFFFF' }, children: "Form Data" }), _jsx("option", { value: "x-www-form-urlencoded", style: { backgroundColor: '#2a2a2a', color: '#FFFFFF' }, children: "URL Encoded" }), _jsx("option", { value: "raw", style: { backgroundColor: '#2a2a2a', color: '#FFFFFF' }, children: "Raw" })] }) }), _jsx(TextField, { multiline: true, rows: 4, label: "Body Content", value: formData.body || '', onChange: (e) => handleInputChange('body', e.target.value), placeholder: formData.bodyType === 'json' ? '{"key": "value"}' : 'Enter body content', sx: apiFormStyles.textField })] }) })] })), _jsx(Divider, { sx: { borderColor: '#3a3a3a' } }), _jsx(Typography, { variant: "h6", sx: { color: '#FFFFFF' }, children: "Response Configuration" }), _jsxs(Stack, { direction: "row", spacing: 2, children: [_jsx(TextField, { label: "Response Variable Name", value: formData.responseVariable || '', onChange: (e) => handleInputChange('responseVariable', e.target.value), placeholder: "apiResponse", sx: apiFormStyles.textField }), _jsx(Box, { sx: { minWidth: 120 }, children: _jsxs("select", { value: formData.responseDataType || 'Object', onChange: (e) => handleInputChange('responseDataType', e.target.value), style: {
+                                width: '100%',
+                                height: '100%',
+                                padding: '8px 12px',
+                                backgroundColor: 'transparent',
+                                color: '#FFFFFF',
+                                border: '1px solid #8E8E93',
+                                borderRadius: '4px',
+                                fontSize: '14px',
+                                outline: 'none',
+                                cursor: 'pointer'
+                            }, onFocus: (e) => {
+                                e.target.style.borderColor = '#3688A2';
+                            }, onBlur: (e) => {
+                                e.target.style.borderColor = '#8E8E93';
+                            }, children: [_jsx("option", { value: "String", style: { backgroundColor: '#2a2a2a', color: '#FFFFFF' }, children: "String" }), _jsx("option", { value: "Object", style: { backgroundColor: '#2a2a2a', color: '#FFFFFF' }, children: "Object" }), _jsx("option", { value: "Array", style: { backgroundColor: '#2a2a2a', color: '#FFFFFF' }, children: "Array" })] }) })] })] }));
+};
+// Memoize the component to prevent unnecessary re-renders
+export default memo(ApiForm, (prevProps, nextProps) => {
+    // Only re-render if formData actually changes
+    const prevFormData = prevProps.formData;
+    const nextFormData = nextProps.formData;
+    // Check if formData reference is the same (most efficient)
+    if (prevFormData === nextFormData) {
+        return true; // Don't re-render
+    }
+    // Deep comparison for formData changes
+    return (prevFormData.type === nextFormData.type &&
+        prevFormData.method === nextFormData.method &&
+        prevFormData.url === nextFormData.url &&
+        JSON.stringify(prevFormData.headers) === JSON.stringify(nextFormData.headers) &&
+        JSON.stringify(prevFormData.queryParams) === JSON.stringify(nextFormData.queryParams) &&
+        prevFormData.body === nextFormData.body &&
+        prevFormData.bodyType === nextFormData.bodyType &&
+        prevFormData.responseVariable === nextFormData.responseVariable &&
+        prevFormData.responseDataType === nextFormData.responseDataType);
+});
+//# sourceMappingURL=ApiForm.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/node-forms/ApiForm.js.map

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