@flowuent-org/diagramming-core 1.0.7 → 1.1.0

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

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useRef, useState } from 'react';
+import { v4 as uuidv4 } from 'uuid'; // Importing UUID library for generating unique IDs
+import { Box } from '@mui/material';
+import { useAddBlock } from '../utils/flow-node-hooks';
+import { useIsAddingBlock, useNodeId, useSetAddingBlock, } from '../contexts/CardDataProvider';
+import { useRegisterEventCallback } from '../utils/event-hooks';
+import StyledBox from '../atoms/StyledBox';
+import CardBlockTypeSelector from '../atoms/CardBlockTypeSelector';
+import { useDiagramNodes, useSelectedNode, useSetNodes, } from '../contexts/DiagramProvider'; // Importing Box component from Material-UI
+// Memoized component for adding block button content
+export const AddBlockBtnContent = memo(() => {
+    const id = useNodeId();
+    const onSave = useAddBlock(); // Custom hook for saving block to flow node
+    const setAddingBlock = useSetAddingBlock();
+    // State for managing block type selection
+    const [blockType, setBlockType] = useState('String');
+    // Reference for input element
+    const inputRef = useRef(null);
+    const nodes = useDiagramNodes();
+    const setNodes = useSetNodes();
+    // Callback function for handling click events
+    const handler = useCallback((...args) => {
+        var _a;
+        const selectedNodeId = args[0];
+        if (selectedNodeId === id) {
+            return;
+        }
+        // Getting input value
+        const value = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value;
+        // Returning if input value is empty
+        if (!value) {
+            return;
+        }
+        // Updating nodes with new block
+        const newNodes = nodes.map((node) => {
+            if (node.id === id) {
+                const newBlock = {
+                    color: node.data.color,
+                    id: uuidv4(),
+                    title: value,
+                }; // Creating new block object
+                const newBlocks = [...(node.data.blocks || []), newBlock]; // Adding new block to existing blocks
+                return Object.assign(Object.assign({}, node), { data: Object.assign(Object.assign({}, node.data), { blocks: newBlocks }) }); // Updating node data with new blocks
+            }
+            return node;
+        });
+        // Setting updated nodes in React Flow
+        setNodes(newNodes);
+    }, [nodes, setNodes, id]);
+    // Register the new block when the user clicks outside on empty space of the pane
+    useRegisterEventCallback('onPaneClick', handler);
+    // Register the new block when the user clicks on some other node
+    useRegisterEventCallback('onOpenToolbar', handler);
+    // Effect for focusing on input element after component mount
+    useEffect(() => {
+        setTimeout(() => { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 0); // Delayed focusing on input element
+    }, []);
+    // Callback function for handling input save events
+    const handleInputSave = useCallback((e) => {
+        var _a;
+        if (e.key !== 'Enter') {
+            return;
+        }
+        const inputVal = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value; // Getting input value
+        if (!inputVal) {
+            return;
+        }
+        onSave({ title: inputVal, type: blockType }); // Saving block with input value and selected type
+        const cur = inputRef.current;
+        if (cur) {
+            cur.value = ''; // Clearing input value after save
+        }
+        setAddingBlock(false); // Hiding add block button after save
+    }, [onSave, setAddingBlock, blockType]);
+    // Rendering input box for adding new block and block type selection
+    return (_jsxs(Box, { sx: {
+            width: '100%',
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+        }, children: [_jsx(StyledBox, { component: "input", variant: "cardAddNewBlock", 
+                /*onKeyDown={handleInputSave}*/
+                innerRef: inputRef }), id && (_jsx(CardBlockTypeSelector, { value: blockType, onChange: (event) => setBlockType(event.target.value), id: id }))] }));
+});
+// Memoized component for adding block button
+export const AddBlockBtn = memo(() => {
+    const id = useNodeId();
+    const isAddingBlock = useIsAddingBlock();
+    const selectedNode = useSelectedNode();
+    // Rendering add block button only if showAddBlock is true and selectedNode matches current node ID
+    if (!isAddingBlock || selectedNode !== id) {
+        return _jsx(_Fragment, {});
+    }
+    return _jsx(AddBlockBtnContent, {}); // Rendering add block button content
+});
+//# sourceMappingURL=AddingBlock.js.map

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

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

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography, Chip, Paper } from '@mui/material';
+import { useAvailableVariables } from '../contexts/DiagramProvider';
+export const AvailableVariablesDisplay = () => {
+    const availableVariables = useAvailableVariables();
+    if (!availableVariables || availableVariables.length === 0) {
+        return (_jsxs(Paper, { sx: { p: 2, m: 1, bgcolor: 'background.paper' }, children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: "Available Variables" }), _jsx(Typography, { variant: "body2", color: "text.secondary", children: "No variables available yet. Create function, let, set, or forLoop nodes to see variables here." })] }));
+    }
+    // Group variables by type
+    const groupedVariables = availableVariables.reduce((acc, variable) => {
+        const type = variable.type;
+        if (!acc[type])
+            acc[type] = [];
+        acc[type].push(variable);
+        return acc;
+    }, {});
+    return (_jsxs(Paper, { sx: { p: 2, m: 1, bgcolor: 'background.paper' }, children: [_jsxs(Typography, { variant: "h6", gutterBottom: true, children: ["Available Variables (", availableVariables.length, ")"] }), Object.entries(groupedVariables).map(([type, variables]) => (_jsxs(Box, { sx: { mb: 2 }, children: [_jsxs(Typography, { variant: "subtitle2", color: "primary", gutterBottom: true, children: [type.charAt(0).toUpperCase() + type.slice(1), " Variables"] }), _jsx(Box, { sx: { display: 'flex', flexWrap: 'wrap', gap: 1 }, children: variables.map((variable) => (_jsx(Chip, { label: `${variable.name}: ${variable.dataType || 'any'}`, size: "small", variant: "outlined", title: `Source: ${variable.sourceNodeType} (${variable.sourceNodeId})` }, variable.id))) })] }, type)))] }));
+};
+//# sourceMappingURL=AvailableVariablesDisplay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvailableVariablesDisplay.js","sourceRoot":"","sources":["../../../../../../../packages/diagrams/src/lib/molecules/AvailableVariablesDisplay.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,MAAM,CAAC,MAAM,yBAAyB,GAAa,GAAG,EAAE;IACpD,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;IAEnD,IAAI,CAAC,kBAAkB,IAAI,kBAAkB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzD,OAAO,CACH,MAAC,KAAK,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,aAClD,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,YAAY,0CAExB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB,+GAErC,IACT,CACX,CAAC;IACN,CAAC;IAED,0BAA0B;IAC1B,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;QACjE,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;QAC3B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;YAAE,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;QAC/B,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACzB,OAAO,GAAG,CAAC;IACf,CAAC,EAAE,EAA+C,CAAC,CAAC;IAEpD,OAAO,CACH,MAAC,KAAK,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,aAClD,MAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,YAAY,4CACX,kBAAkB,CAAC,MAAM,SACtC,EAEZ,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,EAAE,CAAC,CACzD,MAAC,GAAG,IAAY,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,aACzB,MAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,EAAC,YAAY,mBACvD,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,kBACpC,EACb,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,YACjD,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzB,KAAC,IAAI,IAED,KAAK,EAAE,GAAG,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,QAAQ,IAAI,KAAK,EAAE,EACxD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,WAAW,QAAQ,CAAC,cAAc,KAAK,QAAQ,CAAC,YAAY,GAAG,IAJjE,QAAQ,CAAC,EAAE,CAKlB,CACL,CAAC,GACA,KAdA,IAAI,CAeR,CACT,CAAC,IACE,CACX,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useBlockData } from './BlockProvider';
+import { memo, useCallback, useEffect, useRef, useState } from 'react';
+import { useUpdateNode } from '../utils/node-hooks';
+import { colorMap } from '../types/colors';
+import CardBlockTypeSelector from '../atoms/CardBlockTypeSelector';
+import { Box, Button, Card } from '@mui/material';
+import { useNodeColor, useNodeId } from '../contexts/CardDataProvider'; // Updated to use auto-generated selectors
+import { useDiagramType, useSelectedNode } from '../contexts/DiagramProvider'; // Updated to use auto-generated selectors
+export const Block = memo(() => {
+    // Using auto-generated selectors for card data
+    const nodeId = useNodeId();
+    const color = useNodeColor();
+    const diagramType = useDiagramType();
+    // Using auto-generated selectors for diagram store
+    const selectedNode = useSelectedNode();
+    const blockData = useBlockData();
+    const blockRef = useRef(null);
+    const updateNode = useUpdateNode();
+    const [inputValue, setInputValue] = useState(blockData.title); // add state for input value
+    const handleEdit = useCallback((event) => {
+        setInputValue(event.target.value); // update inputValue state on input change
+    }, []);
+    const saveChanges = useCallback(() => {
+        // new function to save changes
+        updateNode(nodeId || '', (node) => {
+            var _a;
+            const blocks = ((_a = node.data) === null || _a === void 0 ? void 0 : _a.blocks) || [];
+            const newBlocks = blocks.map((b) => b.id === (blockData === null || blockData === void 0 ? void 0 : blockData.id) ? Object.assign(Object.assign({}, b), { title: inputValue }) : b);
+            return Object.assign(Object.assign({}, node), { data: Object.assign(Object.assign({}, node.data), { blocks: newBlocks }) });
+        });
+    }, [updateNode, nodeId, blockData, inputValue]);
+    const handleBlockClick = useCallback(() => {
+        if (selectedNode !== nodeId)
+            return;
+        setTimeout(() => { var _a; return (_a = blockRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 0);
+    }, [nodeId, selectedNode]);
+    const handleTypeChange = useCallback((event) => {
+        updateNode(nodeId || '', (node) => {
+            var _a;
+            const blocks = ((_a = node.data) === null || _a === void 0 ? void 0 : _a.blocks) || [];
+            const newBlocks = blocks.map((b) => b.id === (blockData === null || blockData === void 0 ? void 0 : blockData.id) ? Object.assign(Object.assign({}, b), { type: event.target.value }) : b);
+            return Object.assign(Object.assign({}, node), { data: Object.assign(Object.assign({}, node.data), { blocks: newBlocks }) });
+        });
+    }, [updateNode, nodeId, blockData]);
+    useEffect(() => {
+        setInputValue(blockData.title);
+    }, [blockData.title]);
+    return (_jsxs(Card, { sx: {
+            p: 2,
+            mb: '6px',
+            borderRadius: '0.3rem',
+            bgcolor: colorMap[color || 'red'] || 'rgba(245, 204, 0, 0.16)',
+            py: 1,
+            px: 2,
+            display: 'flex',
+            width: 300,
+            position: 'relative',
+        }, children: [_jsx(Box, { component: 'input', onChange: handleEdit, value: inputValue, onClick: handleBlockClick, onBlur: saveChanges, onKeyDown: (event) => {
+                    // save changes when enter key is pressed
+                    if (event.key === 'Enter') {
+                        event.preventDefault();
+                        saveChanges();
+                    }
+                }, ref: blockRef, sx: {
+                    width: 200,
+                    textAlign: 'start',
+                    border: 'none',
+                    outline: 'none',
+                    padding: '0.05rem 0.1rem',
+                    fontSize: '0.7rem',
+                    fontWeight: 600,
+                    backgroundColor: 'transparent',
+                } }), diagramType === 'erd' && (_jsx(CardBlockTypeSelector, { onChange: handleTypeChange, value: blockData.type || 'STRING', id: blockData.id })), _jsx(Button, { variant: "outlined", color: "error", size: "small", sx: {
+                    ml: 1,
+                    fontSize: '0.7rem',
+                    height: '1.5rem',
+                    minWidth: '1.5rem',
+                    borderRadius: '0.3rem',
+                    position: `${diagramType === 'erd' ? 'relative' : 'absolute'}`,
+                    top: `${diagramType === 'erd' ? '0' : '0.2rem'}`,
+                    right: `${diagramType === 'erd' ? '0' : '0.2rem'}`,
+                }, onClick: () => {
+                    updateNode(nodeId || '', (node) => {
+                        var _a;
+                        const blocks = ((_a = node.data) === null || _a === void 0 ? void 0 : _a.blocks) || [];
+                        const newBlocks = blocks.filter((b) => b.id !== blockData.id);
+                        return Object.assign(Object.assign({}, node), { data: Object.assign(Object.assign({}, node.data), { blocks: newBlocks }) });
+                    });
+                }, children: "X" })] }));
+});
+//# sourceMappingURL=Block.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Block.js","sourceRoot":"","sources":["../../../../../../../packages/diagrams/src/lib/molecules/Block.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,qBAAqB,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC,CAAC,0CAA0C;AAClH,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC,CAAC,0CAA0C;AAEzH,MAAM,CAAC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE;IAC7B,+CAA+C;IAC/C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,mDAAmD;IACnD,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,4BAA4B;IAE3F,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAA0C,EAAE,EAAE;QAC7C,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,0CAA0C;IAC/E,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,+BAA+B;QAC/B,UAAU,CAAC,MAAM,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE;;YAChC,MAAM,MAAM,GAAG,CAAC,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAmB,KAAI,EAAE,CAAC;YACrD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAS,EAAE,EAAE,CACzC,CAAC,CAAC,EAAE,MAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,EAAE,CAAA,CAAC,CAAC,iCAAM,CAAC,KAAE,KAAK,EAAE,UAAU,IAAG,CAAC,CAAC,CAAC,CACzD,CAAC;YACF,uCAAY,IAAI,KAAE,IAAI,kCAAO,IAAI,CAAC,IAAI,KAAE,MAAM,EAAE,SAAS,OAAK;QAChE,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAEhD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,YAAY,KAAK,MAAM;YAAE,OAAO;QACpC,UAAU,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,EAAE,CAAC,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3B,MAAM,gBAAgB,GACpB,WAAW,CACT,CAAC,KAAK,EAAE,EAAE;QACR,UAAU,CAAC,MAAM,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE;;YAChC,MAAM,MAAM,GAAG,CAAC,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAmB,KAAI,EAAE,CAAC;YACrD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAS,EAAE,EAAE,CACzC,CAAC,CAAC,EAAE,MAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,EAAE,CAAA,CAAC,CAAC,iCAAM,CAAC,KAAE,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,KAAmB,IAAG,CAAC,CAAC,CAAC,CAC9E,CAAC;YACF,uCAAY,IAAI,KAAE,IAAI,kCAAO,IAAI,CAAC,IAAI,KAAE,MAAM,EAAE,SAAS,OAAK;QAChE,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,CAAC,CAChC,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,MAAC,IAAI,IACH,EAAE,EAAE;YACF,CAAC,EAAE,CAAC;YACJ,EAAE,EAAE,KAAK;YACT,YAAY,EAAE,QAAQ;YACtB,OAAO,EAAE,QAAQ,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,yBAAyB;YAC9D,EAAE,EAAE,CAAC;YACL,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,GAAG;YACV,QAAQ,EAAE,UAAU;SACrB,aAED,KAAC,GAAG,IACF,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;oBACnB,yCAAyC;oBACzC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;wBAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,WAAW,EAAE,CAAC;oBAChB,CAAC;gBACH,CAAC,EACD,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE;oBACF,KAAK,EAAE,GAAG;oBACV,SAAS,EAAE,OAAO;oBAClB,MAAM,EAAE,MAAM;oBACd,OAAO,EAAE,MAAM;oBACf,OAAO,EAAE,gBAAgB;oBACzB,QAAQ,EAAE,QAAQ;oBAClB,UAAU,EAAE,GAAG;oBACf,eAAe,EAAE,aAAa;iBAC/B,GACD,EAED,WAAW,KAAK,KAAK,IAAI,CACxB,KAAC,qBAAqB,IACpB,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EAAE,SAAS,CAAC,IAAI,IAAI,QAAQ,EACjC,EAAE,EAAE,SAAS,CAAC,EAAE,GAChB,CACH,EAED,KAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,QAAQ,EAAE,QAAQ;oBAClB,MAAM,EAAE,QAAQ;oBAChB,QAAQ,EAAE,QAAQ;oBAClB,YAAY,EAAE,QAAQ;oBACtB,QAAQ,EAAE,GAAG,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE;oBAC9D,GAAG,EAAE,GAAG,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE;oBAChD,KAAK,EAAE,GAAG,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE;iBACnD,EACD,OAAO,EAAE,GAAG,EAAE;oBACZ,UAAU,CAAC,MAAM,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE;;wBAChC,MAAM,MAAM,GAAG,CAAC,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAmB,KAAI,EAAE,CAAC;wBACrD,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAC7B,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,CACrC,CAAC;wBACF,uCAAY,IAAI,KAAE,IAAI,kCAAO,IAAI,CAAC,IAAI,KAAE,MAAM,EAAE,SAAS,OAAK;oBAChE,CAAC,CAAC,CAAC;gBACL,CAAC,kBAGM,IACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+// Create a context with an undefined initial value
+const BlockContext = createContext(undefined);
+export const BlockProvider = ({ value, children, }) => {
+    return (_jsx(BlockContext.Provider, { value: value, children: children }));
+};
+// Custom hook to use the block context
+export const useBlockData = () => {
+    const context = useContext(BlockContext);
+    if (context === undefined) {
+        throw new Error('useBlockData must be used within a BlockProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=BlockProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockProvider.js","sourceRoot":"","sources":["../../../../../../../packages/diagrams/src/lib/molecules/BlockProvider.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AAGpE,mDAAmD;AACnD,MAAM,YAAY,GAAG,aAAa,CAAqB,SAAS,CAAC,CAAC;AAOlE,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAyB,CACxE,CAAC;AACJ,CAAC,CAAC;AAEF,uCAAuC;AACvC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;IACtE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BlockProvider } from './BlockProvider';
+import { Block } from './Block';
+function BlockWrapper(props) {
+    return (_jsx(BlockProvider, { value: props.data, children: _jsx(Block, {}) }));
+}
+export default BlockWrapper;
+//# sourceMappingURL=BlockWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockWrapper.js","sourceRoot":"","sources":["../../../../../../../packages/diagrams/src/lib/molecules/BlockWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,SAAS,YAAY,CAAC,KAAuB;IAC3C,OAAO,CACL,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,YAC9B,KAAC,KAAK,KAAG,GACK,CACjB,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, IconButton, MenuItem, Select } from "@mui/material";
+import { Delete } from '@mui/icons-material';
+import React, { useCallback } from "react";
+import { ContentAssist } from "../atoms/ContentAssist";
+const contentAssistStyles = {
+    mr: 1,
+    ".MuiInputBase-root": {
+        padding: '5px',
+        color: '#FFFFFF',
+        '& .MuiOutlinedInput-notchedOutline': {
+            borderColor: '#8E8E93'
+        }
+    }
+};
+const iconBtnStyles = {
+    padding: '0px',
+    'svg': {
+        width: '20px',
+        height: '20px'
+    }
+};
+const ruleWrapper = {
+    mb: 1,
+    mt: 1,
+    '.select': {
+        mr: 1, padding: '0px', height: '30px'
+    }
+};
+const ConditionRule = React.memo((props) => {
+    var _a, _b, _c, _d, _e, _f;
+    const { rule, onChange, onDelete, options, initialOptions, optionsType, setOptions, setOptionsType } = props;
+    const operators = ['=', '!=', '>', '<'];
+    const handleContentAssistChange = useCallback((event, activeSelections, updateField) => {
+        if (activeSelections === null || activeSelections === void 0 ? void 0 : activeSelections.length) {
+            const { id, label, type } = activeSelections[0];
+            onChange(Object.assign(Object.assign({}, rule), { [updateField]: {
+                    id: id,
+                    label,
+                    type: type
+                } }));
+        }
+        else {
+            // Handle plain text input when no activeSelections
+            const inputValue = event.target.value;
+            onChange(Object.assign(Object.assign({}, rule), { [updateField]: {
+                    id: 0,
+                    label: inputValue,
+                    type: 'literal',
+                    rawValue: inputValue
+                } }));
+        }
+    }, [rule, onChange]);
+    return (_jsxs(Box, { display: "flex", alignItems: "center", sx: ruleWrapper, children: [_jsx(ContentAssist, { defaultValue: ((_a = rule === null || rule === void 0 ? void 0 : rule.field) === null || _a === void 0 ? void 0 : _a.id) ? `{{${(_b = rule === null || rule === void 0 ? void 0 : rule.field) === null || _b === void 0 ? void 0 : _b.type}.${(_c = rule === null || rule === void 0 ? void 0 : rule.field) === null || _c === void 0 ? void 0 : _c.label}}}` : '', className: 'editTranslationField', options: options || [], initialOptions: initialOptions, setOptions: setOptions, optionsType: optionsType, setOptionsType: setOptionsType, onChange: (event, activeSelections) => handleContentAssistChange(event, activeSelections, 'field'), sx: contentAssistStyles }), _jsx(Select, { value: rule.operator, onChange: e => onChange(Object.assign(Object.assign({}, rule), { operator: e.target.value })), className: "select 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: operators.map(o => _jsx(MenuItem, { value: o, children: o }, o)) }), _jsx(ContentAssist, { defaultValue: ((_d = rule === null || rule === void 0 ? void 0 : rule.value) === null || _d === void 0 ? void 0 : _d.id) ? `{{${(_e = rule === null || rule === void 0 ? void 0 : rule.value) === null || _e === void 0 ? void 0 : _e.type}.${(_f = rule === null || rule === void 0 ? void 0 : rule.value) === null || _f === void 0 ? void 0 : _f.label}}}` : '', className: 'editTranslationField', options: options || [], initialOptions: initialOptions, setOptions: setOptions, optionsType: optionsType, setOptionsType: setOptionsType, onChange: (event, activeSelections) => handleContentAssistChange(event, activeSelections, 'value'), sx: contentAssistStyles }), _jsx(IconButton, { sx: iconBtnStyles, onClick: onDelete, children: _jsx(Delete, {}) })] }));
+});
+export default ConditionRule;
+//# sourceMappingURL=ConditionRule.js.map

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

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

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

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Rnd } from 'react-rnd';
+import { Box, CardContent, IconButton, Paper, Typography } from '@mui/material';
+import { RiPushpin2Fill, RiPushpin2Line } from 'react-icons/ri'; // Import icons from react-icons/ri
+// Hook for docking functionality
+const useDock = (initialDocked) => {
+    const [isDocked, setIsDocked] = useState(initialDocked);
+    const toggleDock = () => {
+        setIsDocked(!isDocked);
+    };
+    return { isDocked, toggleDock };
+};
+// DraggablePane component
+const DraggablePane = ({ children, x, y, title, width = 250, // Default width if not provided
+height = window.innerHeight * 0.5, // Default height if not provided
+anchorPoint = 'top-left', // Default anchor point
+ }) => {
+    const { isDocked, toggleDock } = useDock(true);
+    const [position, setPosition] = useState({ x, y });
+    const [size, setSize] = useState({
+        width,
+        height,
+    });
+    // Function to calculate position based on the anchor point and viewport size
+    const calculatePosition = () => {
+        let calculatedX = x;
+        let calculatedY = y;
+        switch (anchorPoint) {
+            case 'top-right':
+                calculatedX = window.innerWidth - size.width; // Adjust X for top-right
+                break;
+            case 'bottom-left':
+                calculatedY = window.innerHeight - size.height; // Adjust Y for bottom-left
+                break;
+            case 'bottom-right':
+                calculatedX = window.innerWidth - size.width; // Adjust X for bottom-right
+                calculatedY = window.innerHeight - size.height; // Adjust Y for bottom-right
+                break;
+            default: // 'top-left'
+                break;
+        }
+        return { x: calculatedX, y: calculatedY };
+    };
+    // Handle resizing stop
+    const onResizeStop = (e, direction, ref, delta, newPosition) => {
+        setSize({ width: ref.offsetWidth, height: ref.offsetHeight });
+        setPosition(newPosition);
+    };
+    // Update position on viewport resize
+    useEffect(() => {
+        const handleResize = () => {
+            if (isDocked) {
+                setPosition(calculatePosition());
+            }
+        };
+        window.addEventListener('resize', handleResize);
+        return () => {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [isDocked, size, anchorPoint]);
+    return (_jsx(Rnd, { size: { width: size.width, height: size.height }, position: isDocked ? calculatePosition() : position, dragHandleClassName: "zd__drag-handle", disableDragging: isDocked, onDragStop: (e, d) => {
+            if (!isDocked) {
+                setPosition({ x: d.x, y: d.y });
+            }
+        }, onResizeStop: onResizeStop, bounds: "parent" // Keep the pane within the parent bounds
+        , style: { zIndex: 5 }, resizeHandleClasses: {
+            top: 'zd__top-handle',
+            right: 'zd__right-handle',
+            bottom: 'zd__bottom-handle',
+            left: 'zd__left-handle',
+            bottomRight: 'zd__bottom-right-handle',
+            bottomLeft: 'zd__bottom-left-handle',
+            topRight: 'zd__top-right-handle',
+            topLeft: 'zd__top-left-handle',
+        }, children: _jsx(Box, { sx: { p: 1, height: '100%' }, children: _jsxs(Paper, { elevation: 5, sx: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'center',
+                    p: 0,
+                    width: '100%',
+                    height: '100%',
+                    bgcolor: '#242424',
+                    color: '#fff',
+                    border: '1px solid #333',
+                }, children: [_jsxs(Box, { sx: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'space-between',
+                            px: 2,
+                            py: 1,
+                            width: '100%',
+                            bgcolor: '#333',
+                            borderBottom: '1px solid #444',
+                            cursor: 'move',
+                        }, children: [_jsx(Typography, { variant: "h6", component: "div", color: "#FFFFFF", children: title }), _jsx(IconButton, { size: 'small', onClick: toggleDock, children: isDocked ? (_jsx(RiPushpin2Fill, { fontSize: 'small' })) : (_jsx(RiPushpin2Line, { fontSize: 'small' })) })] }), _jsx(CardContent, { sx: {
+                            width: '100%',
+                            height: '100%',
+                            overflowY: 'auto',
+                            overflowX: 'visible',
+                            bgcolor: '#242424',
+                            color: '#fff',
+                            // Custom scrollbar styling
+                            '&::-webkit-scrollbar': {
+                                width: '6px',
+                            },
+                            '&::-webkit-scrollbar-track': {
+                                background: 'transparent',
+                            },
+                            '&::-webkit-scrollbar-thumb': {
+                                background: '#444',
+                                borderRadius: '3px',
+                                '&:hover': {
+                                    background: '#666',
+                                },
+                            },
+                        }, children: children })] }) }) }));
+};
+export default DraggablePane;
+//# sourceMappingURL=DraggablePane.js.map

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

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

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { AddBlockBtn } from './AddingBlock';
+import { SortableContext, useSortable, verticalListSortingStrategy, } from '@dnd-kit/sortable';
+import { useNodeId } from '@xyflow/react';
+import BlockWrapper from './BlockWrapper';
+import { useNodeData } from '../contexts/CardDataProvider';
+export const EntityNodeBlocks = React.memo(() => {
+    const data = useNodeData();
+    if (!data.isBlock) {
+        return null;
+    }
+    return (_jsxs("div", { onClick: (e) => e.stopPropagation(), onMouseDownCapture: (e) => e.stopPropagation(), onMouseDown: (e) => e.stopPropagation(), children: [_jsx(SortableContext, { items: data.blocks || [], strategy: verticalListSortingStrategy, children: (data.blocks || []).map((block) => (_jsx(SortableItem, { data: block, cardData: data }, block.id))) }), _jsx(AddBlockBtn, {})] }));
+});
+function SortableItem(props) {
+    const id = useNodeId();
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging, } = useSortable({
+        id: props.data.id,
+        data: { nodeId: id, blockData: props.data, cardData: props.cardData },
+    });
+    const style = {
+        opacity: isDragging ? 0 : 1,
+        cursor: 'pointer',
+    };
+    return (_jsx("div", Object.assign({ ref: setNodeRef, style: style }, attributes, listeners, { children: _jsx(BlockWrapper, { data: props.data }) })));
+}
+//# sourceMappingURL=EntityNodeBlocks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EntityNodeBlocks.js","sourceRoot":"","sources":["../../../../../../../packages/diagrams/src/lib/molecules/EntityNodeBlocks.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACL,eAAe,EACf,WAAW,EACX,2BAA2B,GAC5B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAM3D,MAAM,CAAC,MAAM,gBAAgB,GAAoC,KAAK,CAAC,IAAI,CACzE,GAAG,EAAE;IACH,MAAM,IAAI,GAAG,WAAW,EAAE,CAAC;IAE3B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,eACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAC9C,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aAEvC,KAAC,eAAe,IACd,KAAK,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,EACxB,QAAQ,EAAE,2BAA2B,YAEpC,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAClC,KAAC,YAAY,IAAgB,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,IAArC,KAAK,CAAC,EAAE,CAAiC,CAC7D,CAAC,GACc,EAClB,KAAC,WAAW,KAAG,IACX,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,YAAY,CAAC,KAAgD;IACpE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IACvB,MAAM,EACJ,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,GACX,GAAG,WAAW,CAAC;QACd,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE;QACjB,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE;KACtE,CAAC,CAAC;IACH,MAAM,KAAK,GAAG;QACZ,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3B,MAAM,EAAE,SAAS;KAClB,CAAC;IACF,OAAO,CACL,4BAAK,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IAAM,UAAU,EAAM,SAAS,cAC/D,KAAC,YAAY,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,IAC9B,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Handle, Position } from '@xyflow/react';
+import { Box } from '@mui/material';
+import { useNodeId, useNodeSideHandles } from '../contexts/CardDataProvider';
+import { useSelectedNode } from '../contexts/DiagramProvider';
+export const SideHandles = React.memo(({ className }) => {
+    const sideHandles = useNodeSideHandles();
+    const nodeId = useNodeId();
+    const selectedNode = useSelectedNode();
+    if (sideHandles) {
+        return (_jsxs("div", { children: [_jsx(Handle, { type: "source", position: Position.Left }), _jsx(Handle, { type: "source", position: Position.Right })] }));
+    }
+    return (_jsxs(Box, { display: selectedNode ? undefined : 'none', children: [_jsx(Handle, { type: "source", id: `${nodeId}-bottom`, position: Position.Bottom }), _jsx(Handle, { type: "target", id: `${nodeId}-top`, position: Position.Top })] }));
+});
+//# sourceMappingURL=SideHandles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SideHandles.js","sourceRoot":"","sources":["../../../../../../../packages/diagrams/src/lib/molecules/SideHandles.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAO9D,MAAM,CAAC,MAAM,WAAW,GAA+B,KAAK,CAAC,IAAI,CAC/D,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAChB,MAAM,WAAW,GAAG,kBAAkB,EAAE,CAAC;IACzC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,0BACE,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,IAAI,GACvB,EACF,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,KAAK,GACxB,IACE,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,GAAG,IACF,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,aAE1C,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,GAAG,MAAM,SAAS,EACtB,QAAQ,EAAE,QAAQ,CAAC,MAAM,GACzB,EACF,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,GAAG,MAAM,MAAM,EACnB,QAAQ,EAAE,QAAQ,CAAC,GAAG,GACtB,IACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDraggable } from '@dnd-kit/core';
+import { Box, Card, Typography } from '@mui/material';
+import LazyIcon from '../atoms/LazyIcon';
+export default function StencilItem({ id, data, label, iconName, }) {
+    const { attributes, listeners, setNodeRef, transform } = useDraggable({
+        id,
+        data, //optional data that we can use on drop
+    });
+    const style = transform
+        ? {
+            transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`,
+            zIndex: 1000000,
+        }
+        : undefined;
+    return (_jsxs(Card, Object.assign({ variant: "outlined", onClick: (e) => {
+            e.stopPropagation();
+            console.log('Stencil item clicked:', id);
+        }, sx: {
+            border: '1px solid #232323',
+            borderRadius: '10px',
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            alignItems: 'center',
+            backgroundColor: '#1F1D1DCC', // 80% opacity dark background
+            p: 1,
+            cursor: 'grab', // Added cursor style
+            transition: 'box-shadow 0.3s ease', // Added transition
+            '&:hover': {
+                boxShadow: '0 4px 8px rgba(0, 0, 0, 0.2)', // Added hover effect
+            },
+        }, style: style, ref: setNodeRef }, listeners, attributes, { children: [_jsxs(Box, { style: { position: 'relative', display: 'flex', flexDirection: 'column', alignItems: 'center', marginBottom: 8, width: '40px', height: '40px' }, children: [_jsx("svg", { width: "40", height: "40", viewBox: "0 0 56 48", style: { display: 'block' }, children: _jsx("polygon", { points: "28,4 52,16 52,40 28,52 4,40 4,16", fill: "#6B04F1", stroke: "#6B04F1", strokeWidth: "2" }) }), _jsx(Box, { style: {
+                            position: 'absolute',
+                            width: '40px',
+                            height: '50px',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            pointerEvents: 'none',
+                        }, children: _jsx(LazyIcon, { iconName: iconName, size: 18, color: "#fff" }) })] }), _jsx(Typography, { sx: {
+                    fontSize: 12,
+                    whiteSpace: 'nowrap',
+                }, style: { fontWeight: 'bold', color: '#fff' }, children: label })] })));
+}
+//# sourceMappingURL=StencilItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StencilItem.js","sourceRoot":"","sources":["../../../../../../../packages/diagrams/src/lib/molecules/StencilItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,EAAE,EACF,IAAI,EACJ,KAAK,EACL,QAAQ,GACQ;IAChB,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,YAAY,CAAC;QACpE,EAAE;QACF,IAAI,EAAE,uCAAuC;KAC9C,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,SAAS;QACrB,CAAC,CAAC;YACA,SAAS,EAAE,eAAe,SAAS,CAAC,CAAC,OAAO,SAAS,CAAC,CAAC,QAAQ;YAC/D,MAAM,EAAE,OAAO;SAChB;QACD,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,MAAC,IAAI,kBACH,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE,EAAE,CAAC,CAAC;QAC3C,CAAC,EACD,EAAE,EAAE;YACF,MAAM,EAAE,mBAAmB;YAC3B,YAAY,EAAE,MAAM;YACpB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,WAAW,EAAE,8BAA8B;YAC5D,CAAC,EAAE,CAAC;YACJ,MAAM,EAAE,MAAM,EAAE,qBAAqB;YACrC,UAAU,EAAE,sBAAsB,EAAE,mBAAmB;YACvD,SAAS,EAAE;gBACT,SAAS,EAAE,8BAA8B,EAAE,qBAAqB;aACjE;SACF,EACD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,UAAU,IACX,SAAS,EACT,UAAU,eAEd,MAAC,GAAG,IACF,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,aAE/I,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YACzE,kBACE,MAAM,EAAC,kCAAkC,EACzC,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,GACf,GACE,EACN,KAAC,GAAG,IAAC,KAAK,EAAE;4BACV,QAAQ,EAAE,UAAU;4BACpB,KAAK,EAAE,MAAM;4BACb,MAAM,EAAE,MAAM;4BACd,OAAO,EAAE,MAAM;4BACf,UAAU,EAAE,QAAQ;4BACpB,cAAc,EAAE,QAAQ;4BACxB,aAAa,EAAE,MAAM;yBACtB,YACC,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,GACnD,IACF,EAEN,KAAC,UAAU,IACT,EAAE,EAAE;oBACF,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,QAAQ;iBACrB,EACD,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAE3C,KAAK,GACK,KACR,CACR,CAAC;AACJ,CAAC"}