@flowuent-org/diagramming-core 1.0.7 → 1.1.0

package/dist/out-tsc/packages/diagrams/src/lib/molecules/WorkflowNodeActionButtons.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useModalControls } from '../hooks/useModalControls';
+import AnimatedExpandButton from './animated-add-button';
+import { AddParallelColButton } from '../atoms/AddParallelColButton';
+import { useWorkflowNodeAction } from '../hooks/useWorkflowNodeActiont';
+import { useRenderAddNodeView } from '../contexts/DiagramProvider';
+import { useNodeId } from '../contexts/CardDataProvider'; // Import the selector
+import { Box } from '@mui/material';
+export const WorkflowNodeActionButtons = React.memo(({ direction, isReplacing = false, variant = 'anchor', addInMiddle, }) => {
+    const { open, onClick, setOpen } = useModalControls();
+    const renderAddNodeView = useRenderAddNodeView(); // Specific hook for renderAddNodeView
+    const nodeId = useNodeId(); // Use selector for nodeId
+    const { addNode } = useWorkflowNodeAction({
+        isReplacing,
+        variant,
+        addInMiddle,
+        direction,
+        closeModal: () => setOpen(false),
+        nodeId: nodeId || '',
+    });
+    // console.log('varient: ', variant);
+    // console.log('is replasing: ', isReplacing);
+    // console.log('add in middle: ', addInMiddle);
+    // console.log('direction: ', direction);
+    // console.log('node id: ', nodeId);
+    // console.log('render add node view: ', renderAddNodeView);
+    return (_jsxs(Box, { children: [renderAddNodeView && renderAddNodeView(addNode, open, setOpen), variant === 'anchor' && (_jsx(AnimatedExpandButton, { onClick: onClick, direction: direction, isReplacing: isReplacing })), variant === 'addParallelCol' && (_jsx(AddParallelColButton, { onClick: onClick }))] }));
+});
+//# sourceMappingURL=WorkflowNodeActionButtons.js.map

package/dist/out-tsc/packages/diagrams/src/lib/molecules/WorkflowNodeActionButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowNodeActionButtons.js","sourceRoot":"","sources":["../../../../../../../packages/diagrams/src/lib/molecules/WorkflowNodeActionButtons.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,oBAAoB,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC,CAAC,sBAAsB;AAChF,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AASpC,MAAM,CAAC,MAAM,yBAAyB,GACpC,KAAK,CAAC,IAAI,CACR,CAAC,EACC,SAAS,EACT,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,QAAQ,EAClB,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACtD,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC,CAAC,sCAAsC;IACxF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC,CAAC,0BAA0B;IACtD,MAAM,EAAE,OAAO,EAAE,GAAG,qBAAqB,CAAC;QACxC,WAAW;QACX,OAAO;QACP,WAAW;QACX,SAAS;QACT,UAAU,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;QAChC,MAAM,EAAE,MAAM,IAAI,EAAE;KACrB,CAAC,CAAC;IACH,qCAAqC;IACrC,8CAA8C;IAC9C,+CAA+C;IAC/C,yCAAyC;IACzC,oCAAoC;IACpC,4DAA4D;IAE5D,OAAO,CACL,MAAC,GAAG,eACD,iBAAiB,IAAI,iBAAiB,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,EAC9D,OAAO,KAAK,QAAQ,IAAI,CACvB,KAAC,oBAAoB,IACnB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,GACxB,CACH,EACA,OAAO,KAAK,gBAAgB,IAAI,CAC/B,KAAC,oBAAoB,IACnB,OAAO,EAAE,OAAO,GAChB,CACH,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/out-tsc/packages/diagrams/src/lib/molecules/animated-add-button.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled, useTheme } from '@mui/material';
+import { FaExchangeAlt, FaPlus } from 'react-icons/fa';
+// Styled button using HTML button
+const StyledButton = styled('button')(({ theme }) => ({
+    position: 'absolute',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: '50%', // Make the button circular
+    width: '30px', // Fixed width
+    height: '30px', // Fixed height
+    border: `2px solid #3688A2`,
+    color: '#3688A2',
+    cursor: 'pointer',
+    '&:hover': {
+        border: `3px solid #3688A2`,
+        color: '#3688A2',
+    },
+}));
+const AnimatedExpandButton = ({ onClick, direction, isReplacing, }) => {
+    const theme = useTheme();
+    // Get position style based on direction
+    const getPositionStyle = () => {
+        switch (direction) {
+            case 'bottom':
+                return {
+                    bottom: '-15px',
+                    left: '50%',
+                    transform: 'translateX(-50%)',
+                };
+            case 'top':
+                return {
+                    top: '-15px',
+                    left: '50%',
+                    transform: 'translateX(-50%)',
+                };
+            case 'left':
+                return {
+                    left: '-15px',
+                    top: '50%',
+                    transform: 'translateY(-50%)',
+                };
+            default: // right
+                return {
+                    right: '-15px',
+                    top: '50%',
+                    transform: 'translateY(-50%)',
+                };
+        }
+    };
+    return (_jsx(StyledButton, { onClick: onClick, style: Object.assign({}, getPositionStyle()), children: isReplacing ? (_jsx(FaExchangeAlt, { size: 12 })) : (_jsx(FaPlus, { size: 12 })) }));
+};
+export default AnimatedExpandButton;
+//# sourceMappingURL=animated-add-button.js.map

