@flowuent-org/diagramming-core 1.0.7 → 1.1.0

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

@@ -0,0 +1,179 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import ExpressionInput from '../../atoms/ExpressionInput';
+import { useDiagram } from '@flowuent-labs/diagrams';
+import { RiArrowDownSLine } from 'react-icons/ri';
+import MenuList from '@mui/material/MenuList';
+import MenuItem from '@mui/material/MenuItem';
+import ListItemText from '@mui/material/ListItemText';
+import Typography from '@mui/material/Typography';
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import Stack from '@mui/material/Stack';
+import { Box, Divider, IconButton } from '@mui/material';
+import { useDeleteFunction } from '../../contexts/DiagramProvider';
+import DeleteIcon from '@mui/icons-material/Delete';
+import DialogContentText from '@mui/material/DialogContentText';
+import { useFormValidation } from '../../hooks/useFormValidation';
+import ValidationError from '../../atoms/ValidationError';
+// Utility function to handle function execution and return value
+const executeFunctionAndGetReturnValue = (functionId, returnValueName, args, availableFunctions) => {
+    if (!functionId || !returnValueName || !args || !args.every(arg => arg.value !== '')) {
+        return {};
+    }
+    const selectedFunction = availableFunctions === null || availableFunctions === void 0 ? void 0 : availableFunctions.find(f => f.id === functionId);
+    if (!selectedFunction) {
+        return {};
+    }
+    try {
+        const argNames = selectedFunction.args.map(arg => arg.name);
+        const argValues = args.map(arg => {
+            if (typeof arg.value === 'string') {
+                try {
+                    return JSON.parse(arg.value);
+                }
+                catch (_a) {
+                    return arg.value;
+                }
+            }
+            // If it's an Expression object, convert it to a string representation
+            return String(arg.value);
+        });
+        // eslint-disable-next-line no-new-func
+        const fn = new Function(...argNames, selectedFunction.code);
+        const result = fn(...argValues);
+        return { [returnValueName]: result };
+    }
+    catch (err) {
+        return { [returnValueName]: 'Error: ' + (err instanceof Error ? err.message : String(err)) };
+    }
+};
+const CustomFunctionSelect = memo(({ options, value, onChange, }) => {
+    var _a;
+    const [open, setOpen] = useState(false);
+    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
+    const [deleteFuncId, setDeleteFuncId] = useState(null);
+    const deleteFunction = useDeleteFunction();
+    const { t } = useTranslation();
+    const handleClickOpen = useCallback(() => {
+        setOpen(true);
+    }, []);
+    const handleClose = useCallback(() => {
+        setOpen(false);
+    }, []);
+    const handleSelectFunction = useCallback((func) => {
+        onChange(func.id);
+        handleClose();
+    }, [onChange, handleClose]);
+    const handleDelete = useCallback((id) => {
+        setDeleteFuncId(id);
+        setDeleteDialogOpen(true);
+    }, []);
+    const handleConfirmDelete = useCallback(() => {
+        if (deleteFuncId) {
+            deleteFunction(deleteFuncId);
+        }
+        setDeleteDialogOpen(false);
+        setDeleteFuncId(null);
+    }, [deleteFuncId, deleteFunction]);
+    const handleCloseDeleteDialog = useCallback(() => {
+        setDeleteDialogOpen(false);
+    }, []);
+    const handleDeleteClick = useCallback((e, id) => {
+        e.stopPropagation();
+        handleDelete(id);
+    }, [handleDelete]);
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: handleClickOpen, variant: "outlined", endIcon: _jsx(RiArrowDownSLine, {}), fullWidth: true, sx: {
+                    backgroundColor: '#232323',
+                    color: '#FFFFFF',
+                    border: '1px solid #8E8E93',
+                    '&:hover': { border: '1px solid #000000' },
+                }, children: value !== null
+                    ? ((_a = options.find((func) => func.id === value)) === null || _a === void 0 ? void 0 : _a.name) ||
+                        t('callForm.selectFunction')
+                    : t('callForm.selectFunction') }), _jsxs(Dialog, { open: open, onClose: handleClose, fullWidth: true, maxWidth: "sm", sx: {
+                    '& .MuiDialog-paper': {
+                        backgroundColor: '#232323',
+                        color: '#FFFFFF',
+                    },
+                }, children: [_jsx(DialogTitle, { children: t('callForm.selectFunction') }), _jsx(DialogContent, { children: _jsx(MenuList, { children: options.map((func) => (_jsx(MenuItem, { onClick: () => handleSelectFunction(func), children: _jsxs(Box, { sx: { display: 'flex', alignItems: 'center', width: '100%' }, children: [_jsx(ListItemText, { sx: { flex: 1 }, children: `${func.name}(${func.args.map(a => a.name).join(', ')})` }), _jsx(IconButton, { size: "small", onClick: (e) => handleDeleteClick(e, func.id), sx: { color: '#fff' }, children: _jsx(DeleteIcon, { fontSize: "small" }) })] }) }, func.id))) }) }), _jsx(DialogActions, { children: _jsx(Button, { onClick: handleClose, color: "secondary", sx: { color: '#fff' }, children: t('button.cancel') }) })] }), _jsxs(Dialog, { open: deleteDialogOpen, onClose: handleCloseDeleteDialog, maxWidth: "xs", PaperProps: { style: { background: '#232323', color: '#fff' } }, children: [_jsx(DialogTitle, { children: "Delete Function" }), _jsx(DialogContent, { children: _jsx(DialogContentText, { sx: { color: '#fff' }, children: "Are you sure you want to delete this function?" }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: handleCloseDeleteDialog, color: "secondary", sx: { color: '#fff' }, children: "Cancel" }), _jsx(Button, { onClick: handleConfirmDelete, color: "error", variant: "contained", children: "Delete" })] })] })] }));
+});
+export const CallForm = memo(({ formData, handleMultipleInputChanges, }) => {
+    var _a;
+    const availableFunctions = useDiagram((state) => state.availableFunctions);
+    const { t } = useTranslation();
+    const { validationState, setFieldError, setFieldTouched, shouldShowFieldError, getFieldError, clearFieldError, } = useFormValidation();
+    const handleFunctionChange = useCallback((funcId) => {
+        const selectedFunction = availableFunctions === null || availableFunctions === void 0 ? void 0 : availableFunctions.find((f) => f.id === funcId);
+        const args = (selectedFunction === null || selectedFunction === void 0 ? void 0 : selectedFunction.args) || [];
+        handleMultipleInputChanges({
+            returnValueName: '',
+            functionId: funcId,
+            code: (selectedFunction === null || selectedFunction === void 0 ? void 0 : selectedFunction.code) || '',
+            functionName: (selectedFunction === null || selectedFunction === void 0 ? void 0 : selectedFunction.name) || '',
+            args: args.map((arg) => ({
+                name: typeof arg === 'string' ? arg : arg.name,
+                value: '',
+                dataType: 'String'
+            })),
+        });
+    }, [availableFunctions, handleMultipleInputChanges]);
+    const handleArgChange = useCallback((index, value) => {
+        const updatedArgs = [...(formData.args || [])];
+        updatedArgs[index] = Object.assign(Object.assign({}, updatedArgs[index]), { value });
+        handleMultipleInputChanges({
+            args: updatedArgs,
+        });
+    }, [formData.args, handleMultipleInputChanges]);
+    // Find the selected function to get argument types
+    const selectedFunction = availableFunctions === null || availableFunctions === void 0 ? void 0 : availableFunctions.find((f) => f.id === formData.functionId);
+    return (_jsxs(Stack, { spacing: 1, children: [_jsxs(Stack, { spacing: 3, direction: 'column', sx: { width: '100%' }, children: [availableFunctions && (_jsx(CustomFunctionSelect, { options: availableFunctions, value: formData.functionId || null, onChange: (funcId) => {
+                            handleFunctionChange(funcId);
+                        } })), getFieldError('functionId') && shouldShowFieldError('functionId') && (_jsx(ValidationError, { error: getFieldError('functionId'), show: true }))] }), _jsx(Divider, { variant: 'inset' }), formData.functionId && (_jsx("div", { children: (_a = formData.args) === null || _a === void 0 ? void 0 : _a.map((arg, index) => (
+                // Find the type for this argument from the selected function
+                (() => {
+                    var _a, _b;
+                    const argType = ((_b = (_a = selectedFunction === null || selectedFunction === void 0 ? void 0 : selectedFunction.args) === null || _a === void 0 ? void 0 : _a.find(a => a.name === arg.name)) === null || _b === void 0 ? void 0 : _b.type) || '';
+                    return (_jsxs(Stack, { spacing: 1, direction: 'row', sx: { alignItems: 'center', mb: 2 }, children: [_jsxs(Typography, { variant: "body1", sx: { width: '80px', fontSize: '12px', color: '#FFFFFF', fontWeight: 'bold' }, children: [arg.name, ":"] }), _jsx(ExpressionInput, { label: "", value: arg.value, onChange: (newValue) => {
+                                    handleArgChange(index, newValue);
+                                }, showDataTypeDropdown: true, dataType: arg.dataType || 'String', onDataTypeChange: (dataType) => {
+                                    const updatedArgs = [...(formData.args || [])];
+                                    updatedArgs[index] = Object.assign(Object.assign({}, updatedArgs[index]), { dataType });
+                                    handleMultipleInputChanges({
+                                        args: updatedArgs,
+                                    });
+                                }, onValidationChange: (isValid, errors) => {
+                                    // Handle validation from ExpressionInput
+                                    if (!isValid && errors.length > 0) {
+                                        setFieldError(`args[${index}].value`, errors[0]);
+                                    }
+                                    else {
+                                        clearFieldError(`args[${index}].value`);
+                                    }
+                                } }), getFieldError(`args[${index}].value`) && (_jsx(ValidationError, { error: getFieldError(`args[${index}].value`), show: true }))] }, arg.name));
+                })())) })), _jsx(Divider, { variant: 'inset' }), formData.functionId && (_jsxs(Box, { children: [_jsx("label", { style: { fontSize: '12px', color: '#FFFFFF', fontWeight: 'bold' }, children: t('callForm.returnValueName') }), _jsx(ExpressionInput, { label: "", value: formData.returnValueName, onChange: (newValue) => {
+                            handleMultipleInputChanges({
+                                returnValueName: newValue,
+                            });
+                        }, showDataTypeDropdown: true, dataType: formData.returnValueDataType || 'String', onDataTypeChange: (dataType) => {
+                            handleMultipleInputChanges({
+                                returnValueDataType: dataType,
+                            });
+                        }, onValidationChange: (isValid, errors) => {
+                            // Handle validation from ExpressionInput
+                            if (!isValid && errors.length > 0) {
+                                setFieldError('returnValueName', errors[0]);
+                            }
+                            else {
+                                clearFieldError('returnValueName');
+                            }
+                        } }), getFieldError('returnValueName') && (_jsx(ValidationError, { error: getFieldError('returnValueName'), show: true }))] }))] }));
+});
+// Add display names for memoized components
+CustomFunctionSelect.displayName = 'CustomFunctionSelect';
+CallForm.displayName = 'CallForm';
+//# sourceMappingURL=CallForm.js.map

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

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

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