package/dist/out-tsc/packages/diagrams/src/lib/molecules/animated-add-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-add-button.js","sourceRoot":"","sources":["../../../../../../../packages/diagrams/src/lib/molecules/animated-add-button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAGvD,kCAAkC;AAClC,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,YAAY,EAAE,KAAK,EAAE,2BAA2B;IAChD,KAAK,EAAE,MAAM,EAAE,cAAc;IAC7B,MAAM,EAAE,MAAM,EAAE,eAAe;IAC/B,MAAM,EAAE,mBAAmB;IAC3B,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE;QACT,MAAM,EAAE,mBAAmB;QAC3B,KAAK,EAAE,SAAS;KACjB;CACF,CAAC,CAAC,CAAC;AAQJ,MAAM,oBAAoB,GAAwC,CAAC,EACjE,OAAO,EACP,SAAS,EACT,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,wCAAwC;IACxC,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,QAAQ,SAAS,EAAE,CAAC;YAClB,KAAK,QAAQ;gBACX,OAAO;oBACL,MAAM,EAAE,OAAO;oBACf,IAAI,EAAE,KAAK;oBACX,SAAS,EAAE,kBAAkB;iBAC9B,CAAC;YACJ,KAAK,KAAK;gBACR,OAAO;oBACL,GAAG,EAAE,OAAO;oBACZ,IAAI,EAAE,KAAK;oBACX,SAAS,EAAE,kBAAkB;iBAC9B,CAAC;YACJ,KAAK,MAAM;gBACT,OAAO;oBACL,IAAI,EAAE,OAAO;oBACb,GAAG,EAAE,KAAK;oBACV,SAAS,EAAE,kBAAkB;iBAC9B,CAAC;YACJ,SAAS,QAAQ;gBACf,OAAO;oBACL,KAAK,EAAE,OAAO;oBACd,GAAG,EAAE,KAAK;oBACV,SAAS,EAAE,kBAAkB;iBAC9B,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,KAAK,oBACA,gBAAgB,EAAE,aAGtB,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,CAC5B,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,CACrB,GACY,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/out-tsc/packages/diagrams/src/lib/molecules/json-viewer.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import ReactDOM from 'react-dom';
+import { Card, CardContent, IconButton, useTheme } from '@mui/material';
+import ReactJson from 'react-json-view';
+import { RiCloseLine, RiUser2Line } from 'react-icons/ri';
+const JsonPortalButton = ({ curNode }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const handleButtonClick = () => {
+        setIsOpen(!isOpen);
+    };
+    const handleClose = () => {
+        setIsOpen(false);
+    };
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (isOpen && !event.target.closest('#mouse-over-popover')) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [isOpen]);
+    useEffect(() => {
+        if (isOpen) {
+            const portalRoot = document.createElement('div');
+            document.body.appendChild(portalRoot);
+            ReactDOM.render(_jsx(Card, { id: "mouse-over-popover", sx: {
+                    position: 'fixed',
+                    top: 0,
+                    right: 0,
+                    zIndex: 9999,
+                    width: '400px',
+                    height: '100vh',
+                    overflow: 'auto',
+                    bgcolor: '#242424',
+                    color: '#fff',
+                    border: '1px solid #333',
+                    // Custom scrollbar styling
+                    '&::-webkit-scrollbar': {
+                        width: '6px',
+                    },
+                    '&::-webkit-scrollbar-track': {
+                        background: 'transparent',
+                    },
+                    '&::-webkit-scrollbar-thumb': {
+                        background: '#444',
+                        borderRadius: '3px',
+                        '&:hover': {
+                            background: '#666',
+                        },
+                    },
+                }, children: _jsxs(CardContent, { sx: { bgcolor: '#242424', color: '#fff' }, children: [_jsx(IconButton, { "aria-label": "close", onClick: handleClose, sx: {
+                                color: '#999',
+                                '&:hover': {
+                                    color: '#fff',
+                                    bgcolor: 'rgba(255, 255, 255, 0.1)',
+                                },
+                            }, children: _jsx(RiCloseLine, {}) }), _jsx(ReactJson, { theme: 'monokai', src: curNode, collapsed: false })] }) }), portalRoot);
+            return () => {
+                ReactDOM.unmountComponentAtNode(portalRoot);
+                document.body.removeChild(portalRoot);
+            };
+        }
+    }, [isOpen, curNode, handleClose]);
+    const theme = useTheme();
+    return (_jsx(IconButton, { "aria-owns": isOpen ? 'mouse-over-popover' : undefined, "aria-haspopup": "true", onClick: handleButtonClick, color: 'primary', children: _jsx(RiUser2Line, {}) }));
+};
+export default JsonPortalButton;
+//# sourceMappingURL=json-viewer.js.map

package/dist/out-tsc/packages/diagrams/src/lib/molecules/json-viewer.js.map

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

package/dist/out-tsc/packages/diagrams/src/lib/organisms/AddNodeView.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Button, Grid, Modal, Paper, Typography } from '@mui/material';
+import { RiAddBoxLine, RiArrowRightLine, RiGitBranchLine, RiLayoutColumnLine, RiNodeTree, RiRepeatLine, RiShuffleLine, RiGlobalLine, } from 'react-icons/ri';
+const nodeActions = [
+    { label: 'Parallel', type: 'parallel', icon: _jsx(RiNodeTree, {}) },
+    { label: 'Branch', type: 'branch', icon: _jsx(RiGitBranchLine, {}) },
+    { label: 'Return', type: 'return', icon: _jsx(RiArrowRightLine, {}) },
+    { label: 'Loop', type: 'loop', icon: _jsx(RiRepeatLine, {}) },
+    { label: 'Repeat', type: 'loop', icon: _jsx(RiLayoutColumnLine, {}) },
+    { label: 'Switch', type: 'switch', icon: _jsx(RiShuffleLine, {}) },
+    { label: 'API Call', type: 'api', icon: _jsx(RiGlobalLine, {}) },
+    { label: 'Rest API', type: 'rest', icon: _jsx(RiAddBoxLine, {}) },
+];
+export const AddNodeView = React.memo(({ addNode, open, setOpen, }) => {
+    return (_jsx(Modal, { open: open, onClose: () => setOpen(false), "aria-labelledby": "modal-modal-title", "aria-describedby": "modal-modal-description", children: _jsx(Box, { sx: {
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                height: '100vh',
+                backdropFilter: 'blur(10px) saturate(180%)', // Glass effect
+                backgroundColor: 'rgba(255, 255, 255, 0.1)',
+            }, children: _jsxs(Paper, { elevation: 3, sx: {
+                    width: 500,
+                    padding: 3,
+                    borderRadius: 4,
+                    background: 'rgba(255, 255, 255, 0.7)',
+                    boxShadow: '0 4px 30px rgba(0, 0, 0, 0.1)',
+                    backdropFilter: 'blur(10px)',
+                }, children: [_jsx(Typography, { variant: "h6", component: "h3", gutterBottom: true, children: "Add a New Node" }), _jsx(Typography, { variant: "subtitle1", component: "h5", gutterBottom: true, children: "Select your data flow type for your new nodes" }), _jsx(Grid, { container: true, spacing: 2, children: nodeActions.map((item) => (_jsx(Grid, { item: true, xs: 12, children: _jsx(Button, { sx: {
+                                    textTransform: 'none', // Prevent capitalization
+                                    justifyContent: 'flex-start', // Align text and icon left
+                                }, startIcon: item.icon, fullWidth: true, variant: "outlined", color: "inherit", onClick: (e) => {
+                                    e.stopPropagation();
+                                    addNode(item.type);
+                                }, children: item.label }) }, item.label))) })] }) }) }));
+});
+//# sourceMappingURL=AddNodeView.js.map