@@ -0,0 +1,158 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useCallback } from 'react';
+import ExpressionInput from '../../atoms/ExpressionInput';
+import { useTranslation } from 'react-i18next';
+import { useFormValidation } from '../../hooks/useFormValidation';
+import ValidationError from '../../atoms/ValidationError';
+import { Box, Stack, Collapse, Typography, IconButton } from '@mui/material';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import ExpandLessIcon from '@mui/icons-material/ExpandLess';
+export const ForLoopNodeForm = ({ formData, handleInputChange, }) => {
+    var _a;
+    const { t } = useTranslation();
+    const [tempInit, setTempInit] = useState(formData.init || '');
+    const [tempCondition, setTempCondition] = useState(formData.condition || '');
+    const [tempUpdate, setTempUpdate] = useState(formData.update || '');
+    const [conditionsExpanded, setConditionsExpanded] = useState(true);
+    const [childNodesExpanded, setChildNodesExpanded] = useState((_a = formData.childNodesExpanded) !== null && _a !== void 0 ? _a : true);
+    const { validateForLoopNodeForm, setFieldTouched, shouldShowFieldError, getFieldError, clearFieldError, setFieldError, validationState, } = useFormValidation();
+    // Keep local state in sync with formData if formData changes
+    useEffect(() => {
+        var _a;
+        setTempInit(formData.init || '');
+        setTempCondition(formData.condition || '');
+        setTempUpdate(formData.update || '');
+        setChildNodesExpanded((_a = formData.childNodesExpanded) !== null && _a !== void 0 ? _a : true);
+    }, [formData.init, formData.condition, formData.update, formData.childNodesExpanded]);
+    // Validate form when data changes, but only after user interaction
+    useEffect(() => {
+        // Only validate if at least one field has been touched by the user
+        const hasUserInteraction = Object.keys(validationState.touched).some(key => ['init', 'condition', 'update'].includes(key));
+        if (hasUserInteraction) {
+            // Add a small delay to give users time to type before showing validation errors
+            const timeoutId = setTimeout(() => {
+                validateForLoopNodeForm({
+                    init: tempInit,
+                    condition: tempCondition,
+                    update: tempUpdate,
+                    initDataType: formData.initDataType,
+                    conditionDataType: formData.conditionDataType,
+                    updateDataType: formData.updateDataType,
+                });
+            }, 500); // 500ms delay
+            return () => clearTimeout(timeoutId);
+        }
+    }, [tempInit, tempCondition, tempUpdate, formData.initDataType, formData.conditionDataType, formData.updateDataType, validateForLoopNodeForm, validationState.touched]);
+    const handleInitChange = useCallback((val) => {
+        // Mark the field as touched when user starts typing
+        setFieldTouched('init', true);
+        // Clear error when user starts typing
+        if (getFieldError('init')) {
+            clearFieldError('init');
+        }
+        setTempInit(val);
+        handleInputChange('init', val);
+    }, [handleInputChange, setFieldTouched, getFieldError, clearFieldError]);
+    const handleConditionChange = useCallback((val) => {
+        // Mark the field as touched when user starts typing
+        setFieldTouched('condition', true);
+        // Clear error when user starts typing
+        if (getFieldError('condition')) {
+            clearFieldError('condition');
+        }
+        setTempCondition(val);
+        handleInputChange('condition', val);
+    }, [handleInputChange, setFieldTouched, getFieldError, clearFieldError]);
+    const handleUpdateChange = useCallback((val) => {
+        // Mark the field as touched when user starts typing
+        setFieldTouched('update', true);
+        // Clear error when user starts typing
+        if (getFieldError('update')) {
+            clearFieldError('update');
+        }
+        setTempUpdate(val);
+        handleInputChange('update', val);
+    }, [handleInputChange, setFieldTouched, getFieldError, clearFieldError]);
+    // Handle field blur for validation
+    const handleFieldBlur = (fieldName) => {
+        setFieldTouched(fieldName, true);
+    };
+    // Toggle conditions section expansion
+    const toggleConditionsExpansion = () => {
+        setConditionsExpanded(!conditionsExpanded);
+    };
+    // Toggle child nodes section expansion
+    const toggleChildNodesExpansion = () => {
+        const newExpandedState = !childNodesExpanded;
+        setChildNodesExpanded(newExpandedState);
+        handleInputChange('childNodesExpanded', newExpandedState);
+    };
+    return (_jsx("div", { children: _jsxs(Stack, { spacing: 2, children: [_jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", onClick: toggleConditionsExpansion, sx: {
+                        cursor: 'pointer',
+                        '&:hover': { bgcolor: 'action.hover' },
+                        borderRadius: 2,
+                        border: '1px solid #3a3a3a',
+                        bgcolor: '#3a3a3a'
+                    }, children: [_jsx(Typography, { variant: "subtitle1", fontWeight: "medium", children: t('forLoopNodeForm.conditions') }), _jsx(IconButton, { size: "small", onClick: (e) => {
+                                e.stopPropagation();
+                                toggleConditionsExpansion();
+                            }, children: conditionsExpanded ? _jsx(ExpandLessIcon, {}) : _jsx(ExpandMoreIcon, {}) })] }), _jsx(Collapse, { in: conditionsExpanded, children: _jsxs(Stack, { spacing: 2, sx: { pl: 2 }, children: [_jsxs(Box, { children: [_jsx(ExpressionInput, { label: t('forLoopNodeForm.initialization'), value: tempInit, onChange: handleInitChange, showDataTypeDropdown: true, dataType: formData.initDataType || 'String', onDataTypeChange: (dataType) => {
+                                            handleInputChange('initDataType', dataType);
+                                            // Only re-validate if user has interacted with this field
+                                            if (validationState.touched.init) {
+                                                setTimeout(() => {
+                                                    validateForLoopNodeForm(Object.assign(Object.assign({}, formData), { init: tempInit, condition: tempCondition, update: tempUpdate, initDataType: dataType }));
+                                                }, 100);
+                                            }
+                                        }, onValidationChange: (isValid, errors) => {
+                                            // Handle validation from ExpressionInput
+                                            if (!isValid && errors.length > 0) {
+                                                setFieldError('init', errors[0]);
+                                            }
+                                            else {
+                                                clearFieldError('init');
+                                            }
+                                        } }), _jsx(ValidationError, { error: getFieldError('init'), show: shouldShowFieldError('init') })] }), _jsxs(Box, { children: [_jsx(ExpressionInput, { label: t('forLoopNodeForm.condition'), value: tempCondition, onChange: handleConditionChange, showDataTypeDropdown: true, dataType: formData.conditionDataType || 'String', onDataTypeChange: (dataType) => {
+                                            handleInputChange('conditionDataType', dataType);
+                                            // Only re-validate if user has interacted with this field
+                                            if (validationState.touched.condition) {
+                                                setTimeout(() => {
+                                                    validateForLoopNodeForm(Object.assign(Object.assign({}, formData), { init: tempInit, condition: tempCondition, update: tempUpdate, conditionDataType: dataType }));
+                                                }, 100);
+                                            }
+                                        }, onValidationChange: (isValid, errors) => {
+                                            // Handle validation from ExpressionInput
+                                            if (!isValid && errors.length > 0) {
+                                                setFieldError('condition', errors[0]);
+                                            }
+                                            else {
+                                                clearFieldError('condition');
+                                            }
+                                        } }), _jsx(ValidationError, { error: getFieldError('condition'), show: shouldShowFieldError('condition') })] }), _jsxs(Box, { children: [_jsx(ExpressionInput, { label: t('forLoopNodeForm.update'), value: tempUpdate, onChange: handleUpdateChange, showDataTypeDropdown: true, dataType: formData.updateDataType || 'String', onDataTypeChange: (dataType) => {
+                                            handleInputChange('updateDataType', dataType);
+                                            // Only re-validate if user has interacted with this field
+                                            if (validationState.touched.update) {
+                                                setTimeout(() => {
+                                                    validateForLoopNodeForm(Object.assign(Object.assign({}, formData), { init: tempInit, condition: tempCondition, update: tempUpdate, updateDataType: dataType }));
+                                                }, 100);
+                                            }
+                                        }, onValidationChange: (isValid, errors) => {
+                                            // Handle validation from ExpressionInput
+                                            if (!isValid && errors.length > 0) {
+                                                setFieldError('update', errors[0]);
+                                            }
+                                            else {
+                                                clearFieldError('update');
+                                            }
+                                        } }), _jsx(ValidationError, { error: getFieldError('update'), show: shouldShowFieldError('update') })] })] }) }), _jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", onClick: toggleChildNodesExpansion, sx: {
+                        cursor: 'pointer',
+                        '&:hover': { bgcolor: 'action.hover' },
+                        borderRadius: 2,
+                        border: '1px solid #3a3a3a',
+                        bgcolor: '#3a3a3a'
+                    }, children: [_jsx(Typography, { variant: "subtitle1", fontWeight: "medium", children: t('forLoopNodeForm.childNodes') }), _jsx(IconButton, { size: "small", onClick: (e) => {
+                                e.stopPropagation();
+                                toggleChildNodesExpansion();
+                            }, children: childNodesExpanded ? _jsx(ExpandLessIcon, {}) : _jsx(ExpandMoreIcon, {}) })] }), _jsx(Collapse, { in: childNodesExpanded, children: _jsx(Stack, { spacing: 2, sx: { pl: 2 }, children: _jsx(Typography, { variant: "body2", color: "text.secondary", children: t('forLoopNodeForm.childNodesDescription') }) }) })] }) }));
+};
+//# sourceMappingURL=ForLoopNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForLoopNode.js","sourceRoot":"","sources":["../../../../../../../../packages/diagrams/src/lib/templates/node-forms/ForLoopNode.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAe5D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,iBAAiB,GACI,EAAE,EAAE;;IACzB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAa,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAC1E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAa,QAAQ,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;IACzF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAa,QAAQ,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;IAChF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,MAAA,QAAQ,CAAC,kBAAkB,mCAAI,IAAI,CAAC,CAAC;IAElG,MAAM,EACJ,uBAAuB,EACvB,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,eAAe,EACf,aAAa,EACb,eAAe,GAChB,GAAG,iBAAiB,EAAE,CAAC;IAExB,6DAA6D;IAC7D,SAAS,CAAC,GAAG,EAAE;;QACb,WAAW,CAAC,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QACjC,gBAAgB,CAAC,QAAQ,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;QAC3C,aAAa,CAAC,QAAQ,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;QACrC,qBAAqB,CAAC,MAAA,QAAQ,CAAC,kBAAkB,mCAAI,IAAI,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEtF,mEAAmE;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,mEAAmE;QACnE,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CACzE,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAC9C,CAAC;QAEF,IAAI,kBAAkB,EAAE,CAAC;YACvB,gFAAgF;YAChF,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;gBAChC,uBAAuB,CAAC;oBACtB,IAAI,EAAE,QAAQ;oBACd,SAAS,EAAE,aAAa;oBACxB,MAAM,EAAE,UAAU;oBAClB,YAAY,EAAE,QAAQ,CAAC,YAAY;oBACnC,iBAAiB,EAAE,QAAQ,CAAC,iBAAiB;oBAC7C,cAAc,EAAE,QAAQ,CAAC,cAAc;iBACxC,CAAC,CAAC;YACL,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,cAAc;YAEvB,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,CAAC,YAAY,EAAE,QAAQ,CAAC,iBAAiB,EAAE,QAAQ,CAAC,cAAc,EAAE,uBAAuB,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;IAExK,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,GAAe,EAAE,EAAE;QACvD,oDAAoD;QACpD,eAAe,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAE9B,sCAAsC;QACtC,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;YAC1B,eAAe,CAAC,MAAM,CAAC,CAAC;QAC1B,CAAC;QAED,WAAW,CAAC,GAAG,CAAC,CAAC;QACjB,iBAAiB,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,iBAAiB,EAAE,eAAe,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC;IAEzE,MAAM,qBAAqB,GAAG,WAAW,CAAC,CAAC,GAAe,EAAE,EAAE;QAC5D,oDAAoD;QACpD,eAAe,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAEnC,sCAAsC;QACtC,IAAI,aAAa,CAAC,WAAW,CAAC,EAAE,CAAC;YAC/B,eAAe,CAAC,WAAW,CAAC,CAAC;QAC/B,CAAC;QAED,gBAAgB,CAAC,GAAG,CAAC,CAAC;QACtB,iBAAiB,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,iBAAiB,EAAE,eAAe,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC;IAEzE,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,GAAe,EAAE,EAAE;QACzD,oDAAoD;QACpD,eAAe,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QAEhC,sCAAsC;QACtC,IAAI,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC5B,eAAe,CAAC,QAAQ,CAAC,CAAC;QAC5B,CAAC;QAED,aAAa,CAAC,GAAG,CAAC,CAAC;QACnB,iBAAiB,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,iBAAiB,EAAE,eAAe,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC;IAEzE,mCAAmC;IACnC,MAAM,eAAe,GAAG,CAAC,SAAiB,EAAE,EAAE;QAC5C,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,sCAAsC;IACtC,MAAM,yBAAyB,GAAG,GAAG,EAAE;QACrC,qBAAqB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,uCAAuC;IACvC,MAAM,yBAAyB,GAAG,GAAG,EAAE;QACrC,MAAM,gBAAgB,GAAG,CAAC,kBAAkB,CAAC;QAC7C,qBAAqB,CAAC,gBAAgB,CAAC,CAAC;QACxC,iBAAiB,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAC;IAC5D,CAAC,CAAC;IAEF,OAAO,CACL,wBACE,MAAC,KAAK,IAAC,OAAO,EAAE,CAAC,aAEf,MAAC,GAAG,IACF,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,yBAAyB,EAClC,EAAE,EAAE;wBACF,MAAM,EAAE,SAAS;wBACjB,SAAS,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;wBACtC,YAAY,EAAE,CAAC;wBACf,MAAM,EAAE,mBAAmB;wBAC3B,OAAO,EAAE,SAAS;qBACnB,aAED,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,YAChD,CAAC,CAAC,4BAA4B,CAAC,GACrB,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gCACtC,CAAC,CAAC,eAAe,EAAE,CAAC;gCACpB,yBAAyB,EAAE,CAAC;4BAC9B,CAAC,YACE,kBAAkB,CAAC,CAAC,CAAC,KAAC,cAAc,KAAG,CAAC,CAAC,CAAC,KAAC,cAAc,KAAG,GAClD,IACT,EAGN,KAAC,QAAQ,IAAC,EAAE,EAAE,kBAAkB,YAC9B,MAAC,KAAK,IAAC,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,aAC9B,MAAC,GAAG,eACF,KAAC,eAAe,IACd,KAAK,EAAE,CAAC,CAAC,gCAAgC,CAAC,EAC1C,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,gBAAgB,EAC1B,oBAAoB,EAAE,IAAI,EAC1B,QAAQ,EAAE,QAAQ,CAAC,YAAY,IAAI,QAAQ,EAC3C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,EAAE;4CAC7B,iBAAiB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;4CAC5C,0DAA0D;4CAC1D,IAAI,eAAe,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;gDACjC,UAAU,CAAC,GAAG,EAAE;oDACd,uBAAuB,iCAClB,QAAQ,KACX,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,QAAQ,IACtB,CAAC;gDACL,CAAC,EAAE,GAAG,CAAC,CAAC;4CACV,CAAC;wCACH,CAAC,EACD,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;4CACtC,yCAAyC;4CACzC,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gDAClC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;4CACnC,CAAC;iDAAM,CAAC;gDACN,eAAe,CAAC,MAAM,CAAC,CAAC;4CAC1B,CAAC;wCACH,CAAC,GACD,EACF,KAAC,eAAe,IACd,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,EAC5B,IAAI,EAAE,oBAAoB,CAAC,MAAM,CAAC,GAClC,IACE,EAEN,MAAC,GAAG,eACF,KAAC,eAAe,IACd,KAAK,EAAE,CAAC,CAAC,2BAA2B,CAAC,EACrC,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,qBAAqB,EAC/B,oBAAoB,EAAE,IAAI,EAC1B,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,IAAI,QAAQ,EAChD,gBAAgB,EAAE,CAAC,QAAQ,EAAE,EAAE;4CAC7B,iBAAiB,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC;4CACjD,0DAA0D;4CAC1D,IAAI,eAAe,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;gDACtC,UAAU,CAAC,GAAG,EAAE;oDACd,uBAAuB,iCAClB,QAAQ,KACX,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,iBAAiB,EAAE,QAAQ,IAC3B,CAAC;gDACL,CAAC,EAAE,GAAG,CAAC,CAAC;4CACV,CAAC;wCACH,CAAC,EACD,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;4CACtC,yCAAyC;4CACzC,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gDAClC,aAAa,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;4CACxC,CAAC;iDAAM,CAAC;gDACN,eAAe,CAAC,WAAW,CAAC,CAAC;4CAC/B,CAAC;wCACH,CAAC,GACD,EACF,KAAC,eAAe,IACd,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,EACjC,IAAI,EAAE,oBAAoB,CAAC,WAAW,CAAC,GACvC,IACE,EAEN,MAAC,GAAG,eACF,KAAC,eAAe,IACd,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAClC,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,kBAAkB,EAC5B,oBAAoB,EAAE,IAAI,EAC1B,QAAQ,EAAE,QAAQ,CAAC,cAAc,IAAI,QAAQ,EAC7C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,EAAE;4CAC7B,iBAAiB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;4CAC9C,0DAA0D;4CAC1D,IAAI,eAAe,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;gDACnC,UAAU,CAAC,GAAG,EAAE;oDACd,uBAAuB,iCAClB,QAAQ,KACX,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,cAAc,EAAE,QAAQ,IACxB,CAAC;gDACL,CAAC,EAAE,GAAG,CAAC,CAAC;4CACV,CAAC;wCACH,CAAC,EACD,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;4CACtC,yCAAyC;4CACzC,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gDAClC,aAAa,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;4CACrC,CAAC;iDAAM,CAAC;gDACN,eAAe,CAAC,QAAQ,CAAC,CAAC;4CAC5B,CAAC;wCACH,CAAC,GACD,EACF,KAAC,eAAe,IACd,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,EAC9B,IAAI,EAAE,oBAAoB,CAAC,QAAQ,CAAC,GACpC,IACE,IACA,GACC,EAGX,MAAC,GAAG,IACF,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,yBAAyB,EAClC,EAAE,EAAE;wBACF,MAAM,EAAE,SAAS;wBACjB,SAAS,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;wBACtC,YAAY,EAAE,CAAC;wBACf,MAAM,EAAE,mBAAmB;wBAC3B,OAAO,EAAE,SAAS;qBACnB,aAED,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,YAChD,CAAC,CAAC,4BAA4B,CAAC,GACrB,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gCACtC,CAAC,CAAC,eAAe,EAAE,CAAC;gCACpB,yBAAyB,EAAE,CAAC;4BAC9B,CAAC,YACE,kBAAkB,CAAC,CAAC,CAAC,KAAC,cAAc,KAAG,CAAC,CAAC,CAAC,KAAC,cAAc,KAAG,GAClD,IACT,EAGN,KAAC,QAAQ,IAAC,EAAE,EAAE,kBAAkB,YAC9B,KAAC,KAAK,IAAC,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAC9B,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB,YAC/C,CAAC,CAAC,uCAAuC,CAAC,GAChC,GACP,GACC,IACL,GACJ,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Button, Stack, Tab, Tabs, TextField, Typography, } from '@mui/material';
+import ParameterInput from '../../atoms/ParameterInput';
+import { useTranslation } from 'react-i18next';
+import CustomCodeModal from '../../components/CustomCodeModal';
+import { useFunctionFormCallbacks } from '../../hooks/useFunctionFormCallbacks';
+import { useFormValidation } from '../../hooks/useFormValidation';
+import ValidationError from '../../atoms/ValidationError';
+const FunctionForm = ({ formData, handleInputChange, handleMultipleInputChanges, }) => {
+    const { t } = useTranslation();
+    const [isModalOpen, setModalOpen] = useState(false);
+    const [createModalOpen, setCreateModalOpen] = useState(false);
+    const { validationState, validateFunctionForm, setFieldTouched, shouldShowFieldError, getFieldError, clearFieldError, setFieldError, } = useFormValidation();
+    const { handleModalClose, handleModalOpen, handleCreateModalClose, handleModeChange, handleNameChange, handleParametersChange, handleCustomCodeChange, handleCreate, handleSaveAsFunction, } = useFunctionFormCallbacks({
+        handleInputChange,
+        handleMultipleInputChanges,
+        setModalOpen,
+        setCreateModalOpen,
+    });
+    // Validate form when data changes
+    useEffect(() => {
+        // Mark fields as touched when validation runs to ensure errors are shown
+        if (formData.name) {
+            setFieldTouched('name', true);
+        }
+        if (formData.parameters && formData.parameters.length > 0) {
+            setFieldTouched('parameters', true);
+        }
+        validateFunctionForm(formData);
+    }, [formData, validateFunctionForm, setFieldTouched]);
+    // Handle field blur for validation
+    const handleFieldBlur = (fieldName) => {
+        setFieldTouched(fieldName, true);
+        // Immediately validate the field on blur
+        if (fieldName === 'name') {
+            if (!formData.name || formData.name.trim() === '') {
+                setFieldError('name', 'Function name cannot be empty.');
+            }
+            else if (!/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(formData.name)) {
+                setFieldError('name', 'Function name must start with a letter or underscore and contain only letters, numbers, and underscores.');
+            }
+            else {
+                clearFieldError('name');
+            }
+        }
+    };
+    // Handle field change with validation
+    const handleNameChangeWithValidation = (event) => {
+        const value = event.target.value;
+        handleInputChange('name', value);
+    };
+    const handleParametersChangeWithValidation = (parameters) => {
+        handleParametersChange(parameters);
+    };
+    return (_jsxs(Box, { sx: { mb: 2, mt: 2 }, children: [_jsxs(Tabs, { value: formData.mode || 'normal', onChange: handleModeChange, TabIndicatorProps: { style: { display: 'none' } }, children: [_jsx(Tab, { value: 'normal', label: t('functionForm.normal') }), _jsx(Tab, { value: 'advanced', label: t('functionForm.advanced') })] }), formData.mode !== 'advanced' && (_jsx(Box, { children: _jsxs(Stack, { spacing: 2, children: [_jsxs(Box, { children: [_jsx(TextField, { size: "small", label: t('functionForm.functionName'), value: formData.name, onChange: handleNameChangeWithValidation, onBlur: () => handleFieldBlur('name'), error: shouldShowFieldError('name'), sx: {
+                                        color: '#FFFFFF',
+                                        '& .MuiInputBase-input': { color: '#FFFFFF' },
+                                        '& .MuiOutlinedInput-notchedOutline': {
+                                            borderColor: shouldShowFieldError('name') ? '#d32f2f' : '#8E8E93'
+                                        }
+                                    } }), _jsx(ValidationError, { error: getFieldError('name'), show: shouldShowFieldError('name') })] }), _jsxs(Box, { children: [_jsx(ParameterInput, { label: t('functionForm.parameters'), value: formData.parameters || [], onChange: handleParametersChangeWithValidation }), _jsx(ValidationError, { error: getFieldError('parameters'), show: shouldShowFieldError('parameters') })] })] }) })), formData.mode === 'advanced' && (_jsxs(Box, { children: [_jsx(Typography, { variant: "h6", sx: { color: '#8E8E93' }, children: t('functionForm.advanced') }), _jsx(Button, { variant: "contained", onClick: handleModalOpen, children: t('functionForm.injectCustomCode') }), _jsx(ValidationError, { error: getFieldError('customCode'), show: shouldShowFieldError('customCode') })] })), _jsx(CustomCodeModal, { open: isModalOpen, onClose: handleModalClose, code: formData.customCode || '', onCodeChange: handleCustomCodeChange, functionName: formData.name, parameters: formData.parameters && Array.isArray(formData.parameters) ? formData.parameters : [], title: t('functionForm.injectCustomFunction'), description: t('functionForm.customCode'), onSaveAsFunction: handleSaveAsFunction })] }));
+};
+export default FunctionForm;
+//# sourceMappingURL=FunctionForm.js.map

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

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