package/dist/out-tsc/packages/diagrams/src/lib/organisms/AddNodeView.js.map

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

package/dist/out-tsc/packages/diagrams/src/lib/organisms/Card/EntityNode.js

@@ -0,0 +1,139 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useNodeId } from '@xyflow/react';
+import React, { useCallback, useRef, useState } from 'react';
+import { NodeContextMenu } from '../NodeContextMenu';
+import { useRegisterEvent, useRegisterEventCallback, useTriggerEvent, } from '../../utils/event-hooks';
+import { useDeleteNodeByEvent, useUpdateNode } from '../../utils/node-hooks';
+import { Box, Drawer, IconButton, Paper } from '@mui/material';
+import { useDroppable } from '@dnd-kit/core';
+import { SideHandles } from '../../molecules/SideHandles';
+import CardEditableTitle from '../../atoms/CardEditableTitle';
+import EntityNodeCoverContent from '../../atoms/CardMainContent';
+import { EntityNodeBlocks } from '../../molecules/EntityNodeBlocks';
+import AddNodeAnchorForCardNodes from '../../atoms/AddNodeAnchor';
+import { useCustomReactFlow } from '../../hooks/customUseReactFlow';
+import { RiCodeSSlashLine } from 'react-icons/ri';
+import ReactJson from 'react-json-view';
+import { useDiagram, useSelectedNode } from '../../contexts/DiagramProvider';
+import { CardDataProvider, useDraggedCard, useNodeIsPinned, useSetAddingBlock, useSetDraggedCard, } from '../../contexts/CardDataProvider';
+import constantLengths from '../../utils/constant-lengths';
+import { RiPushpin2Fill, RiPushpin2Line } from 'react-icons/ri';
+import { useResizeObserver } from '../../hooks/useResizeObserver';
+// Memoized subcomponent for the JSON Drawer
+const JsonDrawer = React.memo(({ isOpen, onClose, nodeId, }) => {
+    var _a;
+    const nodes = useCustomReactFlow().getNodes();
+    return (_jsx(Drawer, { anchor: "right", open: isOpen, onClose: onClose, sx: {
+            '& .MuiDrawer-paper': {
+                width: '400px',
+                padding: 2,
+            },
+        }, children: _jsx(ReactJson, { src: (_a = nodes.find((node) => node.id === nodeId)) !== null && _a !== void 0 ? _a : {}, theme: "monokai", displayDataTypes: false, collapsed: 2 }) }));
+});
+// Memoized subcomponent for the JSON View Icon Button
+const JsonViewButton = React.memo(({ onClick }) => {
+    return (_jsx(IconButton, { onClick: onClick, sx: {
+            position: 'absolute',
+            top: 20,
+            right: 10,
+            zIndex: 10,
+        }, children: _jsx(RiCodeSSlashLine, { color: "#FFFF" }) }));
+});
+// Memoized subcomponent for the Node Content
+const NodeContent = React.memo(() => {
+    console.log('NodeContent re-rendered');
+    const { getNodes, getEdges } = useCustomReactFlow();
+    const nodeId = useNodeId(); // Use selector for nodeId
+    const isPinned = useNodeIsPinned();
+    const { register: registerPaneClick, unregister: unregisterPaneClick } = useRegisterEvent('onPaneClick');
+    const draggedCard = useDraggedCard(); // Use selector if available
+    const setDraggedCard = useSetDraggedCard(); // Use selector if available
+    const selectedNode = useSelectedNode();
+    const setIsPannable = useDiagram((state) => state.setPannable);
+    const setSelectedNode = useDiagram((state) => state.setSelectedNode);
+    const setContentHeight = useDiagram((state) => state.setContentHeight);
+    const contentRef = useRef(null);
+    const [isJsonDrawerOpen, setIsJsonDrawerOpen] = useState(false);
+    const enableJson = useDiagram((state) => { var _a; return (_a = state.enableNodeJsonPopover) !== null && _a !== void 0 ? _a : true; });
+    const dragData = useRef([]);
+    const handleOnNodeDragStart = useCallback((_event, node) => {
+        if (node.id === nodeId) {
+            setDraggedCard(nodeId);
+            dragData.current = [
+                JSON.parse(JSON.stringify(getNodes())),
+                JSON.parse(JSON.stringify(getEdges())),
+            ];
+        }
+    }, [nodeId, getNodes, getEdges]);
+    const handleOnNodeDragEnd = useCallback((_event, node) => {
+        if (node.id === nodeId) {
+            setDraggedCard(null);
+            if (dragData.current) {
+                dragData.current = [];
+            }
+        }
+    }, [nodeId, draggedCard]);
+    useRegisterEventCallback('onNodeDragStart', handleOnNodeDragStart);
+    useRegisterEventCallback('onNodeDragStop', handleOnNodeDragEnd);
+    const handleOpenToolbar = useTriggerEvent('onOpenToolbar');
+    const handleKeyEvents = useDeleteNodeByEvent(nodeId || '');
+    const setAddingBlock = useSetAddingBlock();
+    const onUnselect = useCallback(() => {
+        setSelectedNode(null);
+        setAddingBlock(false); // Use selector if available
+        unregisterPaneClick();
+    }, [unregisterPaneClick]);
+    const onSelect = useCallback(() => {
+        if (!nodeId)
+            return;
+        handleOpenToolbar();
+        setSelectedNode(nodeId);
+        registerPaneClick(onUnselect);
+    }, [registerPaneClick, handleOpenToolbar, setSelectedNode, setIsPannable]);
+    const { setNodeRef, isOver } = useDroppable({ id: `node-${nodeId}` });
+    const toggleJsonDrawer = useCallback(() => {
+        setIsJsonDrawerOpen((prev) => !prev);
+    }, []);
+    const handleResize = React.useCallback(({ height }) => {
+        if (nodeId) {
+            const safeHeight = height || constantLengths.SUB_NODE_HEIGHT;
+            setContentHeight(nodeId, safeHeight + 15);
+        }
+    }, [nodeId, setContentHeight]);
+    useResizeObserver(contentRef, handleResize);
+    const updateNode = useUpdateNode();
+    const togglePin = useCallback(() => {
+        updateNode(nodeId, (node) => {
+            var _a, _b;
+            const isCurrentlyPinned = (_b = (_a = node === null || node === void 0 ? void 0 : node.data) === null || _a === void 0 ? void 0 : _a.isPinned) !== null && _b !== void 0 ? _b : false;
+            return {
+                data: Object.assign(Object.assign({}, node.data), { isPinned: !isCurrentlyPinned }),
+            };
+        });
+    }, [updateNode, nodeId]);
+    return (_jsxs(_Fragment, { children: [_jsxs(Paper, { ref: setNodeRef, variant: (draggedCard === nodeId ? 'draggedDiagramCard' : 'diagramCard'), onClick: onSelect, sx: {
+                    border: `5px solid ${isOver ? '#0059ff' : '#3688A2'}`,
+                    width: '100%',
+                    height: '100%',
+                    position: 'relative',
+                    zIndex: selectedNode === nodeId ? 2 : 1,
+                    transition: 'z-index 0.2s ease',
+                    '& .react-flow__handle': {
+                        zIndex: 3
+                    },
+                    backgroundColor: '#232323'
+                }, children: [_jsx(IconButton, { onClick: togglePin, sx: {
+                            position: 'absolute',
+                            top: 20,
+                            right: 50,
+                            zIndex: 10,
+                        }, children: isPinned ? _jsx(RiPushpin2Fill, { color: "#FFFF" }) : _jsx(RiPushpin2Line, { color: "#FFFF" }) }), enableJson && _jsx(JsonViewButton, { onClick: toggleJsonDrawer }), _jsx(SideHandles, {}), _jsx(NodeContextMenu, {}), _jsx(Box, { onKeyDown: handleKeyEvents, tabIndex: 0, ref: contentRef, children: _jsxs("div", { style: {
+                                borderColor: selectedNode === nodeId ? '#0059ff' : undefined,
+                            }, children: [_jsx(CardEditableTitle, {}), _jsx(EntityNodeCoverContent, {}), _jsx(EntityNodeBlocks, {}), selectedNode === nodeId && (_jsx(AddNodeAnchorForCardNodes, { direction: 'right' }))] }) }), selectedNode === nodeId && (_jsx(AddNodeAnchorForCardNodes, { direction: 'bottom' }))] }), enableJson && (_jsx(JsonDrawer, { isOpen: isJsonDrawerOpen, onClose: toggleJsonDrawer, nodeId: nodeId !== null && nodeId !== void 0 ? nodeId : '' }))] }));
+});
+// Main EntityNode component
+const EntityNode = React.memo(({ id }) => {
+    return (_jsx(CardDataProvider, { nodeId: id, children: _jsx(NodeContent, {}) }));
+});
+export { EntityNode };
+//# sourceMappingURL=EntityNode.js.map

package/dist/out-tsc/packages/diagrams/src/lib/organisms/Card/EntityNode.js.map

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

package/dist/out-tsc/packages/diagrams/src/lib/organisms/Card/card.params.js

@@ -0,0 +1,27 @@
+export const blockTypes = {
+    String: String,
+    Number: Number,
+    Object: Object,
+    Array: Array,
+    Map: Map,
+    Set: Set,
+    Int16: Int16Array,
+    Date: Date,
+    null: null,
+    Boolean: Boolean,
+};
+export const BlockTypesKeys = Object.keys(blockTypes);
+export const fieldTypes = [
+    'STRING', // Variable-length character string
+    'CHAR', // Fixed-length character string
+    'INT', // Integer
+    'FLOAT', // Floating-point number
+    'DATE', // Date
+    'TIME', // Time
+    'DATETIME', // Date and time
+    'BOOLEAN', // Boolean (true/false)
+    'ENUM', // Enumeration (a predefined set of values)
+    'BLOB', // Binary Large Object (for storing binary data)
+    'TEXT', // Text
+];
+//# sourceMappingURL=card.params.js.map

package/dist/out-tsc/packages/diagrams/src/lib/organisms/Card/card.params.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.params.js","sourceRoot":"","sources":["../../../../../../../../packages/diagrams/src/lib/organisms/Card/card.params.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,UAAU;IACjB,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,OAAO;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAiB,CAAC;AACtE,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,QAAQ,EAAE,mCAAmC;IAC7C,MAAM,EAAE,gCAAgC;IACxC,KAAK,EAAE,UAAU;IACjB,OAAO,EAAE,wBAAwB;IACjC,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,gBAAgB;IAC5B,SAAS,EAAE,uBAAuB;IAClC,MAAM,EAAE,2CAA2C;IACnD,MAAM,EAAE,gDAAgD;IACxD,MAAM,EAAE,OAAO;CAChB,CAAC"}

package/dist/out-tsc/packages/diagrams/src/lib/organisms/Card/card.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=card.types.js.map

package/dist/out-tsc/packages/diagrams/src/lib/organisms/Card/card.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.types.js","sourceRoot":"","sources":["../../../../../../../../packages/diagrams/src/lib/organisms/Card/card.types.ts"],"names":[],"mappings":""}

package/dist/out-tsc/packages/diagrams/src/lib/organisms/CodeModal.js

@@ -0,0 +1,55 @@
+import { __awaiter } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Button, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, Tooltip, } from '@mui/material';
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { materialDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
+import { RiDownloadLine, RiFileCopyLine } from 'react-icons/ri'; // Importing icons from react-icons/ri
+import jsBeautify from 'js-beautify';
+import { useTranslation } from 'react-i18next';
+const CodeModal = ({ open, onClose, code }) => {
+    const { t } = useTranslation();
+    const formattedCode = React.useMemo(() => {
+        try {
+            return jsBeautify.js(code, {
+                indent_size: 2,
+                space_in_empty_paren: true,
+            });
+        }
+        catch (error) {
+            console.error('Failed to format code:', error);
+            return code;
+        }
+    }, [code]);
+    const handleDownload = () => {
+        const blob = new Blob([formattedCode], {
+            type: 'text/javascript;charset=utf-8',
+        });
+        const url = URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = 'exportedCode.js';
+        link.click();
+        URL.revokeObjectURL(url);
+    };
+    const handleCopy = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            yield navigator.clipboard.writeText(formattedCode);
+            alert(t('alert.codeCopied'));
+        }
+        catch (error) {
+            console.error('Failed to copy code:', error);
+        }
+    });
+    return (_jsxs(Dialog, { open: open, onClose: onClose, maxWidth: "md", fullWidth: true, sx: {
+            '& .MuiDialog-paper': {
+                backgroundColor: '#1e1e1e', // Dark background for the modal
+            },
+        }, children: [_jsx(DialogTitle, { children: "Exported Code" }), _jsx(DialogContent, { dividers: true, children: _jsx(SyntaxHighlighter, { language: "javascript", style: materialDark, wrapLines: true, wrapLongLines: true, customStyle: {
+                        backgroundColor: '#1e1e1e', // Dark background for the code block
+                        padding: '16px',
+                        borderRadius: '4px',
+                    }, children: formattedCode }) }), _jsxs(DialogActions, { children: [_jsx(Tooltip, { title: t('tooltip.copyToClipboard'), children: _jsxs(IconButton, { onClick: handleCopy, children: [_jsx(RiFileCopyLine, {}), " "] }) }), _jsx(Tooltip, { title: "Download as .js file", children: _jsxs(IconButton, { onClick: handleDownload, children: [_jsx(RiDownloadLine, {}), " "] }) }), _jsx(Button, { onClick: onClose, children: "Close" })] })] }));
+};
+export default CodeModal;
+//# sourceMappingURL=CodeModal.js.map

package/dist/out-tsc/packages/diagrams/src/lib/organisms/CodeModal.js.map

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

package/dist/out-tsc/packages/diagrams/src/lib/organisms/ConditionRuleGroup.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button, IconButton, MenuItem, Paper, Select } from "@mui/material";
+import { Delete } from '@mui/icons-material';
+import React, { useCallback } from "react";
+import ConditionRule from "../molecules/ConditionRule";
+const ruleGroupWrapper = {
+    // padding: '16px',
+    border: 'unset',
+    boxShadow: 'unset',
+    backgroundColor: 'inherit',
+    marginTop: '5px',
+    marginBottom: '16px',
+    '.select-combinator': {
+        mr: 1, padding: '0px',
+        '.MuiSelect-select': {
+            padding: '7px',
+            paddingRight: '29px'
+        }
+    },
+    '.MuiButton-contained': {
+        padding: '6px'
+    },
+    '.rule-btn': {
+        mr: 1
+    },
+};
+const defaultRuleValue = {
+    id: 0,
+    label: '',
+    type: 'env'
+};
+const ConditionRuleGroup = React.memo((props) => {
+    var _a;
+    const { value, onChange, onDelete, options, initialOptions, optionsType, setOptions, setOptionsType, wrapperProps } = props;
+    const handleRuleChange = useCallback((index, newRule) => {
+        const currentRule = value.rules[index];
+        if (JSON.stringify(currentRule) !== JSON.stringify(newRule)) {
+            const newRules = [...value.rules];
+            newRules[index] = newRule;
+            onChange(Object.assign(Object.assign({}, value), { rules: newRules }));
+        }
+    }, [value, onChange]);
+    const handleAddRule = useCallback(() => {
+        onChange(Object.assign(Object.assign({}, value), { rules: [...value.rules, { field: defaultRuleValue, operator: '=', value: defaultRuleValue }] }));
+    }, [value, onChange]);
+    const handleAddGroup = useCallback(() => {
+        onChange(Object.assign(Object.assign({}, value), { rules: [...value.rules, { combinator: 'and', rules: [] }] }));
+    }, [value, onChange]);
+    const handleDeleteRule = useCallback((index) => {
+        const newRules = value.rules.filter((_, i) => i !== index);
+        onChange(Object.assign(Object.assign({}, value), { rules: newRules.length ? newRules : [] }));
+    }, [value, onChange]);
+    return (_jsxs(Paper, Object.assign({ sx: ruleGroupWrapper }, wrapperProps, { children: [_jsxs(Select, { value: value === null || value === void 0 ? void 0 : value.combinator, onChange: e => onChange(Object.assign(Object.assign({}, value), { combinator: e.target.value })), className: "select-combinator nodrag nopan", sx: {
+                    color: '#FFFFFF',
+                    '& .MuiOutlinedInput-notchedOutline': {
+                        borderColor: '#8E8E93'
+                    }
+                }, MenuProps: {
+                    PaperProps: {
+                        sx: {
+                            backgroundColor: '#393939',
+                            color: '#FFFFFF',
+                            '& .MuiMenuItem-root': {
+                                backgroundColor: '#393939',
+                                color: '#FFFFFF',
+                                '&:hover': {
+                                    backgroundColor: '#555555',
+                                },
+                            },
+                        },
+                    },
+                }, children: [_jsx(MenuItem, { value: "and", children: "AND" }), _jsx(MenuItem, { value: "or", children: "OR" })] }), _jsx(Button, { onClick: handleAddRule, variant: "contained", className: "rule-btn", children: "+ Rule" }), _jsx(Button, { onClick: handleAddGroup, variant: "contained", children: "+ Group" }), onDelete ? _jsx(IconButton, { className: "delete-btn", onClick: onDelete, children: _jsx(Delete, {}) }) : null, (_a = value === null || value === void 0 ? void 0 : value.rules) === null || _a === void 0 ? void 0 : _a.map((rule, index) => (_jsx(Box, { children: ('combinator' in rule) ? (_jsx(ConditionRuleGroup, { wrapperProps: wrapperProps, value: rule, onChange: newRuleGroup => handleRuleChange(index, newRuleGroup), onDelete: () => handleDeleteRule(index), options: options || [], initialOptions: initialOptions, setOptions: setOptions, optionsType: optionsType, setOptionsType: setOptionsType })) : (_jsx(ConditionRule, { rule: rule, onChange: newRule => handleRuleChange(index, newRule), onDelete: () => handleDeleteRule(index), options: options || [], initialOptions: initialOptions, setOptions: setOptions, optionsType: optionsType, setOptionsType: setOptionsType })) }, index)))] })));
+});
+export default ConditionRuleGroup;
+//# sourceMappingURL=ConditionRuleGroup.js.map

package/dist/out-tsc/packages/diagrams/src/lib/organisms/ConditionRuleGroup.js.map

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

package/dist/out-tsc/packages/diagrams/src/lib/organisms/CustomEdge/EdgeMarkers.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { orientMap } from '../../assets/markers/markers.param';
+export const EdgeMarkers = ({ id, sourcePosition, targetPosition, stroke, markerStart, markerEnd, }) => {
+    return (_jsxs("defs", { children: [_jsx("marker", { id: `${id}-marker-start`, viewBox: "0 0 100 100", markerHeight: 12, markerWidth: 10, refX: orientMap[sourcePosition].refX, refY: orientMap[sourcePosition].refY, strokeWidth: "10", stroke: stroke, fill: "transparent", children: orientMap[sourcePosition].idPathMap[markerStart || 'one'] }), _jsx("marker", { id: `${id}-marker-end`, viewBox: "0 0 100 100", markerHeight: 12, markerWidth: 10, refX: orientMap[targetPosition].refX, refY: orientMap[targetPosition].refY, strokeWidth: "10", stroke: stroke, fill: "transparent", children: orientMap[targetPosition].idPathMap[markerEnd || 'one'] })] }));
+};
+//# sourceMappingURL=EdgeMarkers.js.map

package/dist/out-tsc/packages/diagrams/src/lib/organisms/CustomEdge/EdgeMarkers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EdgeMarkers.js","sourceRoot":"","sources":["../../../../../../../../packages/diagrams/src/lib/organisms/CustomEdge/EdgeMarkers.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAW/D,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,EAAE,EACF,cAAc,EACd,cAAc,EACd,MAAM,EACN,WAAW,EACX,SAAS,GACQ,EAAE,EAAE;IACrB,OAAO,CACL,2BACE,iBACE,EAAE,EAAE,GAAG,EAAE,eAAe,EACxB,OAAO,EAAC,aAAa,EACrB,YAAY,EAAE,EAAE,EAChB,WAAW,EAAE,EAAE,EACf,IAAI,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC,IAAI,EACpC,IAAI,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC,IAAI,EACpC,WAAW,EAAC,IAAI,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,aAAa,YAEjB,SAAS,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,WAAW,IAAI,KAAK,CAAC,GACnD,EACT,iBACE,EAAE,EAAE,GAAG,EAAE,aAAa,EACtB,OAAO,EAAC,aAAa,EACrB,YAAY,EAAE,EAAE,EAChB,WAAW,EAAE,EAAE,EACf,IAAI,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC,IAAI,EACpC,IAAI,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC,IAAI,EACpC,WAAW,EAAC,IAAI,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,aAAa,YAEjB,SAAS,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,SAAS,IAAI,KAAK,CAAC,GACjD,IACJ,CACR,CAAC;AACJ,CAAC,CAAC"}